大气漂亮人像摄影工作室企业模板下载

共39个文件

png：12个

jpg：9个

js：7个

版权申诉

19 浏览量 2023-04-27 14:39:03 上传评论收藏 672KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

大气漂亮人像摄影工作室企业模板下载_黑色大气漂亮人像摄影工作室个人主页 bootstrap menu 导航侧栏 wap 响应式单页手机.rar （39个子文件）

大气漂亮人像摄影工作室企业模板下载_黑色大气漂亮人像摄影工作室个人主页 bootstrap menu 导航侧栏 wap 响应式单页手机

cpts_533_vu

bootstrap.js 66KB

jquery.chocolat.js 10KB

easing.js 5KB

classie.js 2KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

jquery.flexisel.js 8KB

css

style.css 22KB

nav-icon.css 2KB

component.css 4KB

bootstrap.css 138KB

chocolat.css 2KB

index.html 21KB

images

i5.png 3KB

2.jpg 41KB

i4.png 3KB

prev.png 4KB

arrow.png 3KB

menu.png 3KB

6.jpg 16KB

banner.jpg 219KB

i1.png 3KB

1.jpg 24KB

img-sp.png 4KB

i3.png 3KB

1.png 4KB

next.png 1KB

5.jpg 33KB

close.png 280B

8.jpg 26KB

i2.png 3KB

3.jpg 42KB

7.jpg 17KB

4.jpg 34KB

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>  <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="Dazzly Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android 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" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery-1.11.1.min.js"></script>   <link href="css/component.css" rel="stylesheet" type="text/css" />   <script src="js/jquery.chocolat.js"></script> <link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8">  <script type="text/javascript" charset="utf-8"> $(function() { $('.gallery a').Chocolat(); }); </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>  <link href='#css?family=Play:400,700' rel='stylesheet' type='text/css'> <link href='#css?family=Sigmar+One' rel='stylesheet' type='text/css'> </head> <body class="cbp-spmenu-push"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','http://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-30027142-1', 'w3layouts.com'); ga('send', 'pageview'); </script>  <div class="banner"> <div class="container"> <div class="header"> <div class="logo"> <a href="index.html">Dazzly</a> </div> <div class="top-nav"> <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s2"> <h3>Menu</h3> <ul> <li class="active"><a href="index.html">Home</a></li> <li><a href="#about" class="scroll">About Us</a></li> <li><a href="#services" class="scroll">Services</a></li> <li><a href="#events" class="scroll">News & Events</a></li> <li><a href="#portfolio" class="scroll">Portfolio</a></li> <li><a href="#mail" class="scroll">Mail Us</a></li> </ul> </nav> <div class="main buttonset">  <button id="showRightPush"><img src="images/menu.png" alt=""/></button>  </div>  <script src="js/classie.js"></script> <script> var menuRight = document.getElementById( 'cbp-spmenu-s2' ), showRightPush = document.getElementById( 'showRightPush' ), body = document.body; showRightPush.onclick = function() { classie.toggle( this, 'active' ); classie.toggle( body, 'cbp-spmenu-push-toleft' ); classie.toggle( menuRight, 'cbp-spmenu-open' ); disableOther( 'showRightPush' ); }; function disableOther( button ) { if( button !== 'showRightPush' ) { classie.toggle( showRightPush, 'disabled' ); } } </script> </div> <div class="clearfix"> </div> </div> <div class="banner-info"> <h1>Neque quisquam <span>quidolorem</span></h1> <p>pursues or desires</p> </div> </div> </div>   <div id="about" class="about"> <div class="container"> <h3>About <span>Me</span></h3> <div class="about-info"> <div class="sliderfig"> <ul id="flexiselDemo1"> <li> <div class="about-info-left"> <p><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>Quaerat</p> </div> </li> <li> <div class="about-info-left"> <p><span class="glyphicon glyphicon-user" aria-hidden="true"></span>Voluptas</p> </div> </li> <li> <div class="about-info-left"> <p><span class="glyphicon glyphicon-home" aria-hidden="true"></span>Molestiae</p> </div> </li> <li> <div class="about-info-left"> <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>Aliquam </p> </div> </li> </ul> </div> <script type="text/javascript"> $(window).load(function() { $("#flexiselDemo1").flexisel({ visibleItems: 4, animationSpeed: 1000, autoPlay: true, autoPlaySpeed: 3000, pauseOnHover: true, enableResponsiveBreakpoints: true, responsiveBreakpoints: { portrait: { changePoint:480, visibleItems: 2 }, landscape: { changePoint:640, visibleItems:3 }, tablet: { changePoint:768, visibleItems: 3 } } }); }); </script> <script type="text/javascript" src="js/jquery.flexisel.js"></script> </div> <div class="about-grid"> <div class="col-md-6 about-grid-left"> <img src="images/1.jpg" alt=" " class="img-responsive" /> </div> <div class="col-md-6 about-grid-right"> <h2>vel illum qui dolorem nostrud exercitation ullamco laboris</h2> <h4>aliquidcommodi consequatur</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="get-in-grids"> <div class="container"> <div class="get-in-grid-left"> <p>Get In Touch With Us</p> </div> <div class="get-in-grid-right"> <form> <input type="text" value="Enter Your Mail..." onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Enter Your Mail...';}" required=""> <input type="submit" value="Send" > </form> </div> <div class="clearfix"> </div> </div> </div>  <div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div> <div id="services" class="services"> <div class="container"> <h3><span>Our</span> Services</h3> <div class="row work-row"> <div class="service-grid"> <div class="col-sm-6 col-md-4 work-row-grids wow bounceIn animated" data-wow-delay=".5s" style="visibility: visible; -webkit-animation-delay: .5s;"> <div class="work-grids-img"> <span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span> </div> <div class="caption work-captn"> <h4>Lorem ipsum</h4> <p>Vero eos et accusamus et iusto odio dignissimos ducimus</p> </div> </div> <div class="col-sm-6 col-md-4 work-row-grids wow bounceIn

评论收藏

内容反馈

版权申诉