蓝色单页page设计师作品展示模板_bootstrap简洁扁平化案例科技适应响应式源码.rar资源-CSDN文库

共46个文件

png：19个

jpg：13个

js：8个

网站模板

144 浏览量 2023-08-05 15:47:28 上传评论收藏 1.15MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

蓝色单页page设计师作品展示模板_蓝色设计设计师作品展示单页 bootstrap 简洁扁平化案例科技适应响应式源码.rar （46个子文件）

蓝色单页page设计师作品展示模板_蓝色设计设计师作品展示单页 bootstrap 简洁扁平化案例科技 it 数码电脑服务商务 lightbox

cpts_101_cha

jquery.magnific-popup.js 45KB

jquery.swipebox.min.js 7KB

responsiveslides.min.js 3KB

modernizr.custom.min.js 2KB

easing.js 5KB

jquery-1.11.0.min.js 94KB

move-top.js 1KB

jquery.mixitup.min.js 14KB

css

style.css 42KB

popup-box.css 7KB

bootstrap.css 118KB

swipebox.css 4KB

index.html 22KB

images

p-3.jpg 96KB

p-5.jpg 167KB

p-6.jpg 132KB

abt-sprit.png 7KB

port-4.jpg 57KB

price-2.png 5KB

test-3.png 11KB

client-5.png 5KB

banner.jpg 74KB

logo.png 5KB

client-4.png 5KB

abt-1.png 5KB

test-4.png 11KB

client-2.png 5KB

client-1.png 5KB

spl.png 4KB

p-4.jpg 113KB

test-2.png 10KB

port-2.jpg 39KB

footer-sprit.png 8KB

icons.svg 1KB

p-1.jpg 148KB

port-6.jpg 58KB

p-2.jpg 85KB

port-3.jpg 47KB

price-1.png 4KB

spl-sprit.png 9KB

test-1.png 4KB

client-3.png 5KB

top-arrow.png 4KB

port-1.jpg 65KB

port-5.jpg 61KB

nav-icon.png 3KB

<!DOCTYPE html> <html> <head> <title>HOME</title> <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="Atom 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> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <link href="css/style.css" rel='stylesheet' type='text/css' /> <script src="js/jquery-1.11.0.min.js"></script> <link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' 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="banner" id="home"> <div class="container"> <div class="header"> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt=""></a> </div> <div class="navigation"> <span class="menu"></span> <ul class="navig"> <li><a href="index.html" class="scroll">Home</a></li> <li><a href="#about" class="scroll active">About Us</a></li> <li><a href="#pricing" class="scroll">Pricing</a></li> <li><a href="#features" class="scroll">Features</a></li> <li><a href="#products" class="scroll">Products</a></li> <li><a href="#testimonials" class="scroll">testimonials</a></li> <li><a href="#contact" class="scroll">contact</a></li> </ul> </div> <div class="clearfix"></div> </div> <div class="banner-btm"> <div id="top" class="callbacks_container"> <ul class="rslides" id="slider4"> <li> <div class="banner-bottom"> <h1>We design & develop qaulity products to help small & medium level business.</h1> <p>Lorem ipsum dolor sit amet, libero turpis non cras ligula, id commodo, aenean est in volutpa</p> </div> </li> <li> <div class="banner-bottom"> <h1>We develop qaulity products to help small & medium level business.</h1> <p>Lorem ipsum dolor sit amet, libero turpis non cras ligula, id commodo, aenean est in volutpa</p> </div> </li> <li> <div class="banner-bottom"> <h1>We design qaulity products to help small & medium level business.</h1> <p>Lorem ipsum dolor sit amet, libero turpis non cras ligula, id commodo, aenean est in volutpa</p> </div> </li> <li> <div class="banner-bottom"> <h1>We design & develop qaulity products to help small & medium level business.</h1> <p>Lorem ipsum dolor sit amet, libero turpis non cras ligula, id commodo, aenean est in volutpa</p> </div> </li> </ul> </div> <div class="clearfix"> </div> </div> </div> </div> <div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div>  <script> $("span.menu").click(function(){ $(" ul.navig").slideToggle("slow" , function(){ }); }); </script>   <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="client"> <div class="container"> <div class="client-main"> <div class="client-left"> <img src="images/client-1.png" alt="" /> </div> <div class="client-left"> <img src="images/client-2.png" alt="" /> </div> <div class="client-left"> <img src="images/client-3.png" alt="" /> </div> <div class="client-left"> <img src="images/client-4.png" alt="" /> </div> <div class="client-left"> <img src="images/client-5.png" alt="" /> </div> <div class="clearfix"></div> </div> </div> </div>   <div class="about" id="about"> <div class="container"> <div class="about-main"> <img src="images/abt-1.png" alt="" /> <h3>What is Special About Atom App</h3> <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum.</p> </div> <div class="about-bottom"> <div class="abt"> <div class="col-md-4 about-left active"> <div class="abt-one"> <div class="abt-left"> <span class="hnd active"> </span> </div> <div class="abt-right"> <h4>Built with Bootstrap 3.0</h4> <p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra, vel varius eget sit mollis.</p> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-4 about-left"> <div class="abt-one"> <div class="abt-left"> <span class="d"> </span> </div> <div class="abt-right"> <h4>Responsive Design</h4> <p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra, vel varius eget sit mollis.</p> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-4 about-left"> <div class="abt-one"> <div class="abt-left"> <span class="ar"> </span> </div> <div class="abt-right"> <h4>Retine Display</h4> <p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra, vel varius eget sit mollis.</p> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </div> <div class="abt"> <div class="col-md-4 about-left"> <div class="abt-one"> <div class="abt-left"> <span class="flg"> </span> </div> <div class="abt-right"> <h4>Theme Builder</h4> <p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra, vel varius eget sit mollis.</p> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-4 about-left"> <div class="abt-one"> <div class="abt-left"> <span class="flr"> </span> </div> <div class="abt-right"> <h4>Support</h4> <p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra, vel varius eget sit mollis.</p> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-4 about-left"> <div class="abt-one"> <div class="abt-left"> <span class="ard"> </span> </div> <div class="abt-right"> <h4>Versioning</h4> <p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra, vel varius eget sit mollis.</p> </div> <div class="clearfix"></div> </div> </di

评论收藏

内容反馈