?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<!--[if IE 7 ]> <html class="ie ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="" lang="en"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 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=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
<!-- CSS LIBRARY -->
<link rel="stylesheet" type="text/css" href="css/lib/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/lib/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="css/lib/font-awesome.min.css">
<!-- ANIMATION -->
<link rel="stylesheet" type="text/css" href="css/lib/animate.css">
<!-- PAGE STYLE -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<title>Oringin</title>
</head>
<body id="page-top" data-spy="scroll">
<!-- PRELOADER -->
<div class="preloader">
<div class="loading-wrap">
<div class="p-loading" data-loading="Loading">Loading</div>
</div>
</div>
<!-- END / PRELOADER -->
<!-- PAGE WRAP -->
<div id="page-wrap">
<!-- HEADER -->
<header id="header" class="header header-1">
<div class="container">
<!-- LOGO -->
<div class="logo">
<a href="index.html">
<img src="images/logo.png" alt="">
</a>
</div>
<!-- END / LOGO -->
<div class="open-menu">
<span class="item-1"></span>
<span class="item-2"></span>
<span class="item-3"></span>
</div>
<!-- NAVIGATION -->
<nav class="on-navigation text-right" data-menu-type="1200">
<!-- NAV -->
<ul class="nav text-uppercase">
<li class="menu-item"><a href="../#page-top">Home</a></li>
<li class="menu-item"><a href="../#about">About</a></li>
<li class="menu-item"><a href="../#team">Team</a></li>
<li class="menu-item"><a href="../#skill">Skill</a></li>
<li class="menu-item"><a href="../#portfolio">Portfolio</a>
<ul class="sub-menu">
<li class="menu-item"><a href="/portfolio-1.html">Portfolio 1</a></li>
<li class="menu-item"><a href="/portfolio-2.html">Portfolio 2</a></li>
<li class="menu-item"><a href="/portfolio-3.html">Portfolio 3</a></li>
</ul>
</li>
<li class="menu-item"><a href="../#pricing">Pricing</a></li>
<li class="menu-item"><a href="../#latest-post">Blog</a>
<ul class="sub-menu">
<li class="menu-item"><a href="blog-masonry.html">Blog Masonry</a></li>
<li class="menu-item"><a href="blog-masonry-fluid.html">Blog Fluid Masonry</a></li>
<li class="menu-item"><a href="blog-timeline.html">Blog Timeline</a></li>
<li class="menu-item"><a href="blog-list.html">Blog List</a></li>
</ul>
</li>
<li class="menu-item"><a href="/#contact">Contact</a></li>
<li class="menu-item menu-item-has-children">
<a href="#">Page</a>
<ul class="sub-menu">
<li class="menu-item"><a href="contact.html">Contact</a></li>
<li class="menu-item"><a href="about.html">About</a></li>
<li class="menu-item"><a href="404.html">404</a></li>
<li class="menu-item"><a href="comingsoon.html">Comingsoon</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Dropdown</a>
<ul class="sub-menu">
<li class="menu-item"><a href="#">Dropdown 1</a></li>
<li class="menu-item"><a href="#">Dropdown 2</a></li>
<li class="menu-item menu-item-has-children">
<a href="#">Dropdown 3</a>
<ul class="sub-menu">
<li class="menu-item"><a href="#">Dropdown 1</a></li>
<li class="menu-item"><a href="#">Dropdown 2</a></li>
<li class="menu-item"><a href="#">Dropdown 3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<!-- END / NAV -->
</nav>
<!-- END / NAVIGATION -->
</div>
</header>
<!-- END / HEADER -->
<!-- BREADCRUMB -->
<section class="breadcrumbs-wrapper">
<div class="container">
<ul class="breadcrumbs text-center">
<li><a href="index.html">Home</a></li>
<li><span>Blog Fluid Masonry</span></li>
</ul>
</div>
</section>
<!-- END / BREADCRUMB -->
<section class="blog-masonry">
<div class="container-fluid">
<!-- SECTION HEAD -->
<div class="section-head text-center">
<h2 class="h4 text-uppercase">Blog masonry</h2>
<p class="sub-title text-uppercase">See what we have done for our happy clients</p>
</div>
<!-- END / SECTION HEAD -->
<div class="row">
<div class="blog-grid">
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="post">
<div class="post-media">
<div class="image-thumb">
<img src="images/blog/1.jpg" alt="">
</div>
</div>
<div class="post-inner">
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">There are a few things</a>
</h3>
</div>
<div class="post-meta">
<ul>
<li>
<i class="fa fa-calendar"></i>
<span>May 8, 2014</span>
</li>
<li>
<i class="fa fa-tags"></i>
<span>
<a href="#">wordpress</a>,
<a href="#">html</a>
</span>
</li>
<li>
<i class="fa fa-comments"></i>
<span><a href="#">5 Comments</a></span>
</li>
</ul>
</div>
<div class="post-body">
<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
</div>
<div class="post-footer">
<a href="blog-single.html" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="post">
<div class="post-media">
<div class="image-thumb">
<img src="images/blog/4.jpg" alt="">
</div>
</div>
<div class="post-inner">
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">But in certain circumstances and owing to the claims</a>
</h3>
</div>
<div class="post-meta">
<ul>
<li>
<i class="fa fa-calendar"></i>
<span>May 8, 2014</span>
</li>
<li>
<i class="fa fa-tags"></i>
<span>
<a href="#">wordpress</a>,
<a href="#">html</a>
</span>
</li>
<li>
<i class="fa fa-comments"></i>
<span><a href="#">5 Comments</a></span>
</li>
</ul>
</div>
<div class="post-body">
<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
</div>
<div class="post-footer">
<a href="blog-single.html" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="post">
<div class="post-media">
<div class="video embed-responsive embed-responsive-16by9">
<iframe src="//player.vimeo.com/video/113981430" class="embed-responsive-item">
</iframe>
</div>
</div>
<div class="post-inner">
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">On the other hand, we denounce with righteous</a>
</h3>
</div>
<div class="post-meta">
<ul>
<li>
<i class="fa fa-calendar"></i>
<span>May 8, 2014</span>
</li>
<li>
<i class="fa fa-tags"></i>
<span>
<a href="#">wordpress</a>,
<a href="#">html</a>
</span>
</li>
<li>
<i class="fa fa-comments"></i>
<span><a href="#">5 Comments</a></span>
</li>
</ul>
</div>
<div class="post-body">
<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
</div>
<div class="post-footer">
<a href="blog-single.html" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="post">
<div class="post-media">
<div class="image-thumb">
<img src="images/blog/5.jpg" alt="">
</div>
</div>
<div class="post-inner">
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html"> These cases are perfectly simple and easy</a>
</h3>
</div>
<div class="post-meta">
<ul>
<li>
<i class="fa fa-calendar"></i>
<span>May 8, 2014</span>
</li>
<li>
<i class="fa fa-tags"></i>
<span>
<a href="#">wordpress</a>,
<a href="#">html</a>
</span>
</li>
<li>
<i class="fa fa-comments"></i>
<span><a href="#">5 Comments</a></span>
</li>
</ul>
</div>
<div class="post-body">
<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
</div>
<div class="post-footer">
<a href="blog-single.html" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="post">
<div class="post-media">
<div class="image-thumb">
<img src="images/blog/6.jpg" alt="">
</div>
</div>
<div class="post-inner">
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">At vero eos et accusamus et iusto odio </a>
</h3>
</div>
<div class="post-meta">
<ul>
<li>
<i class="fa fa-calendar"></i>
<span>May 8, 2014</span>
</li>
<li>
<i class="fa fa-tags"></i>
<span>
<a href="#">wordpress</a>,
<a href="#">html</a>
</span>
</li>
<li>
<i class="fa fa-comments"></i>
<span><a href="#">5 Comments</a></span>
</li>
</ul>
</div>
<div class="post-body">
<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
</div>
<div class="post-footer">
<a href="blog-single.html" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="post">
<div class="post-media">
<div class="image-thumb">
<img src="images/blog/7.jpg" alt="">
</div>
</div>
<div class="post-inner">
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">Sed ut perspiciatis unde omnis iste natus error</a>
</h3>
</div>
<div class="post-meta">
<ul>
<li>
<i class="fa fa-calendar"></i>
<span>May 8, 2014</span>
</li>
<li>
<i class="fa fa-tags"></i>
<span>
<a href="#">wordpress</a>,
<a href="#">html</a>
</span>
</li>
<li>
<i class="fa fa-comments"></i>
<span><a href="#">5 Comments</a></span>
</li>
</ul>
</div>
<div class="post-body">
<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
</div>
<div class="post-footer">
<a href="blog-single.html" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="post">
<div class="post-media">
<div class="image-thumb">
<img src="images/blog/8.jpg" alt="">
</div>
</div>
<div class="post-inner">
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">Lorem ipsum dolor sit amet, consectetur adipiscing</a>
</h3>
</div>
<div class="post-meta">
<ul>
<li>
<i class="fa fa-calendar"></i>
<span>May 8, 2014</span>
</li>
<li>
<i class="fa fa-tags"></i>
<span>
<a href="#">wordpress</a>,
<a href="#">html</a>
</span>
</li>
<li>
<i class="fa fa-comments"></i>
<span><a href="#">5 Comments</a></span>
</li>
</ul>
</div>
<div class="post-body">
<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
</div>
<div class="post-footer">
<a href="blog-single.html" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="post">
<div class="post-media">
<div class="video embed-responsive embed-responsive-16by9">
<iframe src="//www.youtube.com/embed/vptvSMdYJdQ" class="embed-responsive-item">
</iframe>
</div>
</div>
<div class="post-inner">
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">Duis aute irure dolor in reprehenderit in</a>
</h3>
</div>
<div class="post-meta">
<ul>
<li>
<i class="fa fa-calendar"></i>
<span>May 8, 2014</span>
</li>
<li>
<i class="fa fa-tags"></i>
<span>
<a href="#">wordpress</a>,
<a href="#">html</a>
</span>
</li>
<li>
<i class="fa fa-comments"></i>
<span><a href="#">5 Comments</a></span>
</li>
</ul>
</div>
<div class="post-body">
<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
</div>
<div class="post-footer">
<a href="blog-single.html" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="post">
<div class="post-media">
<div class="image-thumb">
<img src="images/blog/2.jpg" alt="">
</div>
</div>
<div class="post-inner">
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">There are a few things</a>
</h3>
</div>
<div class="post-meta">
<ul>
<li>
<i class="fa fa-calendar"></i>
<span>May 8, 2014</span>
</li>
<li>
<i class="fa fa-tags"></i>
<span>
<a href="#">wordpress</a>,
<a href="#">html</a>
</span>
</li>
<li>
<i class="fa fa-comments"></i>
<span><a href="#">5 Comments</a></span>
</li>
</ul>
</div>
<div class="post-body">
<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
</div>
<div class="post-footer">
<a href="blog-single.html" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="post">
<div class="post-media">
<div class="image-thumb">
<img src="images/blog/6.jpg" alt="">
</div>
</div>
<div class="post-inner">
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">Excepteur sint occaecat cupidatat non proident</a>
</h3>
</div>
<div class="post-meta">
<ul>
<li>
<i class="fa fa-calendar"></i>
<span>May 8, 2014</span>
</li>
<li>
<i class="fa fa-tags"></i>
<span>
<a href="#">wordpress</a>,
<a href="#">html</a>
</span>
</li>
<li>
<i class="fa fa-comments"></i>
<span><a href="#">5 Comments</a></span>
</li>
</ul>
</div>
<div class="post-body">
<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
</div>
<div class="post-footer">
<a href="blog-single.html" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
<!-- END / POST -->
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer id="footer" class="footer">
<div class="container">
<div class="copyright text-uppercase">
Copyrights © 2015 All Rights Reserved by Xgio
</div>
<div class="foot-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-dribbble"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
</div>
</div>
</footer>
<!-- END / FOOTER -->
</div>
<!-- END / PAGE WRAP -->
<!-- LOAD JQUERY -->
<script type="text/javascript" src="js/lib/jquery-1.11.2.min.js"></script>
<!-- GOOGLE MAP -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.owl.carousel.min.js"></script>
<script type="text/javascript" src="js/lib/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="js/lib/polaroids-gallery.js"></script>
<script type="text/javascript" src="js/lib/retina.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>