<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<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>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- menu -->
<link href="css/component.css" rel="stylesheet" type="text/css" />
<!-- //menu -->
<!-- gallery -->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8">
<!--light-box-files -->
<script type="text/javascript" charset="utf-8">
$(function() {
$('.gallery a').Chocolat();
});
</script>
<!-- //gallery -->
<!-- start-smoth-scrolling -->
<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>
<!-- start-smoth-scrolling -->
<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>
<!-- banner -->
<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">
<!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
<button id="showRightPush"><img src="images/menu.png" alt=""/></button>
<!--<span class="menu"></span>-->
</div>
<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
<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>
<!-- //banner -->
<!-- about -->
<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>
<!-- //about -->
<!-- get-in -->
<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>
<!-- services -->
<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
没有合适的资源?快使用搜索试试~ 我知道了~
黑色大气漂亮人像摄影工作室个人主页bootstrapmenu导航侧栏wap响应式单页手机.rar
共39个文件
png:12个
jpg:9个
js:7个
需积分: 0 0 下载量 181 浏览量
2023-09-10
10:59:55
上传
评论
收藏 660KB RAR 举报
温馨提示
html
资源推荐
资源详情
资源评论
收起资源包目录
大气漂亮人像摄影工作室企业模板下载_黑色大气漂亮人像摄影工作室个人主页bootstrapmenu导航侧栏wap响应式单页手机.rar (39个子文件)
style.css 22KB
bootstrap.js 66KB
i5.png 3KB
2.jpg 41KB
i4.png 3KB
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
prev.png 4KB
arrow.png 3KB
nav-icon.css 2KB
glyphicons-halflings-regular.woff2 18KB
menu.png 3KB
6.jpg 16KB
banner.jpg 219KB
i1.png 3KB
jquery.chocolat.js 10KB
1.jpg 24KB
component.css 4KB
img-sp.png 4KB
i3.png 3KB
1.png 4KB
next.png 1KB
5.jpg 33KB
bootstrap.css 138KB
easing.js 5KB
close.png 280B
8.jpg 26KB
classie.js 2KB
move-top.js 1KB
index.html 21KB
chocolat.css 2KB
jquery-1.11.1.min.js 94KB
i2.png 3KB
jquery.flexisel.js 8KB
3.jpg 42KB
7.jpg 17KB
4.jpg 34KB
共 39 条
- 1
资源评论
Q_97095639
- 粉丝: 377
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功