File size: 18.37Kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Title -->
<title>Port</title>
<!-- Favicon Ico -->
<link rel="shortcut icon" href="images/favicon.ico">
<!-- =============================
stylesheets
================================== -->
<!-- Normalize And Bootstrap -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Google Font -->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:600,700,400,300' rel='stylesheet' type='text/css'>
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css" />
<!-- Plugin Default Stylesheets -->
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/slider-pro.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.transitions.css">
<link rel="stylesheet" href="css/animate.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/color.css" id="colors" />
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<script type="text/javascript" src="js/selectivizr.js"></script>
<![endif]-->
</head>
<body>
<!-- Preloader -->
<div class="preloader">
<div class="status"></div>
</div>
<!-- =============================
Header
================================== -->
<header>
<!-- Navigation Menu start-->
<nav class="navbar blete-main-menu" role="navigation">
<div class="container">
<!-- Navbar Toggle -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Logo -->
<a class="navbar-brand" href="index.html"><img class="logo" id="logo" src="images/logo.png" alt="logo"></a>
</div>
<!-- Navbar Toggle End -->
<!-- navbar-collapse start-->
<div id="nav-menu" class="navbar-collapse collapse" role="navigation">
<ul class="nav navbar-nav blete-menu-wrapper">
<li>
<a href="index.html">Home</a>
</li>
<li class="active">
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="portfolio2.html">Portfolio V2</a>
</li>
<li>
<a href="pricing-table.html">Pricing Table</a>
</li>
<li>
<a href="progress.html">Progress Bar</a>
</li>
<li>
<a href="contact.html">Contact Us</a>
</li>
</ul>
</div>
<!-- navbar-collapse end-->
</div>
</nav>
<!-- Navigation Menu end-->
</header>
<!-- Header End -->
<div class="header-img">
<img src="images/img-header/slider-img-1.jpg" alt="">
</div>
<!-- =============================
Portfolio Section
================================== -->
<section id="portfolio" class="blete-portfolio-section">
<div class="container">
<div class="row">
<!-- Section Header -->
<div class="col-md-12 col-sm-12 col-xs-12 blete-section-header wow fadeInDown">
<h2>OUR <span class="blete-highlight-text">PORTFOLIO</span></h2>
<div class="blete-section-divider"></div>
<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora totam qui.</p>
</div>
<!-- Section Header End -->
</div>
</div>
<!-- Works -->
<div class="blete-portfolio-works wow fadeIn" data-wow-duration="2s">
<!-- Filter Button Start -->
<div id="blete-portfolio-filter" class="blete-portfolio-filter-btn-group">
<ul>
<li>
<a href="#" class="selected" data-filter="*">ALL</a><!--
--><a href="#" data-filter=".web-design">Web Design</a><!--
--><a href="#" data-filter=".web-development">Web Responsive</a><!--
--><a href="#" data-filter=".app-development">PSD</a><!--
--><a href="#" data-filter=".photography">Clean Design</a>
</li>
</ul>
</div>
<!-- Filter Button End -->
<div class="blete-portfolio-items">
<!-- Portfolio Items -->
<div class="item blete-portfolio-item web-design app-development">
<img src="images/img-portfolio/portfolio1.jpg">
<div class="blete-portfolio-details-wrapper">
<div class="blete-portfolio-details">
<div class="blete-portfolio-meta-btn">
<ul>
<li class="blete-lighbox"><a href="images/img-portfolio/portfolio1.jpg" class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Portfolio Items End -->
<!-- Portfolio Items -->
<div class="item blete-portfolio-item web-development app-development">
<img src="images/img-portfolio/portfolio2.jpg">
<div class="blete-portfolio-details-wrapper">
<div class="blete-portfolio-details">
<div class="blete-portfolio-meta-btn">
<ul>
<li class="blete-lighbox"><a href="images/img-portfolio/portfolio2.jpg" class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Portfolio Items End -->
<!-- Portfolio Items -->
<div class="item blete-portfolio-item web-design">
<img src="images/img-portfolio/portfolio3.jpg">
<div class="blete-portfolio-details-wrapper">
<div class="blete-portfolio-details">
<div class="blete-portfolio-meta-btn">
<ul>
<li class="blete-lighbox"><a href="images/img-portfolio/portfolio3.jpg" class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Portfolio Items End -->
<!-- Portfolio Items -->
<div class="item blete-portfolio-item web-design web-development photography">
<img src="images/img-portfolio/portfolio4.jpg">
<div class="blete-portfolio-details-wrapper">
<div class="blete-portfolio-details">
<div class="blete-portfolio-meta-btn">
<ul>
<li class="blete-lighbox"><a href="images/img-portfolio/portfolio4.jpg" class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Portfolio Items -->
<!-- Portfolio Items -->
<div class="item blete-portfolio-item web-designapp-development photography">
<img src="images/img-portfolio/portfolio5.jpg">
<div class="blete-portfolio-details-wrapper">
<div class="blete-portfolio-details">
<div class="blete-portfolio-meta-btn">
<ul>
<li class="blete-lighbox"><a href="images/img-portfolio/portfolio5.jpg" class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Portfolio Items End -->
<!-- Portfolio Items -->
<div class="item blete-portfolio-item photography">
<img src="images/img-portfolio/portfolio6.jpg">
<div class="blete-portfolio-details-wrapper">
<div class="blete-portfolio-details">
<div class="blete-portfolio-meta-btn">
<ul>
<li class="blete-lighbox"><a href="images/img-portfolio/portfolio6.jpg" class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Portfolio Items End -->
<div class="item blete-portfolio-item web-development app-development">
<img src="images/img-portfolio/portfolio7.jpg">
<div class="blete-portfolio-details-wrapper">
<div class="blete-portfolio-details">
<div class="blete-portfolio-meta-btn">
<ul>
<li class="blete-lighbox"><a href="images/img-portfolio/portfolio7.jpg" class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Portfolio Items End -->
<!-- Portfolio Items -->
<div class="item blete-portfolio-item web-design web-development app-development photography">
<img src="images/img-portfolio/portfolio8.jpg">
<div class="blete-portfolio-details-wrapper">
<div class="blete-portfolio-details">
<div class="blete-portfolio-meta-btn">
<ul>
<li class="blete-lighbox"><a href="images/img-portfolio/portfolio8.jpg" class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Portfolio Items End -->
<!-- Portfolio Items -->
<div class="item blete-portfolio-item app-development">
<img src="images/img-portfolio/portfolio9.jpg">
<div class="blete-portfolio-details-wrapper">
<div class="blete-portfolio-details">
<div class="blete-portfolio-meta-btn">
<ul>
<li class="blete-lighbox"><a href="images/img-portfolio/portfolio9.jpg" class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Portfolio Items End -->
<!-- Portfolio Items -->
<div class="item blete-portfolio-item photography">
<img src="images/img-portfolio/portfolio10.jpg">
<div class="blete-portfolio-details-wrapper">
<div class="blete-portfolio-details">
<div class="blete-portfolio-meta-btn">
<ul>
<li class="blete-lighbox"><a href="images/img-portfolio/portfolio10.jpg" class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Portfolio Items End -->
<!-- Portfolio Items -->
<div class="item blete-portfolio-item photography app-development">
<img src="images/img-portfolio/portfolio11.jpg">
<div class="blete-portfolio-details-wrapper">
<div class="blete-portfolio-details">
<div class="blete-portfolio-meta-btn">
<ul>
<li class="blete-lighbox"><a href="images/img-portfolio/portfolio11.jpg" class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Portfolio Items End -->
<!-- Portfolio Items -->
<div class="item blete-portfolio-item web-design">
<img src="images/img-portfolio/portfolio12.jpg">
<div class="blete-portfolio-details-wrapper">
<div class="blete-portfolio-details">
<div class="blete-portfolio-meta-btn">
<ul>
<li class="blete-lighbox"><a href="images/img-portfolio/portfolio12.jpg" class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Portfolio Items End -->
</div>
</div>
<!-- Works End -->
</section>
<!-- Portfolio Section End -->
<!-- =============================
Footer Section
================================= -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-3">
<h3>About</h3>
<ul>
<li><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum vitae nihil, culpa nemo dolore explicabo ipsa? Qui, et, porro. Nemo officiis possimus assumenda quia reiciendis asperiores aliquam quae minima, eos.</span></li>
</ul>
</div>
<div class="col-md-3">
<h3>Related Post</h3>
<ul>
<li><a href="">lorem ipsum</a></li>
<li><a href="">lorem</a></li>
<li><a href="">lorem dolor</a></li>
<li><a href="">lorem</a></li>
<li><a href="">lorem</a></li>
</ul>
</div>
<div class="col-md-3">
<h3>Page</h3>
<ul>
<li><a href="">lorem</a></li>
<li><a href="">lorem sit eta</a></li>
<li><a href="">lorem</a></li>
<li><a href="">lorem lorem ipsum</a></li>
<li><a href="">lorem ipsumlor</a></li>
</ul>
</div>
<div class="col-md-3">
<h3>Featured Post</h3>
<ul>
<li><a href="">lorem meta tag</a></li>
<li><a href="">lorem intan sipsum</a></li>
<li><a href="">lorem ipsum</a></li>
<li><a href="">lorem</a></li>
<li><a href="">lorem mata</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Footer End -->
<div class="thn">
<div class="container thn">
<div class="row">
<div class="blete-footer-content">
<h6 class="blete-copyright-info">©2015</h6>
</div>
</div>
</div>
</div>
<!-- =============================
SCRIPTS
================================== -->
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modernizr.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="js/jquery.easypiechart.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/jflickrfeed.min.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.sliderPro.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>