网站模板-精诚合作商务公司响应式网站模板-适配移动端界面-HTML源码.zip资源-CSDN文库

共42个文件

jpg：15个

js：9个

png：6个

版权申诉

HTML源码

JavaScript

适配移动端

195 浏览量 2024-03-23 09:38:01 上传评论收藏 974KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站模板-精诚合作商务公司响应式网站模板-适配移动端界面-HTML源码.zip （42个子文件）

网站模板-精诚合作商务公司响应式网站模板-适配移动端界面-HTML源码

html

bootstrap.js 66KB

modernizr.custom.97074.js 8KB

responsiveslides.min.js 3KB

jquery.chocolat.js 10KB

jquery.hoverdir.js 5KB

easing.js 5KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

wow.min.js 5KB

css

style.css 40KB

animate.css 71KB

bootstrap.css 134KB

chocolat.css 2KB

index.html 26KB

images

g15.jpg 36KB

p.jpg 15KB

g18.jpg 29KB

banner.jpg 177KB

to-top2.png 3KB

t3.jpg 56KB

left.png 3KB

t1.jpg 49KB

g11.jpg 50KB

g17.jpg 14KB

sprite.png 6KB

g13.jpg 39KB

g12.jpg 20KB

g16.jpg 28KB

g14.jpg 22KB

close.png 3KB

t2.jpg 57KB

right.png 3KB

p2.jpg 15KB

icon.png 6KB

p1.jpg 8KB

fonts

FontAwesome.otf 61KB

glyphicons-halflings-regular.woff 23KB

fontawesome-webfont.eot 37KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 43KB

fontawesome-webfont.svg 197KB

fontawesome-webfont.ttf 79KB

<!DOCTYPE HTML> <html> <head> <title>Fix Duties a Corporate Category Flat Bootstrap Responsive Website Template | Home :: w3layouts </title>  <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <link href="css/style.css" rel='stylesheet' type='text/css' /> <link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">   <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.js"></script>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Fix Duties Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'> <link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=PT+Sans+Caption:400,700' rel='stylesheet' type='text/css'> <link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=ABeeZee:400,400italic' rel='stylesheet' type='text/css'> <script src="js/jquery.chocolat.js"></script>  <script type="text/javascript"> $(function() { $('.project a').Chocolat(); }); </script>  <script src="js/modernizr.custom.97074.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},1200); }); }); </script>  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider3").responsiveSlides({ auto: true, pager: false, nav: false, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script>  <link href="css/animate.css" rel="stylesheet" type="text/css" media="all"> <script src="js/wow.min.js"></script> <script> new WOW().init(); </script>  </head> <body> <div class="header-section" id="home"> <div class="container"> <nav class="navbar navbar-default">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="logo wow fadeInDownBig animated animated" data-wow-delay="0.4s"> <h1><a class="navbar-brand link link--yaku" href="index.html"><span>F</span><span>i</span><span>x</span> <span>D</span><span>u</span><span>t</span><span>i</span><span>e</span><span>s</span></a></h1> </div> </div>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <nav class="cl-effect-16" > <ul class="nav navbar-nav"> <li><a class="active wow fadeInDownBig" data-wow-delay=".1s" href="index.html" data-hover="Home"><span>Home</span></a></li> <li><a href="#about" class="scroll wow fadeInDownBig" data-wow-delay=".2s" data-hover="About"><span>About</span></a></li> <li><a href="#services" class="scroll wow fadeInDownBig" data-wow-delay=".3s" data-hover="Services"><span>Services</span></a></li> <li><a href="#gallery" class="scroll wow fadeInDownBig" data-wow-delay=".4s" data-hover="Gallery"><span>Gallery</span></a></li> <li><a href="#teams" class="scroll wow fadeInDownBig" data-wow-delay=".6s" data-hover="Teams"><span>Teams</span></a></li> <li><a href="#prices" class="scroll wow fadeInDownBig" data-wow-delay=".8s" data-hover="Prices"><span>Prices</span></a></li> <li><a href="#contact" class="scroll wow fadeInDownBig" data-wow-delay=".9s" data-hover="Contact"><span>Contact</span></a></li> </ul> </nav> </div>  </nav> </div> </div>  <div class="banner-grid"> <div class="container"> <div id="top" class="callbacks_container"> <ul class="rslides" id="slider3"> <li> <div class="banner-text"> <h3 class="wow bounceIn" data-wow-delay="0.50s">Morbi rutrum ligula id mi imperdiet</h3> <p class="wow fadeInUp" data-wow-delay="0.90s"> Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis, omnis dolor</p> </div> </li> <li> <div class="banner-text"> <h3 class="wow bounceIn" data-wow-delay="0.50s">Donec vel libero vehicula, laoreet</h3> <p class="wow fadeInUp" data-wow-delay="0.90s"> Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis, omnis dolor</p> </div> </li> </ul> <div class="clearfix"></div> </div> </div> </div>   <div class="about-section" id="about"> <div class="container"> <h2>About Us</h2> <div class="about-grids"> <div class="col-md-4 about-grid wow fadeInLeft animated" data-wow-delay=".5s"> <img src="images/p.jpg" class="img-responsive" alt=""/> <div class="about-details hvr-rectangle-in"> <div class="about-text"> <h5>1</h5> </div> <h4>Morbi Rutrum Ligula</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu euismod risus, eget sodales nulla. Phasellus justo quam, ullamcorper convallis erat ut, finibus sagittis diam.</p> </div> </div> <div class="col-md-4 about-grid wow fadeInDownBig animated animated" data-wow-delay="0.4s"> <img src="images/p1.jpg" class="img-responsive" alt=""/> <div class="about-details hvr-rectangle-in"> <div class="about-text"> <h5>2</h5> </div> <h4>Donec Vehicula Libero</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu euismod risus, eget sodales nulla. Phasellus justo quam, ullamcorper convallis erat ut, finibus sagittis diam.</p> </div> </div> <div class="col-md-4 about-grid wow fadeInRight animated" data-wow-delay=".5s"> <img src="images/p2.jpg" class="img-responsive" alt=""/> <div class="about-details hvr-rectangle-in"> <div class="about-text"> <h5>3</h5> </div> <h4>Morbi Rutrum Ligula</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu euismod risus, eget sodales nulla. Phasellus justo quam, ullamcorper convallis erat ut, finibus sagittis diam.</p> </div> </div> <div class="clearfix"

评论收藏

内容反馈

版权申诉