<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<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="Love hearts 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?family=Poiret+One' 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'>
<script src="js/jquery-1.11.1.min.js"></script>
<!---- 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},1200);
});
});
</script>
<!---End-smoth-scrolling---->
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
</head>
<body>
<div class="header" id="home">
<div class="container">
<div class="header-top">
<div class="logo">
<a href="index.html">love hearts</a>
</div>
<div class="top-menu">
<span class="menu"><img src="images/nav.png" alt=""/> </span>
<ul>
<li><a href="index.html" class="active">Main Page</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="Events.html">Events</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- script for menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- //script for menu -->
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="gallery-section">
<div class="gallery-grids">
<div class="col-md-3 gallery-grid">
<img src="images/img1.jpg" class="img-responsive" alt="" />
</div>
<div class="col-md-6 gallery-grid1">
<div class="gallery">
<div class="gallery1">
<img src="images/img2.jpg" class="img-responsive" alt="" />
</div>
<div class="gallery2">
<img src="images/img3.jpg" class="img-responsive" alt="" />
</div>
<div class="clearfix"></div>
</div>
<img src="images/img5.jpg" class="img-responsive" alt="" />
</div>
<div class="col-md-3 gallery-grid2">
<div class="gallery3">
<img src="images/img4.jpg" class="img-responsive" alt="" />
</div>
<div class="gallery4">
<img src="images/img6.jpg" class="img-responsive" alt="" />
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="content">
<div class="sonjoe">
<div class="container">
<div class="col-md-8 sonjoe-grid">
<div class="sonjoe1">
<div class="son1">
<img src="images/img7.jpg" class="img-responsive" alt="" />
</div>
<div class="son2">
<h3>sonjoe</h3>
<p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-4 sonjoe-grid1">
<a href="#">Follow this user</a>
</div>
</div>
</div>
<div class="pictures-section">
<div class="container">
<h4>January 2015</h4>
<div class="pictures-grids">
<div class="pic-grid1">
<div class="col-md-3 pic-grid">
<a href="images/img8.jpg" class="swipebox"><img src="images/img8.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="col-md-3 pic-grid">
<a href="images/img9.jpg" class="swipebox"><img src="images/img9.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="col-md-3 pic-grid">
<a href="images/img10.jpg" class="swipebox"><img src="images/img10.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="col-md-3 pic-grid">
<a href="images/img11.jpg" class="swipebox"><img src="images/img11.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="clearfix"></div>
</div>
<div class="pic-grid2">
<div class="col-md-3 pic-grid">
<a href="images/img12.jpg" class="swipebox"><img src="images/img12.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="col-md-3 pic-grid">
<a href="images/img13.jpg" class="swipebox"><img src="images/img13.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="col-md-3 pic-grid">
<a href="images/img14.jpg" class="swipebox"><img src="images/img14.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="col-md-3 pic-grid">
<a href="images/img15.jpg" class="swipebox"><img src="images/img15.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="pict-section">
<div class="container">
<h4>December 2014</h4>
<div class="screen-shots">
<!--sreen-gallery-cursual-->
<div class="sreen-gallery-cursual">
<!-- start content_slider -->
<div id="owl-demo" class="owl-carousel">
<div class="item">
<div class="item-grid">
<div class="item-pic">
<img src="images/img16.jpg" class="img-responsive" alt="" />
</div>
</div>
</div>
<div class="item">
<div class="item-grid">
<div class="item-pic">
<img src="images/img17.jpg" class="img-responsive" alt="" />
</div>
</div>
</div>
<div class="item">
<div class="item-grid">
<div class="item-pic">
<img src="images/img18.jpg" class="img-responsive" alt="" />
</div>
</div>
</div>
<div class="item">
<div class="item-grid">
<div class="item-pic">
<img src="images/img19.jpg" class="img-responsive" alt="" />
</div>
</div>
</div>
<div class="item">
<div class="item-grid">
<div class="item-pic">
<img src="images/img16.jpg" class="img-responsive" alt="" />
</div>
</div>
</div>
<div class="item">
<div class="item-grid">
<div class="item-pic">
<img src="images/img17.jpg" class="img-respon
紫微前端
- 粉丝: 4490
- 资源: 871
最新资源
- 2025阿里云客服专项客服条件检测认证考试试题及答案.docx
- 2025阿里云与淘宝云客服认证考试劳务报酬及税收知识考试题及答案.docx
- 2025保密知识竞赛题库及答案.docx
- 2025安全生产月知识试题题库(附答案).docx
- 2025安全生产法知识考试题及答案.docx
- 2025病案编码员资格证试题库(附含答案).docx
- 2025财政知识竞赛题库及答案(通用版).docx
- 2025产科和成人门诊免疫规划年度培训试题及答案.docx
- 2025初级保安员考试题库与答案.docx
- 2025初级保育员理论知识考试题库(含答案).docx
- ISP 算法源码:Bayer、坏像素矫正、颜色插值、噪声去除、边缘增强、白平衡、 色彩矫正、gamma 校正、色彩空间转等
- STM32 bootloader使用can进行通讯,将hex文件数据通过can下载flash里面,附源代码以及通讯协议(STM32cubeIDE工程) 也是适合初学者参考can通讯
- 1 公司薪酬数据分析表.xlsx
- 2 公司年度薪酬分析图表.xlsx
- 3 各部门薪酬成本变动分析(以月度同比分析为例).xlsx
- 6 员工薪酬分析表带统计图表带蓝绿两种风格.xlsx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈