?
á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" class="single-post">
<!-- 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="Image">
</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>Category</span></li>
</ul>
</div>
</section>
<!-- END / BREADCRUMB -->
<section class="blog-list">
<div class="container">
<!-- SECTION HEAD -->
<div class="section-head text-center">
<h2 class="h4 text-uppercase">Blog</h2>
<p class="sub-title text-uppercase">See what we have done for our happy clients</p>
</div>
<!-- END / SECTION HEAD -->
<div class="row">
<!-- BLOG CONTENT -->
<div class="col-md-8">
<div class="blog-content">
<!-- POST -->
<div class="post">
<div class="post-media">
<div class="image-thumb">
<img src="images/blog/9.jpg" alt="Image">
</div>
</div>
<div class="post-inner">
<div class="post-format">
<a href="#">
<i class="fa fa-image"></i>
</a>
</div>
<div class="post-title">
<h1 class="h5 text-uppercase">
Vestibulum auctor orci sed elit ultricies tempus
</h1>
</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>Nullam metus arcu, <a href="#">pharetra eu tempor vel</a>, consectetur nec metus. <del>Praesent</del> malesuada, purus et euismod rutrum, augue nisi facilisis diam, vitae auctor nisl libero nec eros. Vivamus vitae pulvinar augue. Nulla facilisi. <mark>Quisque rutrum</mark> ante interdum, posuere ipsum nec, porta diam. Donec vitae aliquet erat. Aliquam volutpat elit non urna faucibus condimentum. Pellentesque nibh libero, consequat at nibh a, tincidunt rutrum magna. Curabitur in posuere risus, dictum euismod dolor. Vestibulum auctor orci sed elit ultricies tempus. Praesent facilisis tellus turpis, ac congue lorem consectetur ac. Mauris tincidunt imperdiet laoreet. Sed sollicitudin suscipit lectus eget ultricies. Aliquam aliquam ligula ut bibendum rhoncus. Nullam nec eros bibendum ante rutrum fermentum at nec orci. Nullam porta neque sapien, et commodo metus sodales at. Nunc mattis pulvinar risus quis eleifend. In gravida convallis enim eget tristique. Morbi sagittis nulla in congue vulputate. In feugiat mattis nisi, hendrerit auctor quam imperdiet vel. Quisque et tortor sem. Morbi non ante facilisis, pretium purus vitae, sagittis elit. Aenean quis molestie lectus. Proin egestas hendrerit imperdiet.</p>
<blockquote class="blockquote">
<i class="icon icon_quotations"></i>
<p>Mauris posuere quis nulla eget condimentum. Integer non ornare felis. Nam bibendum ipsum sit amet metus fringilla tincidunt. Donec ultricies diam convallis nibh tincidunt efficitur. In vitae nunc fermentum erat sollicitudin ultricies id at dui. Donec eu risus tempor, volutpat purus a, venenatis eros.</p>
<cite>John Smith</cite>
</blockquote>
<div class="wp-caption alignleft">
<img src="images/blog/11.jpg" alt="Image">
<div class="wp-caption-text">Phasellus maximus ipsum sed turpis faucibus</div>
</div>
<p>Donec nec pretium felis. Nulla accumsan ligula mauris, ut volutpat neque molestie non. In lacinia mi at enim malesuada bibendum. Mauris finibus eu leo finibus finibus. Praesent in eros vehicula, sollicitudin ex ac, iaculis elit. Cras accumsan lacinia urna. Sed vel ultrices ligula. Vestibulum in quam est. Vestibulum cursus ex leo, tincidunt vehicula sapien pretium id. Morbi bibendum volutpat sapien, vel mollis augue facilisis eu. Phasellus rutrum faucibus ipsum, vel tristique leo tempus quis. In porta sem ut porta lobortis. In commodo pulvinar rhoncus. Vestibulum sed pharetra risus, ac lacinia lorem. Etiam commodo laoreet rutrum. Praesent ut nulla in erat accumsan egestas pulvinar at ipsum. Vivamus eu massa a eros eleifend imperdiet vel tempor mauris. Mauris non vulputate odio. Phasellus maximus ipsum sed turpis faucibus, nec fringilla sapien tempor. Maecenas volutpat turpis ac ex sagittis, a finibus felis dictum. Vivamus convallis eros vitae erat posuere, ac congue ligula auctor. Cras hendrerit molestie ligula, eget convallis nulla hendrerit id. Donec a mauris nec turpis iaculis porttitor semper non magna. Nunc efficitur neque ut egestas gravida. Maecenas maximus quam vel urna tristique, a tristique turpis auctor. Nulla facilisi. <br><br>
Aliquam volutpat elit non urna faucibus condimentum. Pellentesque nibh libero, consequat at nibh a, tincidunt rutrum magna. Curabitur in posuere risus, dictum euismod dolor. Vestibulum auctor orci sed elit ultricies tempus. Praesent facilisis tellus turpis, ac congue lorem consectetur ac. Mauris tincidunt imperdiet laoreet. Sed sollicitudin suscipit lectus eget ultricies. Aliquam aliquam ligula ut bibendum rhoncus. Nullam nec eros bibendum ante rutrum fermentum at nec orci. Nullam porta neque sapien, et commodo metus sodales at. Nunc mattis pulvinar risus quis eleifend. In gravida convallis enim eget tristique. Morbi sagittis nulla in congue vulputate. In feugiat mattis nisi, hendrerit auctor quam imperdiet vel.</p>
</div>
</div>
<!-- ABOUT AUTHOR -->
<div class="about-author">
<div class="image-thumb fl">
<img src="images/blog/1.jpg" alt="Image">
</div>
<div class="author-info">
<div class="author-name">
<h4 class="h5 text-uppercase">Gary Neville</h4>
</div>
<div class="author-content">
<p>Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue. Etiam in sem non tellus volutpat lacinia.</p>
</div>
</div>
<div class="author-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>
<!-- END / ABOUT AUTHOR -->
<!-- COMMENTS -->
<div id="comments">
<div class="comments-inner-wrap">
<h3 id="comments-title" class="h5 text-uppercase">3 Comments</h3>
<ul class="commentlist">
<li class="comment">
<div class="comment-box">
<div class="comment-author">
<a href="#"><img src="images/blog/1.jpg" alt="Image"></a>
</div>
<div class="comment-body">
<cite class="fn text-uppercase"><a href="#">Justin</a></cite>
<div class="comment-meta">
<span>July 12, 2014</span>
</div>
<p>Mauris tincidunt, quam at feugiat efficitur, justo nunc efficitur justo, a hendrerit lectus neque eu nibh. Praesent eu sem erat. Fusce non sagittis lorem.</p>
</div>
<div class="comment-abs">
<a href="#" class="comment-reply-link">Reply</a> //
<a href="#" class="comment-edit-link">Edit</a>
</div>
</div>
<ul class="children">
<li class="comment">
<div class="comment-box">
<div class="comment-author">
<a href="#"><img src="images/blog/1.jpg" alt="Image"></a>
</div>
<div class="comment-body">
<cite class="fn text-uppercase"><a href="#">Justin</a></cite>
<div class="comment-meta">
<span>July 12, 2014</span>
</div>
<p>Aliquam volutpat elit non urna faucibus condimentum. Pellentesque nibh libero, consequat at nibh a, tincidunt rutrum magna. Curabitur in posuere risus, dictum euismod dolor. Vestibulum auctor orci sed elit ultricies tempus. Praesent facilisis tellus turpis, ac congue lorem consectetur ac.</p>
</div>
<div class="comment-abs">
<a href="#" class="comment-edit-link">Edit</a> //
<a href="#" class="comment-reply-link">Reply</a>
</div>
</div>
</li>
</ul>
</li>
<li class="comment">
<div class="comment-box">
<div class="comment-author">
<a href="#"><img src="images/blog/1.jpg" alt="Image"></a>
</div>
<div class="comment-body">
<cite class="fn text-uppercase"><a href="#">Justin</a></cite>
<div class="comment-meta">
<span>July 12, 2014</span>
</div>
<p>Pellentesque nibh libero, consequat at nibh a, tincidunt rutrum magna. Curabitur in posuere risus, dictum euismod dolor. Vestibulum auctor orci sed elit ultricies tempus. Praesent facilisis tellus turpis, ac congue lorem consectetur ac.</p>
</div>
<div class="comment-abs">
<a href="#" class="comment-edit-link">Edit</a> //
<a href="#" class="comment-reply-link">Reply</a>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- END / COMMENTS -->
<!-- LEAVER YOUR COMMENT -->
<div id="respond">
<div class="reply-title">
<h3 class="h5 text-uppercase">Leaver your comment</h3>
</div>
<!-- COMMENT FORM -->
<form>
<div class="row">
<div class="col-md-6">
<div class="form-item form-name">
<input type="text" placeholder="Name">
</div>
</div>
<div class="col-md-6">
<div class="form-item form-email">
<input type="text" placeholder="Email">
</div>
</div>
<div class="col-md-12">
<div class="form-item form-textarea-wrapper">
<textarea placeholder="Message"></textarea>
</div>
</div>
<div class="col-md-4">
<div class="form-actions">
<input type="submit" value="Comment" class="on-btn btn-style-2 text-uppercase">
</div>
</div>
</div>
</form>
<!-- END / COMMENT FORM -->
</div>
<!-- END / LEAVER YOUR COMMENT -->
</div>
<!-- END / POST -->
</div>
</div>
<!-- END / BLOG CONTENT -->
<!-- BLOG SIDEBAR -->
<div class="col-md-4">
<aside class="blog-sidebar">
<!-- WIDGET SEARCH -->
<div class="widget widget_search">
<form>
<input type="text" name="search" placeholder="Search...">
</form>
</div>
<!-- END / WIDGET SEARCH -->
<!-- WIDGET CATEGORIES -->
<div class="widget widget_categories">
<h3 class="h5 text-uppercase">Categories</h3>
<ul>
<li><a href="#">Donec nec pretium felis</a></li>
<li><a href="#">Nulla accumsan</a></li>
<li><a href="#">Leo nibh gravida velit</a></li>
<li><a href="#">Tortor augue a eros</a></li>
<li><a href="#">Vimeo</a></li>
</ul>
</div>
<!-- END / WIDGET CATEGORIES -->
<!-- WIDGET ARCHIVE -->
<div class="widget widget_archive">
<h3 class="h5 text-uppercase">Archives</h3>
<ul>
<li><a href="#">June 2013</a></li>
<li><a href="#">May 2013</a></li>
<li><a href="#">April 2013</a></li>
</ul>
</div>
<!-- END / WIDGET ARCHIVE -->
<!-- WIDGET RECENT POST -->
<div class="widget widget_recent_entries">
<h3 class="h5 text-uppercase">Recent posts</h3>
<ul>
<li>
<a href="#">Aliquam nibh sapien</a>
</li>
<li>
<a href="#">Nunc pellentesque dolor</a>
</li>
</ul>
</div>
<!-- END / WIDGET RECENT POST -->
<!-- WIDGET FLICKR -->
<div class="widget widget_flickr">
<h3 class="h5 text-uppercase">Flickr</h3>
<ul class="flickr flickr-item-4">
<li><a href="#"><img src="images/blog/1.jpg" alt="Image"></a></li>
<li><a href="#"><img src="images/blog/2.jpg" alt="Image"></a></li>
<li><a href="#"><img src="images/blog/3.jpg" alt="Image"></a></li>
<li><a href="#"><img src="images/blog/1.jpg" alt="Image"></a></li>
<li><a href="#"><img src="images/blog/2.jpg" alt="Image"></a></li>
<li><a href="#"><img src="images/blog/3.jpg" alt="Image"></a></li>
<li><a href="#"><img src="images/blog/1.jpg" alt="Image"></a></li>
<li><a href="#"><img src="images/blog/2.jpg" alt="Image"></a></li>
</ul>
</div>
<!-- END / WIDGET FLICKR -->
<!-- WIDGET TAG CLOUD -->
<div class="widget widget_tag_cloud">
<h3 class="h5 text-uppercase">Tag cloud</h3>
<div class="tagcloud">
<a href="#">Recipe</a>
<a href="#">Chicken</a>
<a href="#">Fish</a>
<a href="#">Wordpress</a>
<a href="#">Photoshop</a>
<a href="#">JQuery</a>
</div>
</div>
<!-- END / WIDGET TAG CLOUD -->
</aside>
</div>
<!-- END / BLOG SIDEBAR -->
</div>
</div>
</section>
<!-- FOOTER -->
<footer id="footer" class="footer">
<div class="container">
<div class="copyright text-uppercase">
Copyrights © 2014 All Rights Reserved by
</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>