简单宽屏商务网站模板_简单宽屏商务单页bootstrap响应式手机ui设计it科技互联网灰色

共36个文件

png：10个

jpg：9个

js：8个

网站模板

57 浏览量 2023-08-05 16:34:27 上传评论收藏 573KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

简单宽屏商务网站模板_简单宽屏商务单页 bootstrap 响应式手机 ui设计 it科技互联网灰色_ht.rar （36个子文件）

简单宽屏商务网站模板_简单宽屏商务单页 bootstrap 响应式手机 ui设计 it科技互联网灰色

ctps_379_or

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.min.js 94KB

css

style.css 29KB

bootstrap.css 138KB

chocolat.css 2KB

index.html 16KB

images

team-1.png 40KB

a2.jpg 23KB

a6.jpg 10KB

arrow.png 373B

menu.png 531B

a1.jpg 10KB

a3.jpg 15KB

left.png 3KB

img1.jpg 27KB

banner1.jpg 132KB

close.png 3KB

arr.png 3KB

right.png 3KB

a4.jpg 7KB

a7.jpg 10KB

team-3.png 39KB

a5.jpg 7KB

2.png 5KB

team-2.png 40KB

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

<!DOCTYPE html> <html> <head> <title>Home</title>  <link href='#css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'> <link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>  <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="css/chocolat.css" type="text/css">  <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="Bigwig Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>   <script type="text/javascript" src="js/jquery.min.js"></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},1000); }); }); </script>  </head> <body>  <div id="home" class="banner-slider"> <div class="header"> <div class="header-left"> <a class="link link--kumya" href="#"><span data-letters="BIGWIG">BIGWIG</span></a> </div> <div class="navigation"> <span class="menu"><img src="images/menu.png" alt=""/></span> <nav class="cl-effect-11" id="cl-effect-11"> <ul class="nav1"> <li><a class="scroll" href="#home" data-hover="HOME">HOME</a></li> <li><a class="scroll" href="#about" data-hover="ABOUT">ABOUT</a></li> <li><a class="scroll" href="#services" data-hover="SERVICES">SERVICES</a></li> <li><a class="scroll" href="#portfolio" data-hover="PORTFOLIO">PORTFOLIO</a></li> <li><a class="scroll" href="#contact" data-hover="CONTACT">CONTACT</a></li> </ul> </nav>  <script> $( "span.menu" ).click(function() { $( "ul.nav1" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </div> <div class="clearfix"></div> </div>  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider3").responsiveSlides({ auto: true, pager: true, 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>  <div id="top" class="callbacks_container"> <ul class="rslides" id="slider3"> <li> <div class="banner"> <div class="container"> <div class="banner-info"> <h3>FIND EVERYTHING YOU WANTED TO KNOW ABOUT BUSINESS</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p> <a class="scroll" href="#about"><img src="images/arrow.png" alt=""/></a> </div> </div> </div> </li> <li> <div class="banner"> <div class="container"> <div class="banner-info"> <h3>SMART BUSINESS SOLUTIONS THAT YOU NEED</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p> <a class="scroll" href="#about"><img src="images/arrow.png" alt=""/></a> </div> </div> </div> </li> </ul> </div> </div> <div class="clearfix"></div>   <div id="about" class="testi"> <div class="container"> <div class="about-header"> <h3>ABOUT</h3> </div> <div class="testi-grids"> <div class="col-md-6 testi-grid"> <h3><span>Who are we?</span> We are the biggest creative business in the world</h3> </div> <div class="col-md-6 testi-grid"> <p>Nam libero tempore, optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. </p> </div> <div class="clearfix"></div> </div> </div> </div>   <div class="about"> <div class="container"> <div class="about-grids"> <div class="col-md-5 about-left"> <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum quos dolores et quas molestias excepturi sint occaecati </p> <div class="buttonone"><a class="hvr-bounce-to-bottom morebtn text-right" href="#">MORE</a></div> </div> <div class="col-md-2 about-middle text-center">  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider4").responsiveSlides({ auto: true, pager: false, 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="callbacks_container"> <ul class="rslides" id="slider4"> <li> <div class="about-img"> <img src="images/team-1.png" alt=""/> </div> </li> <li> <div class="about-img"> <img src="images/team-2.png" alt=""/> </div> </li> <li> <div class="about-img"> <img src="images/team-3.png" alt=""/> </div> </li> </ul> </div> </div> <div class="col-md-5 about-right"> <h3>JAMES THOMPSON</h3> <h4>FrogsLand Design</h4> <p>SENIOR ART DIRECTOR</p> </div> <div class="clearfix"></div> </div> </div> </div>   <div class="award"> <div class="container"> <div class="award-grids"> <div class="col-md-6 award-left"> <img src="images/img1.jpg" alt=""/> </div> <div class="col-md-6 award-right">

评论收藏

内容反馈