111_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip资源-CSDN文库

共68个文件

jpg：37个

png：13个

js：9个

网站模板

前端源码

105 浏览量 2023-08-04 11:15:13 上传评论收藏 1.34MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

111_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （68个子文件）

111

responsiveslides.min.js 3KB

nivo-lightbox.min.js 7KB

jquery.flexslider.js 39KB

uisearch.js 6KB

easing.js 5KB

jquery-1.11.0.min.js 94KB

classie.js 2KB

move-top.js 1KB

jquery.min.js 82KB

css

style.css 43KB

flexslider.css 4KB

magnific-popup.css 10KB

bootstrap.css 138KB

index.html 20KB

contact.html 10KB

about.html 10KB

single.html 12KB

images

g3.jpg 31KB

plus.png 3KB

g2.jpg 37KB

a2.jpg 35KB

ultra.jpg 40KB

f8.jpg 2KB

f4.jpg 2KB

f2.jpg 1KB

s1.jpg 1KB

prev.png 3KB

3.png 510B

s2.jpg 2KB

f1.jpg 2KB

f9.jpg 2KB

logo.png 4KB

f5.jpg 2KB

t3.jpg 28KB

f6.jpg 2KB

p4.jpg 14KB

f3.jpg 1KB

f10.jpg 2KB

blog3.jpg 127KB

a3.jpg 45KB

f12.jpg 2KB

next.png 3KB

g7.jpg 36KB

search.png 4KB

g6.jpg 45KB

social-sprit.png 4KB

t1.jpg 18KB

f11.jpg 2KB

home.jpg 39KB

g5.jpg 32KB

user.png 2KB

img-sprite.png 4KB

close.png 3KB

4.png 4KB

t2.jpg 21KB

p2.jpg 28KB

f7.jpg 2KB

g4.jpg 43KB

p3.jpg 15KB

s3.jpg 2KB

f.png 3KB

ban.jpg 251KB

blog.jpg 131KB

icon.png 3KB

blog1.jpg 108KB

villa.jpg 39KB

p1.jpg 20KB

blog.html 12KB

<!DOCTYPE HTML> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">  <script src="js/jquery-1.11.0.min.js"></script>  <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }> </script> <meta name="keywords" content="Auction Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndriodCompatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />  <link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'> <link href='http://fonts.useso.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>  <script src="http://ajax.useso.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script> </head> <body>   <div class="header"> <div class="container"> <div class="header-main"> <div class="logo"> <a href="index.html"> <img src="images/logo.png" alt="" title=""> </a> </div> <div class="head-right"> <div class="top-nav"> <span class="menu"> <img src="images/icon.png" alt=""/></span> <ul class="res"> <li><a class="active" href="index.html">Home</a></li> <li><a href="about.html">About Us</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contact.html">Contact</a></li> <div class="clearfix"> </div> </ul>  <script> $( "span.menu" ).click(function() { $( "ul.res" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </div> <div class="social"> <ul > <li><a class="fa" href="#"> </a></li> <li><a class="tw" href="#"> </a></li> <li><a class="p" href="#"> </a></li> </ul> </div> <div class="search-box"> <div id="sb-search" class="sb-search"> <form> <input class="sb-search-input" placeholder="Search" type="search" name="search" id="search"> <input class="sb-search-submit" type="submit" value=""> <span class="sb-icon-search"> </span> </form> </div> </div> <div class="clearfix"> </div>  <script src="js/classie.js"></script> <script src="js/uisearch.js"></script> <script> new UISearch( document.getElementById( 'sb-search' ) ); </script>  </div> <div class="clearfix"> </div> </div> </div> </div>   <script src="js/responsiveslides.min.js"></script> <script> $(function () { $("#slider").responsiveSlides({ auto: true, speed: 500, namespace: "callbacks", pager: false, nav:true, }); }); </script> <div class="banner"> <div class="container"> <div class="banner-main"> <ul class="rslides" id="slider"> <li> <h3>Temporibus autem quibusdam</h3> <p>We are Professional web developer Company</p> <div class="bann-btn"> <a href="#" class="hvr-shutter-out-horizontal">Read More</a> </div> </li> <li> <h3>Lorem Ipsum simply dummy</h3> <p>But this denouncing pleasure and praising</p> <div class="bann-btn"> <a href="#" class="hvr-shutter-out-horizontal">Read More</a> </div> </li> <li> <h3>Nemo ipsam voluptatem</h3> <p>We are Professional web developer Company</p> <div class="bann-btn"> <a href="#" class="hvr-shutter-out-horizontal">Read More</a> </div> </li> </ul> </div> </div> </div> <div class="banner-strip"> <div class="container"> <h3>We Work On Advertising For Internal And External Communications</h3> <div class="bann-strip-btn"> <a href="#" class="hvr-shutter-out-horizontal">Read More</a> </div> <div class="clearfix"> </div> </div> </div>   <div class="services"> <div class="container"> <div class="services-main"> <div class="services-top"> <h3>Our Best Services</h3> <p>Great design is about more than style,it,s about being yoursel</p> </div> <div class="services-bottom"> <div class="row"> <div class="col-sm-6 col-md-4 ser"> <div class="thumbnail"> <a href="single.html"><img src="images/g2.jpg" alt=""></a> <div class="caption"> <a href="single.html"><h3>Praesentium voluptatum</h3></a> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p> </div> </div> </div> <div class="col-sm-6 col-md-4 ser"> <div class="thumbnail"> <a href="single.html"><img src="images/g3.jpg" alt=""></a> <div class="caption"> <a href="single.html"> <h3>Accusantium doloremque</h3></a> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p> </div> </div> </div> <div class="col-sm-6 col-md-4 ser"> <div class="thumbnail"> <a href="single.html"><img src="images/g4.jpg" alt=""></a> <div class="caption"> <a href="single.html"><h3>Thumbnail label</h3></a> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p> </div> </div> </div> <div class="clearfix"> </div> </div> <div class="row"> <div class="col-sm-6 col-md-4 ser"> <div class="thumbnail"> <a href="single.html"><img src="images/g5.jpg" alt=""></a> <div class="caption"> <a href="single.html"><h3>Lorem ipsum dolor</h3></a> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p> </div> </div> </div> <div class="col-sm-6 col-md-4 ser"> <div class="thumbnail"> <a href="single.html"> <img src="images/g6.jpg" alt=""></a> <div class="caption"> <a href="single.html"> <h3>Established fact</h3></a> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p> </div> </div> </div> <div class="col-sm-6 col-md-4 ser"> <div class="thumbnail"> <a href="single.html"><img src="images/g7.jpg" alt=""></a> <div class="caption"> <a href="single.html"><h3>Neque porro quisquam</h3></a> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p> </div> </div>

评论收藏

内容反馈