网站模板-专业企业服务展示响应式网页模板-适配移动端界面-HTML源码.zip资源-CSDN文库

共37个文件

jpg：14个

png：6个

css：5个

版权申诉

HTML源码

适配移动端

JavaScript

网站源码

166 浏览量 2024-03-25 08:46:29 上传评论收藏 803KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站模板-专业企业服务展示响应式网页模板-适配移动端界面-HTML源码.zip （37个子文件）

网站模板-专业企业服务展示响应式网页模板-适配移动端界面-HTML源码

html

jquery.chocolat.js 10KB

easing.js 5KB

jquery-1.11.0.min.js 94KB

move-top.js 1KB

css

style.css 19KB

style2.css 2KB

common.css 310B

bootstrap.css 138KB

chocolat.css 2KB

index.html 15KB

images

g3.jpg 20KB

plus.png 3KB

g2.jpg 25KB

test.jpg 55KB

arrow.png 3KB

banner.jpg 158KB

1.jpg 59KB

t3.jpg 12KB

left.png 328B

g6.jpg 31KB

t1.jpg 9KB

t4.jpg 14KB

g5.jpg 31KB

close.png 3KB

t2.jpg 15KB

right.png 321B

g4.jpg 30KB

ab.jpg 30KB

icon.png 3KB

g1.jpg 25KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

SourceSansPro-Regular.ttf 146KB

HammersmithOne-Regular.ttf 101KB

<!DOCTYPE HTML> <html> <head> <title>Advance A corporate Business 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-1.11.0.min.js"></script>  <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>  <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="Advance 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" />   <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>  <link rel="stylesheet" type="text/css" href="css/common.css" /> <link rel="stylesheet" type="text/css" href="css/style2.css" /> </head> <body>  <div class="banner"> <div class="container"> <div class="banner-main"> <h1>Lorem Ipsum is simply dummy text.</h1> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim</p> <a href="#">Read More</a> <div class="clearfix"> </div> </div> </div> </div>   <div class="header"> <div class="container"> <div class="header-main"> <div class="logo"> <h2><a href="#">Advance</a></h2> </div> <div class="top-navg"> <span class="menu"> <img src="images/icon.png" alt=""/></span> <ul class="res"> <li><a class="scroll"href="#home">Home</a></li> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> <li><a class="scroll"href="#about">About</a></li> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> <li><a class="scroll"href="#team">Team</a></li> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> <li><a class="scroll"href="#services">Services</a></li> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> <li><a class="scroll"href="#gallery">Gallery</a></li> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> <li><a class="scroll"href="#news">News</a></li> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> <li><a class="scroll"href="#contact">Contact</a></li> </ul>  <script> $( "span.menu" ).click(function() { $( "ul.res" ).slideToggle( 300, function() { // Animation complete. }); }); </script> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="wecome" id="about"> <div class="container"> <div class="wecome-main"> <h3>Welcome Message</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut minim veniam nostrud exercitation consequat.</p> <a href="#">Forward</a> <div class="clearfix"> </div> </div> </div> </div>   <div class="about"> <div class="container"> <div class="about-main"> <div class= "about-bottom"> <div class="col-md-5 about-left"> <img src="images/ab.jpg" alt="" class="img-responsive"> </div> <div class="col-md-7 about-right"> <h4>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,</h4> <p>inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis </p> </div> <div class="clearfix"> </div> </div> </div> </div> </div>   <div class="team-mem" id="team"> <div class="container"> <div class="team-main"> <div class="team-top"> <h3>Our Team</h3> </div> <ul class="ch-grid"> <li> <a href="#"><div class="ch-item ch-img-1"> <div class="ch-info"> <h3>Brainiac</h3> <p>by Daniel Nyari</p> </div> </div></a> </li> <li> <a href="#"><div class="ch-item ch-img-2"> <div class="ch-info"> <h3>Vision</h3> <p>by Daniel Nyari</p> </div> </div></a> </li> <li> <a href="#"><div class="ch-item ch-img-3"> <div class="ch-info"> <h3>Cylon</h3> <p>by Daniel Nyari </p> </div> </div></a> </li> <li> <a href="#"><div class="ch-item ch-img-4"> <div class="ch-info"> <h3>Cylon</h3> <p>by Daniel Nyari</p> </div> </div></a> </li> </ul> <div class="clearfix"> </div> </div> </div> </div>   <div class="testimo"> <div class="container"> <div class="testimo-main"> <h3>Testimonials</h3> <h4>What Peoples say about us</h4> <div class="test-bot"> <p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque impedit facere possimus repellendus.</p> <h5>Eligendi</h5> </div> <div class="clearfixx"> </div> </div> </div> </div>   <div class="services" id="services"> <div class="container"> <div class="services-main"> <div class="service-top"> <h3>Services</h3> <p> To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it</p> </div> <div class="services-bottom"> <div class="col-md-3 ser-grid"> <span class="glyphicon glyphicon-paste" aria-hidden="true"> </span> <h4>Denouncing</h4> <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain</p> </div> <div class="col-md-3 ser-grid"> <span class="glyphicon glyphicon-tree-conifer" aria-hidden="true"> </span> <h4>Conversion</h4> <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain</p> </div> <div class="col-md-3 ser-grid"> <span class="glyphicon glyphicon-globe" aria-hidden="true"> </span> <h4>Voluptatem</h4> <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain</p> </div> <div class="col-md-3 ser-

评论收藏

内容反馈

版权申诉