<?php
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Link Post | Vibes - Compact Colorful Portfolio (HTML)</title>
<link rel="shortcut icon" href="images/favicon.ico">
<!-- GOOGLE FONTS : begin -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700%7cMontserrat:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<!-- GOOGLE FONTS : end -->
<!-- STYLESHEETS : begin -->
<link rel="stylesheet" type="text/css" href="library/css/style.css">
<link rel="stylesheet" type="text/css" href="library/css/skin/default.css">
<link rel="stylesheet" type="text/css" href="library/css/custom.css">
<!-- STYLESHEETS : end -->
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="library/css/oldie.css">
<script src="library/js/respond.min.js" type="text/javascript"></script>
<![endif]-->
<script src="library/js/modernizr.custom.min.js" type="text/javascript"></script>
</head>
<body>
<!-- HEADER : begin -->
<header id="header" class="m-standard m-enable-fixed m-fixed-bg">
<div class="header-inner">
<div class="container">
<!-- HEADER CONTENT : begin -->
<div class="header-content">
<!-- HEADER BRANDING : begin -->
<div class="header-branding">
<div class="header-branding-inner">
<a href="index.html"><img src="images/logo.png" width="100" height="100" alt="Vibes"
data-hires="images/logo.2x.png" data-fixed="images/logo.png" data-fixed-hires="images/logo.2x.png"
data-fixed-width="52" data-fixed-height="52"></a>
</div>
</div>
<!-- HEADER BRANDING : end -->
<!-- HEADER MENU : begin -->
<nav class="header-menu">
<ul>
<li>
<a href="index.html">Home</a>
<ul>
<li><a href="index.html">Default Home</a></li>
<li><a href="home-blog.html">Blog Home</a></li>
<li><a href="home-onepage.html">One Page</a></li>
</ul>
</li>
<li>
<a href="portfolio-list-grid.html">Portfolio</a>
<ul>
<li>
<a href="portfolio-list-grid.html">Project List</a>
<ul>
<li><a href="portfolio-list-grid.html">Grid List</a></li>
<li><a href="portfolio-list-masonry.html">Masonry List</a></li>
<li><a href="portfolio-list-grid-frames.html">Grid List (frames)</a></li>
<li><a href="portfolio-list-grid-lightbox.html">Grid List (lightbox)</a></li>
<li><a href="portfolio-list-grid-modal.html">Grid List (modal)</a></li>
<li><a href="portfolio-list-grid-ajaxed.html">Ajaxed Grid List</a></li>
<li><a href="portfolio-list-grid-ajaxed-lightbox.html">Ajaxed Grid List (lightbox)</a></li>
<li><a href="portfolio-list-grid-ajaxed-modal.html">Ajaxed Grid List (modal)</a></li>
<li><a href="portfolio-list-grid-boxed.html">Boxed Grid List</a></li>
</ul>
</li>
<li>
<a href="portfolio-detail-slider-top.html">Detail with Slider</a>
<ul>
<li><a href="portfolio-detail-slider-top.html">Slider on Top</a></li>
<li><a href="portfolio-detail-slider-bottom.html">Slider on Bottom</a></li>
<li><a href="portfolio-detail-slider-top-boxed.html">Slider on Top (boxed)</a></li>
</ul>
</li>
<li>
<a href="portfolio-detail-list-top.html">Detail with List</a>
<ul>
<li><a href="portfolio-detail-list-top.html">List on Top</a></li>
<li><a href="portfolio-detail-list-bottom.html">List on Bottom</a></li>
<li><a href="portfolio-detail-list-left.html">List on Left</a></li>
<li><a href="portfolio-detail-list-top-boxed.html">List on Top (boxed)</a></li>
</ul>
</li>
<li>
<a href="portfolio-detail-video.html">Audio / Video</a>
<ul>
<li><a href="portfolio-detail-video.html">Video Project</a></li>
<li><a href="portfolio-detail-video-boxed.html">Video Project (boxed)</a></li>
<li><a href="portfolio-detail-audio.html">Audio Project</a></li>
<li><a href="portfolio-detail-audio-boxed.html">Audio Project (boxed)</a></li>
</ul>
</li>
</ul>
</li>
<li class="m-active">
<a href="blog-list.html">Blog</a>
<ul>
<li><a href="blog-list.html">Blog List</a></li>
<li><a href="blog-post-image.html">Image Post</a></li>
<li><a href="blog-post-video.html">Video Post</a></li>
<li><a href="blog-post-audio.html">Audio Post</a></li>
<li><a href="blog-post-quote.html">Quote Post</a></li>
<li class="m-active"><a href="blog-post-link.html">Link Post</a></li>
</ul>
</li>
<li>
<a href="typography.html">Pages</a>
<ul>
<li><a href="about-us.html">About Us</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="search-results.html">Search Results</a></li>
<li><a href="404.html">Error 404</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- HEADER MENU : end -->
</div>
<!-- HEADER CONTENT : end -->
<!-- MAIN SIDEBAR TOGGLE : begin -->
<button class="main-sidebar-toggle" type="button"><i class="fa fa-bars"></i></button>
<!-- MAIN SIDEBAR TOGGLE : end -->
</div>
</div>
</header>
<!-- HEADER : end -->
<!-- BODY : begin -->
<div id="body">
<!-- WRAPPER : begin -->
<div id="wrapper">
<!-- CORE : begin -->
<div id="core" class="m-has-sidebar">
<!-- PAGE HEADER : begin -->
<div id="page-header">
<div class="container">
<h1>Link Post</h1>
<ul class="breadcrumbs">
<li><a href="index.html">Home</a></li>
<li><a href="blog-list.html">Blog</a></li>
<li>Link Post</li>
</ul>
</div>
</div>
<!-- PAGE HEADER : end -->
<div class="container">
<div class="row">
<div class="col-md-8">
<!-- PAGE CONTENT : begin -->
<div id="page-content">
<!-- BLOG DETAIL : begin -->
<div class="blog-detail">
<!-- LINK ARTICLE : begin -->
<article class="link">
<!-- ARTICLE LINK : begin -->
<div class="article-link">
<a href="http://themeforest.net/user/LSVRthemes/portfolio?ref=LSVRthemes">Check out my portfolio on ThemeForest</a>
</div>
<!-- ARTICLE LINK : end -->
<!-- ARTICLE CONTENT : begin -->
<div class="article-content various-content">
<p>It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
</div>
<!-- ARTICLE CONTENT : end -->
<!-- ARTICLE FOOTER : begin -->
<footer class="article-footer">
<ul class="article-info">
<li class="date">August 23, 2014</li>
<li class="author">N.Mars</li>
<li class="categories"><a href="#">Space</a>, <a href="#">Stars</a>, <a href="#">Travel</a></li>
</ul>
</footer>
<!-- ARTICLE FOOTER : end -->
</article>
<!-- LINK ARTICLE : end -->
<!-- ARTICLE NAVIGATION : begin -->
<ul class="article-navigation">
<li class="prev">
<h5>Previous article</h5>
<a href="#">Quisque rutrum aenean</a>
</li>
<li class="next">
<h5>Next article</h5>
<a href="#">Donec sodales sagittis magna</a>
</li>
</ul>
<!-- ARTICLE NAVIGATION : end -->
<!-- ARTICLE AUTHOR : begin -->
<div class="article-author">
<h2 class="heading-2 m-small">About Author</h2>
<div class="author-inner">
<p class="author-portrait"><span><img src="images/article_author.jpg" alt=""></span></p>
<h4 class="author-name">Nikki Mars</h4>
<div class="author-description various-content">
<p>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis.</p>
</div>
<ul class="author-social">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
</div>
<!-- ARTICLE AUTHOR : end -->
<!-- ARTICLE RELATED : begin -->
<div class="article-related">
<h2 class="heading-2 m-small">Related Articles</h2>
<div class="row">
<div class="col-sm-4">
<!-- ARTICLE : begin -->
<article class="c-article">
<div class="article-image"><a href="#"><img src="images/article_thumb_01.jpg" alt=""></a></div>
<h3 class="article-title"><a href="#">The copy warned the Little Blind Text</a></h3>
</article>
<!-- ARTICLE : end -->
</div>
<div class="col-sm-4">
<!-- ARTICLE : begin -->
<article class="c-article">
<div class="article-image"><a href="#"><img src="images/article_thumb_02.jpg" alt=""></a></div>
<h3 class="article-title"><a href="#">Little Blind Text should turn around and return</a></h3>
</article>
<!-- ARTICLE : end -->
</div>
<div class="col-sm-4">
<!-- ARTICLE : begin -->
<article class="c-article">
<div class="article-image"><a href="#"><img src="images/article_thumb_03.jpg" alt=""></a></div>
<h3 class="article-title"><a href="#">A small river named Duden flows</a></h3>
</article>
<!-- ARTICLE : end -->
</div>
</div>
</div>
<!-- ARTICLE RELATED : end -->
<!-- ARTICLE COMMENTS : begin -->
<div class="article-comments">
<h2 class="heading-2 m-small">Comments (4)</h2>
<!-- COMMENT LIST : begin -->
<ul class="comment-list">
<li>
<!-- COMMENT : begin -->
<div class="comment">
<p class="comment-portrait"><img src="images/comment_author_01.jpg" alt=""></p>
<h4 class="comment-author">Floor Simons</h4>
<div class="comment-content various-content">
<p>It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
</div>
<div class="comment-info">
<div class="comment-date">August 23, 2014 at 10:11 am</div>
<a href="#" class="comment-reply">Reply</a>
</div>
</div>
<!-- COMMENT : end -->
<!-- REPLIES / COMMENT LIST : begin -->
<ul class="comment-list">
<li>
<!-- COMMENT : begin -->
<div class="comment">
<p class="comment-portrait"><img src="images/comment_author_02.jpg" alt=""></p>
<h4 class="comment-author">Mick Neil</h4>
<div class="comment-content various-content">
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas.</p>
<p>Wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
</div>
<div class="comment-info">
<div class="comment-date">August 23, 2014 at 11:10 am</div>
<a href="#" class="comment-reply">Reply</a>
</div>
</div>
<!-- COMMENT : end -->
</li>
</ul>
<!-- REPLIES / COMMENT LIST : end -->
</li>
<li>
<!-- COMMENT : begin -->
<div class="comment">
<p class="comment-portrait"><img src="images/comment_author_03.jpg" alt=""></p>
<h4 class="comment-author">Vince Lee</h4>
<div class="comment-content various-content">
<p>When she reached the first hills of the Italic Mountains.</p>
</div>
<div class="comment-info">
<div class="comment-date">August 23, 2014 at 10:30 am</div>
<a href="#" class="comment-reply">Reply</a>
</div>
</div>
<!-- COMMENT : end -->
</li>
<li>
<!-- COMMENT : begin -->
<div class="comment">
<p class="comment-portrait"><img src="images/comment_author_04.jpg" alt=""></p>
<h4 class="comment-author">Simone Sixx</h4>
<div class="comment-content various-content">
<p>It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
</div>
<div class="comment-info">
<div class="comment-date">August 23, 2014 at 10:45 am</div>
<a href="#" class="comment-reply">Reply</a>
</div>
</div>
<!-- COMMENT : end -->
</li>
</ul>
<!-- COMMENT LIST : end -->
<!-- COMMENT FORM : begin -->
<form id="comment-form" class="default-form m-validate" action="blog.html" method="post">
<h2 class="heading-2">Add a comment</h2>
<!-- FORM VALIDATION ERROR MESSAGE : begin -->
<p class="c-alert-message m-warning m-validation-error" style="display: none;"><i class="ico fa fa-exclamation-circle"></i>Please fill in all required (*) fields.</p>
<!-- FORM VALIDATION ERROR MESSAGE : end -->
<div class="row">
<div class="col-sm-6">
<p>
<label for="comment-name">Your Name<span>*</span></label>
<input id="comment-name" class="m-required">
</p>
<p>
<label for="comment-email">Your Email Address <span>*</span></label>
<input id="comment-email" class="m-required m-email">
</p>
</div>
<div class="col-sm-6">
<p>
<label for="comment-message">Message <span>*</span></label>
<textarea id="comment-message" class="m-required"></textarea>
</p>
<p>
<button class="submit-btn c-button m-medium" type="submit" data-label="Send Message" data-loading-label="Sending...">Send Message</button>
</p>
</div>
</div>
</form>
<!-- COMMENT FORM : end -->
</div>
<!-- ARTICLE COMMENTS : end -->
</div>
<!-- BLOG DETAIL : end -->
</div>
<!-- PAGE CONTENT : end -->
</div>
<div class="col-md-4">
<!-- PAGE SIDEBAR : begin -->
<aside id="page-sidebar">
<!-- SIDEBAR SEARCH : begin -->
<div class="widget search-widget">
<h3 class="widget-title">Search</h3>
<div class="widget-content">
<form class="c-search-form" action="search-results.html">
<div class="form-fields">
<input type="text" data-placeholder="What to search...">
<button class="c-button" type="submit"><i class="fa fa-search"></i></button>
</div>
</form>
</div>
</div>
<!-- SIDEBAR SEARCH : end -->
<!-- SIDEBAR LINKS : begin -->
<div class="widget links-widget">
<h3 class="widget-title">Categories</h3>
<div class="widget-content">
<ul>
<li><a href="#">Festivals</a> <span>(12 posts)</span></li>
<li><a href="#">Music</a> <span>(8 posts)</span></li>
<li><a href="#">News</a> <span>(24 posts)</span></li>
<li><a href="#">Painting</a> <span>(6 posts)</span></li>
<li><a href="#">Travel</a> <span>(4 posts)</span></li>
</ul>
</div>
</div>
<!-- SIDEBAR LINKS : end -->
<!-- BLOG WIDGET : begin -->
<div class="widget blog-widget">
<h3 class="widget-title">Latest Posts</h3>
<div class="widget-content">
<ul>
<li>
<h4><a href="#">The Big Oxmox advised her</a></h4>
<p class="date">August 24, 2014</p>
</li>
<li>
<h4><a href="#">A small river named Duden</a></h4>
<p class="date">August 23, 2014</p>
</li>
<li>
<h4><a href="#">One day however a small line</a></h4>
<p class="date">August 22, 2014</p>
</li>
</ul>
</div>
</div>
<!-- BLOG WIDGET : end -->
<!-- SIDEBAR TAGS : begin -->
<div class="widget tags-widget">
<h3 class="widget-title">Popular Tags</h3>
<div class="widget-content">
<ul>
<li><a href="#">Audio</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Photo</a></li>
<li><a href="#">Portrait</a></li>
<li><a href="#">Space</a></li>
<li><a href="#">Stars</a></li>
</ul>
</div>
</div>
<!-- SIDEBAR TAGS : end -->
</aside>
<!-- PAGE SIDEBAR : end -->
</div>
</div>
</div>
</div>
<!-- CORE : end -->
<!-- BOTTOM PANEL : begin -->
<div id="bottom-panel">
<div class="container">
<div class="row">
<div class="col-md-4">
<!-- TEXT WIDGET : begin -->
<div class="widget text-widget">
<h3 class="widget-title">About Vibes</h3>
<div class="widget-content">
<div class="various-content">
<p><strong>VIBES</strong> is an ideal template for creative folks or design agencies. <strong>Clean code and top-notch web design techniques</strong> are wrapped with several gorgeous color schemes.</p>
<p>You can buy this responsive HTML5/CSS3 template on <a href="http://themeforest.net/user/LSVRthemes/portfolio?ref=LSVRthemes">ThemeForest</a>.</p>
</div>
</div>
</div>
<!-- TEXT WIDGET : end -->
</div>
<div class="col-md-4">
<!-- BLOG WIDGET : begin -->
<div class="widget blog-widget">
<h3 class="widget-title">Latest Posts</h3>
<div class="widget-content">
<ul>
<li>
<h4><a href="#">The Big Oxmox advised her</a></h4>
<p class="date">August 24, 2014</p>
</li>
<li>
<h4><a href="#">A small river named Duden</a></h4>
<p class="date">August 23, 2014</p>
</li>
<li>
<h4><a href="#">One day however a small line</a></h4>
<p class="date">August 22, 2014</p>
</li>
</ul>
</div>
</div>
<!-- BLOG WIDGET : end -->
</div>
<div class="col-md-4">
<!-- SUBSCRIBE WIDGET : begin -->
<div class="widget subscribe-widget">
<h3 class="widget-title">Newsletter</h3>
<div class="widget-content">
<p><strong>VIBES</strong> contains fully working <strong>MailChimp</strong> subscribe form.</p>
<form class="subscribe-widget-form" action="http://volovar.us8.list-manage.com/subscribe/post-json?u=76a50c9454ec8ab78914d1bf2&id=49e892f53d&c=?" method="get">
<!-- VALIDATION ERROR MESSAGE : begin -->
<p style="display: none;" class="c-alert-message m-warning m-validation-error"><i class="ico fa fa-exclamation-circle"></i>Email address is required.</p>
<!-- VALIDATION ERROR MESSAGE : end -->
<!-- SENDING REQUEST ERROR MESSAGE : begin -->
<p style="display: none;" class="c-alert-message m-warning m-request-error"><i class="ico fa fa-exclamation-circle"></i>There was a connection problem. Try again later.</p>
<!-- SENDING REQUEST ERROR MESSAGE : end -->
<!-- SUCCESS MESSAGE : begin -->
<p style="display: none;" class="c-alert-message m-success"><i class="ico fa fa-check-circle"></i><strong>Sent successfully.</strong></p>
<!-- SUCCESS MESSAGE : end -->
<div class="form-fields">
<input class="m-required m-email" name="EMAIL" type="text" data-placeholder="Your email address" title="Your email address">
<button class="c-button m-outline submit-btn" type="submit" data-label="Subscribe" data-loading-label="Sending...">Subscribe</button>
</div>
</form>
</div>
</div>
<!-- SUBSCRIBE WIDGET : end -->
</div>
</div>
</div>
<!-- BACK TO TOP : begin -->
<a href="#header" id="back-to-top" title="Back to top"><i class="fa fa-chevron-up"></i></a>
<!-- BACK TO TOP : end -->
</div>
<!-- BOTTOM PANEL : end -->
</div>
<!-- WRAPPER : end -->
<!-- FOOTER : begin -->
<div id="footer">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-push-6">
<!-- FOOTER MENU : begin -->
<nav class="footer-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="http://demos.volovar.net/vibes.html/documentation/">Documentation</a></li>
</ul>
</nav>
<!-- FOOTER MENU : end -->
</div>
<div class="col-md-6 col-md-pull-6">
<!-- FOOTER TEXT : begin -->
<div class="footer-text">
<p>Buy this template on <a href="http://themeforest.net/user/LSVRthemes/portfolio?ref=LSVRthemes">ThemeForest.net</a></p>
</div>
<!-- FOOTER TEXT : end -->
</div>
</div>
</div>
</div>
<!-- FOOTER : end -->
</div>
<!-- BODY : end -->
<!-- MAIN SIDEBAR : begin -->
<div id="main-sidebar">
<div class="main-sidebar-inner">
<!-- SIDEBAR CLOSE : begin -->
<button class="sidebar-close" type="button"><i class="fa fa-times"></i></button>
<!-- SIDEBAR CLOSE : end -->
<!-- SIDEBAR SEARCH : begin -->
<form class="sidebar-search" action="index.html">
<input type="text" data-placeholder="Search for...">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
<!-- SIDEBAR SEARCH : end -->
<!-- SIDEBAR MENU : begin -->
<nav class="sidebar-menu m-header-menu-copy">
<hr class="sidebar-divider">
</nav>
<!-- SIDEBAR MENU : end -->
<!-- SIDEBAR SOCIAL : begin -->
<ul class="sidebar-social">
<li><a href="https://twitter.com/LSVRthemes"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
</ul>
<!-- SIDEBAR SOCIAL : end -->
<hr class="sidebar-divider">
<!-- SIDEBAR WIDGETS : begin -->
<div class="sidebar-widgets">
<!-- TWITTER WIDGET : begin -->
<div class="widget twitter-widget m-paginated" data-id="LSVRthemes" data-limit="3" data-interval="20000">
<h3 class="widget-title"><a href="https://twitter.com/LSVRthemes">@LSVRthemes</a></h3>
<div class="widget-content">
<div class="twitter-feed">
<span class="c-loading-anim"><span></span></span>
</div>
</div>
</div>
<!-- TWITTER WIDGET : end -->
<!-- TEXT WIDGET : begin -->
<div class="widget text-widget">
<div class="widget-content">
<div class="various-content">
<p>This portfolio HTML template can be purchased on <a href="http://themeforest.net/user/LSVRthemes/portfolio?ref=LSVRthemes">ThemeForest.net</a>.</p>
</div>
</div>
</div>
<!-- TEXT WIDGET : end -->
</div>
<!-- SIDEBAR WIDGETS : end -->
</div>
</div>
<!-- MAIN SIDEBAR : end -->
<!-- SCRIPTS : begin -->
<script src="library/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="library/js/third-party.js" type="text/javascript"></script>
<script src="library/js/library.js" type="text/javascript"></script>
<script src="library/js/scripts.js" type="text/javascript"></script>
<!-- SCRIPTS : end -->
</body>
</html>
?>