<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>Free Responsive Photography Template</title>
<!-- BOOTSTRAP CORE STYLE -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<!-- FONT AWESOME ICON STYLE -->
<link href="assets/css/font-awesome.css" rel="stylesheet" />
<!-- PRETTYPHOTO STYLE -->
<link href="assets/css/prettyPhoto.css" rel="stylesheet" />
<!-- CUSTOM STYLE CSS -->
<link href="assets/css/style.css" rel="stylesheet" />
<!-- GOOGLE FONTS -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Expletus+Sans:400,700italic' rel='stylesheet' type='text/css' />
</head>
<body>
<div id="header" >
<div class="container" >
<div class="row">
<div class="col-md-4 logo-div" >
<div class="logo-inner">
<div class="logo-name">
<a href="index.html" >
<span > PHOTO SMART </span>
<small >The Smart Designs Studio</small>
</a>
</div>
<br />
<div class="links-home">
<a href="index.html" >Home /</a>
<a href="about.html" >About /</a>
<a href="gallery.html" >Gallery /</a>
<a href="contact.html" >Contact </a>
</div>
</div>
</div>
<div class="col-md-8 header-text-top " >
<strong>About: </strong><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing. <a href="about.html" >read more..</a>
</div>
</div>
</div>
</div>
<!--END HEADER SECTION-->
<div class="info-sec" >
<div class="container">
<div class="row">
<div class="col-md-10">
Email : info@yourdomain.com Call: +02-890-786-0981
</div>
<div class="col-md-2">
<div class="social-link">
<a href="#" ><i class="fa fa-facebook fa-2x"></i></a>
<a href="#" ><i class="fa fa-linkedin fa-2x"></i></a>
<a href="#" ><i class="fa fa-google-plus fa-2x"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--END INFO SECTION-->
<section id="gallery-sec">
<div class="container ">
<div id="port-folio">
<div class="row ">
<ul id="filters">
<li><span class="filter active" data-filter="HTML BOOTSTRAP WORDPRESS">All </span></li>
<li><span class="filter" data-filter="HTML">HTML</span></li>
<li><span class="filter" data-filter="BOOTSTRAP">BOOTSTRAP</span></li>
<li><span class="filter" data-filter="WORDPRESS">WORDPRESS</span></li>
</ul>
<div class="col-md-4 col-sm-4">
<div class="portfolio-item BOOTSTRAP mix_all" data-cat="BOOTSTRAP">
<a class="preview" href="assets/img/portfolio/11.jpg">
<img src="assets/img/portfolio/11.jpg" class="img-responsive " alt="" />
<div class="portfolio-txt">
+ Small Title Here +
</div>
</a>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="portfolio-item HTML mix_all" data-cat="HTML">
<a class="preview" href="assets/img/portfolio/22.jpg">
<img src="assets/img/portfolio/22.jpg" class="img-responsive " alt="" />
<div class="portfolio-txt">
+ Small Title Here +
</div>
</a>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="portfolio-item WORDPRESS mix_all" data-cat="WORDPRESS">
<a class="preview" href="assets/img/portfolio/33.jpg">
<img src="assets/img/portfolio/33.jpg" class="img-responsive " alt="" />
<div class="portfolio-txt">
+ Small Title Here +
</div>
</a>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="portfolio-item BOOTSTRAP mix_all" data-cat="BOOTSTRAP">
<a class="preview" href="assets/img/portfolio/44.jpg">
<img src="assets/img/portfolio/44.jpg" class="img-responsive " alt="" />
<div class="portfolio-txt">
+ Small Title Here +
</div>
</a>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="portfolio-item HTML mix_all" data-cat="HTML">
<a class="preview" href="assets/img/portfolio/55.jpg">
<img src="assets/img/portfolio/55.jpg" class="img-responsive " alt="" />
<div class="portfolio-txt">
+ Small Title Here +
</div>
</a>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="portfolio-item HTML mix_all" data-cat="HTML">
<a class="preview" href="assets/img/portfolio/66.jpg">
<img src="assets/img/portfolio/66.jpg" class="img-responsive " alt="" />
<div class="portfolio-txt">
+ Small Title Here +
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END GALLERY SECTION -->
<div class="footer-sec" >
<div class="container" >
<div class="row">
<div class="col-md-12 foo-inner" >
© 2014 Yourdomain.com | More Templates <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> - Collect from <a href="http://www.moobnn.com/" title="模板在线" target="_blank">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a>