网站模板-简洁商务合作企业响应式网站模板-适配移动端界面-HTML源码.zip资源-CSDN文库

共68个文件

jpg：32个

png：18个

js：7个

版权申诉

HTML源码

JavaScript

适配移动端

165 浏览量 2024-03-23 09:39:03 上传评论收藏 1.47MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站模板-简洁商务合作企业响应式网站模板-适配移动端界面-HTML源码.zip （68个子文件）

网站模板-简洁商务合作企业响应式网站模板-适配移动端界面-HTML源码

html

portfolio.html 8KB

jquery.swipebox.min.js 7KB

responsiveslides.min.js 3KB

easing.js 5KB

jquery-1.11.0.min.js 94KB

move-top.js 1KB

jquery.mixitup.min.js 14KB

jquery.min.js 92KB

service.html 4KB

css

style.css 36KB

bootstrap.css 118KB

swipebox.css 4KB

index.html 9KB

contact.html 5KB

about.html 7KB

single.html 6KB

images

head-strip.jpg 3KB

line.jpg 8KB

t5.jpg 43KB

b-p6.jpg 72KB

b.jpg 53KB

b-p1.jpg 66KB

sub-button.png 2KB

bl2.jpg 36KB

work-strip.png 12KB

m4.png 52KB

m2.png 50KB

b-p3.jpg 54KB

bulb.png 2KB

123.jpg 10KB

sea.png 691B

sli-arr.png 2KB

b-p4.jpg 41KB

logo.png 27KB

iphone.jpg 96KB

hand.jpg 34KB

m1.png 57KB

t3.jpg 28KB

stock.jpg 83KB

ftr-strip.jpg 4KB

p4.jpg 25KB

serch.png 1KB

p6.jpg 37KB

social.png 5KB

b-p5.jpg 49KB

man-340826_640.jpg 49KB

icons.svg 1KB

set.png 2KB

t4.jpg 10KB

ab2.jpg 29KB

m3.png 51KB

man.jpg 9KB

collance.png 435B

t2.jpg 22KB

p2.jpg 37KB

man1.jpg 7KB

p3.jpg 33KB

king.png 2KB

p5.jpg 25KB

ent.jpg 59KB

b-p2.jpg 64KB

bann-line.jpg 10KB

icon.png 138B

ab1.jpg 18KB

rib.png 10KB

ubrilla.png 2KB

p1.jpg 38KB

blog.html 7KB

<!DOCTYPE HTML> <html> <head> <title>Aptes A Carporate category Flat bootstrap Responsive Website Template|Home:: w3layouts</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">  <script src="js/jquery.min.js"></script>  <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/> <link rel="stylesheet" type="text/css" href="css/demo.css" />  <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="Aptes 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://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Ropa+Sans:400,400italic' rel='stylesheet' type='text/css'>  <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="mothergrid"> <div class="container"> <div class="strip"> <div class="logo"> <a href="index.html"> <img src="images/logo.png" alt=""/></a> </div> <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</a></li> <li><a href="service.html">Services</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contact.html">Contact</a></li> </ul>  <script> $( "span.menu" ).click(function() { $( "ul.res" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </div> </div>   <div class="header"> <div class="social-icons"> <ul class="head-icons"> <li><a class="foot" href="#"> </a></li> <li><a class="fa" href="#"> </a></li> <li><a class="tw" href="#"> </a></li> <li><a class="in" href="#"> </a></li> </ul> </div> <div class="search"> <input type="text" value="Search Here..."/ onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search Here...';}"/> <input type="submit" value=""/> </div> <div class="clearfix"> </div> <span class="bann-line"> </span> </div>   <div class="banner"> <div class="banner-left"> <h3>VEVAMUS SPE</h3> </div> <div class="banner-left"> <h3>NERE ONGLIS</h3> </div> <div class="clearfix"> </div> </div>   <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider4").responsiveSlides({ auto: true, pager: true, nav: true, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script>  <div class="work"> <div class="work-top"> <h3>Sed viverra varius ante quis semper lacus placerat class<span class="work-col">nore conubia nostra perinceptos.</span></h3> </div> <span class="work-strip">Our Recent Work</span> <span class="line"> </span> <div class="work-bottom"> <ul class="rslides" id="slider4"> <li> <div class="work-grid"> <img src="images/m1.png" alt=""/> </div> <div class="work-grid"> <img src="images/m2.png" alt=""/> </div> <div class="work-grid"> <img src="images/m3.png" alt=""/> </div> <div class="work-grid"> <img src="images/m4.png" alt=""/> </div> </li> <li> <div class="work-grid"> <img src="images/m2.png" alt=""/> </div> <div class="work-grid"> <img src="images/m3.png" alt=""/> </div> <div class="work-grid"> <img src="images/m4.png" alt=""/> </div> <div class="work-grid"> <img src="images/m1.png" alt=""/> </div> </li> <li> <div class="work-grid"> <img src="images/m3.png" alt=""/> </div> <div class="work-grid"> <img src="images/m4.png" alt=""/> </div> <div class="work-grid"> <img src="images/m1.png" alt=""/> </div> <div class="work-grid"> <img src="images/m2.png" alt=""/> </div> </li> <li> <div class="work-grid"> <img src="images/m4.png" alt=""/> </div> <div class="work-grid"> <img src="images/m1.png" alt=""/> </div> <div class="work-grid"> <img src="images/m2.png" alt=""/> </div> <div class="work-grid"> <img src="images/m3.png" alt=""/> </div> </li> </ul> </div> <div class="cleartfix"> </div> </div>   <div class="core"> <span class="work-strip">Our Core Services</span> <div class="col-md-6 core-left"> <div class="core-grid"> <small class="set"> </small> <h3>Vivamus egetemp</h3> <h4>Eget hendrerit eros arcu ut lacus uno</h4> <p>Etiam at leo ipsum. Nam sed ligula non est lacinia malesuada. Nam pharetra placerat nisi, et blandit risus dapibus at. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.<a href="single.html">[Read More]</a></p> </div> <div class="core-grid"> <small class="umb"> </small> <h3>Class aptent taciti</h3> <h4>Pellentesque tincidunt elit at condime</h4> <p>Ut at eros felis, a dignissim dolor. Nam dignissim blandit sem, eu tristique nisi consequat vitae. Ut elementum rhoncus nulla, vitae pretium arcu lacinia ac. Suspendisse sed justo.<a href="single.html">[Read More]</a> </p> </div> </div> <div class="col-md-6 core-left"> <div class="core-grid"> <small class="bulb"> </small> <h3>Nam non quam</h3> <h4>Fusce semper mollis velit eget convallis</h4> <p>Duis eu mauris augue, non gravida erat. Donec in mi mauris, vel varius mi. Duis massa ante, pulvinar a congue quis, volutpat a diam. Pellentesque facilisis lacus eu velit ultdapibus.<a href="single.html">[Read More]</a></p> </div> <div class="core-grid"> <small class="king"> </small> <h3>Omperdiet vel purus</h3> <h4>Commodo n

评论收藏

内容反馈

版权申诉