?
á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 List</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="">
</div>
</div>
<div class="post-inner">
<div class="post-format">
<a href="#">
<i class="fa fa-image"></i>
</a>
</div>
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">Vestibulum auctor orci sed elit ultricies tempus.</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>Vestibulum sed pharetra risus, ac lacinia lorem. Etiam commodo laoreet rutrum. Praesent ut nulla in erat accumsan egestas pulvinar at ipsum. Aenean auctor, neque et dapibus lacinia, leo mauris rhoncus elit, id tincidunt purus orci ut eros. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="post-footer">
<a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="post">
<div class="post-media">
<div class="post-slider">
<div class="item">
<img src="images/blog/10.jpg" alt="">
</div>
<div class="item">
<img src="images/blog/9.jpg" alt="">
</div>
</div>
</div>
<div class="post-inner">
<div class="post-format">
<a href="#">
<i class="fa fa-image"></i>
</a>
</div>
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">Vestibulum auctor orci sed elit ultricies tempus.</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>Vestibulum sed pharetra risus, ac lacinia lorem. Etiam commodo laoreet rutrum. Praesent ut nulla in erat accumsan egestas pulvinar at ipsum. Aenean auctor, neque et dapibus lacinia, leo mauris rhoncus elit, id tincidunt purus orci ut eros. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="post-footer">
<a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="post">
<a href="#" class="post-link text-center">
<i class="icon icon_link"></i>
<span>Themeforest.net</span>
</a>
</div>
<!-- END / POST -->
<!-- POST -->
<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-format">
<a href="#">
<i class="fa fa-soundcloud"></i>
</a>
</div>
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">Vestibulum auctor orci sed elit ultricies tempus.</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>Vestibulum sed pharetra risus, ac lacinia lorem. Etiam commodo laoreet rutrum. Praesent ut nulla in erat accumsan egestas pulvinar at ipsum. Aenean auctor, neque et dapibus lacinia, leo mauris rhoncus elit, id tincidunt purus orci ut eros. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="post-footer">
<a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<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-format">
<a href="#">
<i class="fa fa-vimeo-square"></i>
</a>
</div>
<div class="post-title">
<h3 class="h5 text-uppercase">
<a href="blog-single.html">Vestibulum auctor orci sed elit ultricies tempus.</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>Vestibulum sed pharetra risus, ac lacinia lorem. Etiam commodo laoreet rutrum. Praesent ut nulla in erat accumsan egestas pulvinar at ipsum. Aenean auctor, neque et dapibus lacinia, leo mauris rhoncus elit, id tincidunt purus orci ut eros. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="post-footer">
<a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
</div>
</div>
</div>
<!-- END / POST -->
<!-- POST -->
<div class="post">
<blockquote class="blockquote">
<i class="icon icon_quote"></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>
<!-- END / POST -->
</div>
<div class="pagination">
<span class="pagination-prev"><i class="fa fa-angle-left"></i></span>
<span class="current">1</span>
<a href="#">2</a>
<a href="#">3</a>
<a href="#" class="pagination-next"><i class="fa fa-angle-right"></i></a>
</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=""></a></li>
<li><a href="#"><img src="images/blog/2.jpg" alt=""></a></li>
<li><a href="#"><img src="images/blog/3.jpg" alt=""></a></li>
<li><a href="#"><img src="images/blog/1.jpg" alt=""></a></li>
<li><a href="#"><img src="images/blog/2.jpg" alt=""></a></li>
<li><a href="#"><img src="images/blog/3.jpg" alt=""></a></li>
<li><a href="#"><img src="images/blog/1.jpg" alt=""></a></li>
<li><a href="#"><img src="images/blog/2.jpg" alt=""></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>