?
á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 timeline</span></li>
</ul>
</div>
</section>
<!-- END / BREADCRUMB -->
<section class="blog-masonry blog-timeline">
<div class="container">
<!-- SECTION HEAD -->
<div class="section-head text-center">
<h2 class="h4 text-uppercase">Blog timeline</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="col-sm-12 col-md-10 col-md-offset-1">
<div class="row">
<div class="blog-grid">
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6">
<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">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">
<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">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 -->
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6">
<div class="post">
<a href="#" class="post-link text-center">
<i class="fa fa-link"></i>
<span>Themeforest.net</span>
</a>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6">
<div class="post">
<div class="post-media">
<div class="video embed-responsive embed-responsive-16by9">
<iframe src="//player.vimeo.com/video/117934677" 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">But I must explain to you how all this mistaken idea</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">
<div class="post">
<div class="post-media">
<div class="video embed-responsive embed-responsive-16by9">
<iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/138940301&auto_play=false&hide_related=false&visual=true"></iframe>
</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">
<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">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">
<div class="post">
<div class="post-media">
<div class="post-slider">
<div class="image-thumb">
<img src="images/blog/6.jpg" alt="">
</div>
<div class="image-thumb">
<img src="images/blog/6.jpg" alt="">
</div>
</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</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">
<div class="post">
<blockquote class="blockquote">
<i class="icon icon_quote"></i>
<p>Mauris vulputate justo sapien. Maecenas consequat, nunc vel iaculis suscipit, velit diam sodales est, ac maximus mi lorem et mauris. Suspendisse dignissim augue magna, non viverra quam ultrices et. Fusce ac magna et massa molestie facilisis. Sed sit amet molestie nibh.</p>
<cite>John Smith</cite>
</blockquote>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="grid-item col-xs-12 col-sm-6">
<div class="post">
<div class="post-media">
<div class="image-thumb">
<img src="images/blog/9.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">
<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">To take a trivial example, which of us ever</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">
<div class="post">
<div class="post-media">
<div class="video embed-responsive embed-responsive-16by9">
<iframe src="//www.youtube.com/embed/ERJapihJk7w" 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 voluptate </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">
<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">Nemo enim ipsam voluptatem quia</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 class="load-more text-center">
<a href="#" class="on-btn btn-style-2">Load more</a>
</div>
</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>