Вход Регистрация
Файл: HTML/home-blog.html
Строк: 732
<?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>Blog Home | 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&amp;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-large 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-large.png" width="230" height="230" alt="Vibes"
                                    
data-hires="images/logo-large.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 class="m-active">
                                    <
a href="index.html">Home</a>
                                    <
ul>
                                        <
li><a href="index.html">Default Home</a></li>
                                        <
li class="m-active"><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>
                                    <
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><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" class="m-large-header">

                <!-- 
CORE : begin -->
                <
div id="core">

                    <!-- 
PAGE CONTENT : begin -->
                    <
div id="page-content">
                        <
div class="various-content">

                            <!-- 
SLIDER : begin -->
                            <
div class="c-slider" data-interval="8000">
                                <
div class="slide-list">

                                    <!-- 
SLIDE 1 : begin -->
                                    <
div class="slide" style="background-image: url( 'images/slide_blog_01.jpg' );">
                                        <
div class="slide-bg">
                                            <
div class="container">
                                                <
div class="slide-inner">
                                                    <
div class="slide-content various-content textalign-left valign-bottom">

                                                        <
div class="row">
                                                            <
div class="col-md-6">

                                                                <
p class="post-date">23 August</p>
                                                                <
h1><a href="blog-post-image.html">HTML Template for Creative Folks and Design Agencies</a></h1>

                                                            </
div>
                                                            <
div class="col-md-6">

                                                                <
p class="fontsize-large">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                                                                <
p><a href="blog-post-image.html" class="c-button m-outline">Read More</a></p>

                                                            </
div>
                                                        </
div>

                                                    </
div>
                                                </
div>
                                            </
div>
                                        </
div>
                                    </
div>
                                    <!-- 
SLIDE 1 : end -->

                                    <!-- 
SLIDE 2 : begin -->
                                    <
div class="slide" style="background-image: url( 'images/slide_blog_02.jpg' );">
                                        <
div class="slide-bg">
                                            <
div class="container">
                                                <
div class="slide-inner">
                                                    <
div class="slide-content various-content textalign-left valign-bottom">

                                                        <
div class="row">
                                                            <
div class="col-md-6">

                                                                <
p class="post-date">23 August</p>
                                                                <
h2><a href="blog-post-image.html">The copy warned the Little Blind Text, that where it came</a></h2>

                                                            </
div>
                                                            <
div class="col-md-6">

                                                                <
p class="fontsize-large">Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince.</p>
                                                                <
p><a href="blog-post-image.html" class="c-button m-outline">Read More</a></p>

                                                            </
div>
                                                        </
div>

                                                    </
div>
                                                </
div>
                                            </
div>
                                        </
div>
                                    </
div>
                                    <!-- 
SLIDE 2 : end -->

                                    <!-- 
SLIDE 3 : begin -->
                                    <
div class="slide" style="background-image: url( 'images/slide_blog_03.jpg' );">
                                        <
div class="slide-bg">
                                            <
div class="container">
                                                <
div class="slide-inner">
                                                    <
div class="slide-content various-content textalign-left valign-bottom">

                                                        <
div class="row">
                                                            <
div class="col-md-6">

                                                                <
p class="post-date">23 August</p>
                                                                <
h2><a href="blog-post-image.html">It is a paradisematic country, in which roasted</a></h2>

                                                            </
div>
                                                            <
div class="col-md-6">

                                                                <
p class="fontsize-large">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life.</p>
                                                                <
p><a href="blog-post-image.html" class="c-button m-outline">Read More</a></p>

                                                            </
div>
                                                        </
div>

                                                    </
div>
                                                </
div>
                                            </
div>
                                        </
div>
                                    </
div>
                                    <!-- 
SLIDE 3 : end -->

                                </
div>
                            </
div>
                            <!-- 
SLIDER : end -->

                            <!-- 
DIVIDER : begin -->
                            <
hr class="c-divider m-negative-medium m-transparent">
                            <!-- 
DIVIDER : end -->

                            <!-- 
BLOG SECTION : begin -->
                            <
section class="c-section">
                                <
div class="section-inner">

                                    <!-- 
BLOG : begin -->
                                    <
div class="c-blog">

                                        <!-- 
BLOG TOOLS : begin -->
                                        <
div class="blog-tools">
                                            <
div class="container">
                                                <
div class="clearfix">

                                                    <!-- 
BLOG FILTER : begin -->
                                                    <
ul class="blog-filter">
                                                        <
li><button class="m-active" type="button" data-filter="*">all</button></li>
                                                        <
li><button type="button" data-filter=".cat-ambient">ambient</button></li>
                                                        <
li><button type="button" data-filter=".cat-portfolio">portfolio</button></li>
                                                        <
li><button type="button" data-filter=".cat-quote">quote</button></li>
                                                        <
li><button type="button" data-filter=".cat-space">space</button></li>
                                                    </
ul>
                                                    <!-- 
BLOG FILTER : end -->

                                                    <!-- 
MORE BUTTON : begin -->
                                                    <
a href="blog-list.html" class="more-btn c-button m-outline">View All Posts</a>
                                                    <!-- 
MORE BUTTON : end -->

                                                </
div>
                                            </
div>
                                        </
div>
                                        <!-- 
BLOG TOOLS : end -->

                                        <!-- 
ITEM LIST : begin -->
                                        <
div class="item-list">

                                            <!-- 
IMAGE ARTICLE : begin -->
                                            <
article class="image cat-space">
                                                <
div class="article-inner">

                                                    <!-- 
ARTICLE IMAGE : begin -->
                                                    <
div class="article-image">
                                                        <
a href="blog-post-image.html"><img src="images/article_thumb_01.jpg" alt=""></a>
                                                    </
div>
                                                    <!-- 
ARTICLE IMAGE : end -->

                                                    <!-- 
ARTICLE HEADER : begin -->
                                                    <
header class="article-header">
                                                        <
span class="article-date">August 23, 2014</span>
                                                        <
h2 class="article-title"><a href="blog-post-image.html">This is image article</a></h2>
                                                    </
header>
                                                    <!-- 
ARTICLE HEADER : end -->

                                                    <!-- 
ARTICLE CONTENT : begin -->
                                                    <
div class="article-content various-content">
                                                        <
p class="lead">Far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
                                                        <
p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
                                                    </
div>
                                                    <!-- 
ARTICLE CONTENT : end -->

                                                    <!-- 
ARTICLE FOOTER : begin -->
                                                    <
footer class="article-footer">
                                                        <
ul class="article-info">
                                                            <
li class="author">N.Mars</li>
                                                            <
li class="categories"><a href="#">Space</a>, <a href="#">Stars</a>, <a href="#">Travel</a></li>
                                                            <
li class="comments"><a href="#">4 comments</a></li>
                                                        </
ul>
                                                        <
p class="article-more"><a href="blog-post-image.html" class="c-button">Read More</a></p>
                                                    </
footer>
                                                    <!-- 
ARTICLE FOOTER : end -->

                                                </
div>
                                            </
article>
                                            <!-- 
IMAGE ARTICLE : end -->

                                            <!-- 
VIDEO ARTICLE : begin -->
                                            <
article class="video cat-ambient">
                                                <
div class="article-inner">

                                                    <!-- 
ARTICLE VIDEO : begin -->
                                                    <
div class="article-video">
                                                        <
div class="embed-video">
                                                            <
iframe src="http://player.vimeo.com/video/6936029" width="500" height="281"></iframe>
                                                        </
div>
                                                    </
div>
                                                    <!-- 
ARTICLE VIDEO : end -->

                                                    <!-- 
ARTICLE HEADER : begin -->
                                                    <
header class="article-header">
                                                        <
span class="article-date">August 23, 2014</span>
                                                        <
h2 class="article-title"><a href="blog-post-video.html">Video article looks like this</a></h2>
                                                    </
header>
                                                    <!-- 
ARTICLE HEADER : end -->

                                                    <!-- 
ARTICLE CONTENT : begin -->
                                                    <
div class="article-content various-content">
                                                        <
p class="lead">Because there were thousands of bad Commas, wild Question Marks and devious Semikoli.</p>
                                                        <
p>Put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view.</p>
                                                    </
div>
                                                    <!-- 
ARTICLE CONTENT : end -->

                                                    <!-- 
ARTICLE FOOTER : begin -->
                                                    <
footer class="article-footer">
                                                        <
ul class="article-info">
                                                            <
li class="author">N.Mars</li>
                                                            <
li class="categories"><a href="#">Space</a>, <a href="#">Stars</a>, <a href="#">Travel</a></li>
                                                            <
li class="comments"><a href="#">2 comments</a></li>
                                                        </
ul>
                                                        <
p class="article-more"><a href="blog-post-video.html" class="c-button">Read More</a></p>
                                                    </
footer>
                                                    <!-- 
ARTICLE FOOTER : end -->

                                                </
div>
                                            </
article>
                                            <!-- 
VIDEO ARTICLE : end -->

                                            <!-- 
AUDIO ARTICLE : begin -->
                                            <
article class="audio cat-ambient">
                                                <
div class="article-inner">

                                                    <!-- 
ARTICLE AUDIO : begin -->
                                                    <
div class="article-audio">
                                                        <
div class="embed-audio">
                                                            <
iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/66345578&amp;auto_play=false&amp;hide_related=false&amp;visual=true"></iframe>
                                                        </
div>
                                                    </
div>
                                                    <!-- 
ARTICLE AUDIO : end -->

                                                    <!-- 
ARTICLE HEADER : begin -->
                                                    <
header class="article-header">
                                                        <
span class="article-date">August 22, 2014</span>
                                                        <
h2 class="article-title"><a href="blog-post-audio.html">Example of audio article</a></h2>
                                                    </
header>
                                                    <!-- 
ARTICLE HEADER : end -->

                                                    <!-- 
ARTICLE CONTENT : begin -->
                                                    <
div class="article-content various-content">
                                                        <
p class="lead">That where it came from it would have been rewritten a thousand times and everything.</p>
                                                        <
p>But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk.</p>
                                                    </
div>
                                                    <!-- 
ARTICLE CONTENT : end -->

                                                    <!-- 
ARTICLE FOOTER : begin -->
                                                    <
footer class="article-footer">
                                                        <
ul class="article-info">
                                                            <
li class="author">N.Mars</li>
                                                            <
li class="categories"><a href="#">Audio</a>, <a href="#">Solar Fields</a>, <a href="#">Ambient</a></li>
                                                            <
li class="comments"><a href="#">0 comments</a></li>
                                                        </
ul>
                                                        <
p class="article-more"><a href="blog-post-audio.html" class="c-button">Read More</a></p>
                                                    </
footer>
                                                    <!-- 
ARTICLE FOOTER : end -->

                                                </
div>
                                            </
article>
                                            <!-- 
AUDIO ARTICLE : end -->

                                            <!-- 
QUOTE ARTICLE : begin -->
                                            <
article class="quote cat-quote">
                                                <
div class="article-inner">

                                                    <!-- 
ARTICLE HEADER : begin -->
                                                    <
header class="article-header">
                                                        <
span class="article-date">August 22, 2014</span>
                                                        <
h2 class="article-title"><a href="blog-post-quote.html">This is a quote article</a></h2>
                                                    </
header>
                                                    <!-- 
ARTICLE HEADER : end -->

                                                    <!-- 
ARTICLE QUOTE : begin -->
                                                    <
div class="article-quote">
                                                        <
blockquote>
                                                            <
p>"People who think they know everything are a great annoyance to those of us who do."</p>
                                                            <
footer>- Isaac Asimov</footer>
                                                        </
blockquote>
                                                    </
div>
                                                    <!-- 
ARTICLE QUOTE : end -->

                                                    <!-- 
ARTICLE FOOTER : begin -->
                                                    <
footer class="article-footer">
                                                        <
ul class="article-info">
                                                            <
li class="author">N.Mars</li>
                                                            <
li class="categories"><a href="#">Quote</a>, <a href="#">Asimov</a>, <a href="#">Wisdom</a></li>
                                                            <
li class="comments"><a href="#">0 comments</a></li>
                                                        </
ul>
                                                        <
p class="article-more"><a href="blog-post-quote.html" class="c-button">Read More</a></p>
                                                    </
footer>
                                                    <!-- 
ARTICLE FOOTER : end -->

                                                </
div>
                                            </
article>
                                            <!-- 
QUOTE ARTICLE : end -->

                                            <!-- 
LINK ARTICLE : begin -->
                                            <
article class="link cat-portfolio">
                                                <
div class="article-inner">

                                                    <!-- 
ARTICLE HEADER : begin -->
                                                    <
header class="article-header">
                                                        <
span class="article-date">August 22, 2014</span>
                                                        <
h2 class="article-title"><a href="http://themeforest.net/user/LSVRthemes/portfolio?ref=LSVRthemes">Check out my portfolio on ThemeForest</a></h2>
                                                    </
header>
                                                    <!-- 
ARTICLE HEADER : end -->

                                                    <!-- 
ARTICLE CONTENT : begin -->
                                                    <
div class="article-content various-content">
                                                        <
p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
                                                    </
div>
                                                    <!-- 
ARTICLE CONTENT : end -->

                                                    <!-- 
ARTICLE FOOTER : begin -->
                                                    <
footer class="article-footer">
                                                        <
ul class="article-info">
                                                            <
li class="author">N.Mars</li>
                                                            <
li class="categories"><a href="#">Link</a>, <a href="#">Portfolio</a>, <a href="#">ThemeForest</a></li>
                                                            <
li class="comments"><a href="#">0 comments</a></li>
                                                        </
ul>
                                                        <
p class="article-more"><a href="blog-post-link.html" class="c-button">Read More</a></p>
                                                    </
footer>
                                                    <!-- 
ARTICLE FOOTER : end -->

                                                </
div>
                                            </
article>
                                            <!-- 
LINK ARTICLE : end -->

                                            <!-- 
TEXT ARTICLE : begin -->
                                            <
article class="text cat-space">
                                                <
div class="article-inner">

                                                    <!-- 
ARTICLE HEADER : begin -->
                                                    <
header class="article-header">
                                                        <
span class="article-date">August 21, 2014</span>
                                                        <
h2 class="article-title"><a href="blog-post-image.html">Far far away, behind the word mountains</a></h2>
                                                    </
header>
                                                    <!-- 
ARTICLE HEADER : end -->

                                                    <!-- 
ARTICLE CONTENT : begin -->
                                                    <
div class="article-content various-content">
                                                        <
p class="lead">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>
                                                        <
p>Far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country.</p>
                                                    </
div>
                                                    <!-- 
ARTICLE CONTENT : end -->

                                                    <!-- 
ARTICLE FOOTER : begin -->
                                                    <
footer class="article-footer">
                                                        <
ul class="article-info">
                                                            <
li class="author">N.Mars</li>
                                                            <
li class="categories"><a href="#">Space</a>, <a href="#">Stars</a>, <a href="#">Travel</a></li>
                                                            <
li class="comments"><a href="#">4 comments</a></li>
                                                        </
ul>
                                                        <
p class="article-more"><a href="blog-post-image.html" class="c-button">Read More</a></p>
                                                    </
footer>
                                                    <!-- 
ARTICLE FOOTER : end -->

                                                </
div>
                                            </
article>
                                            <!-- 
TEXT ARTICLE : end -->

                                            <!-- 
IMAGE ARTICLE : begin -->
                                            <
article class="image cat-space cat-ambient">
                                                <
div class="article-inner">

                                                    <!-- 
ARTICLE IMAGE : begin -->
                                                    <
div class="article-image">
                                                        <
a href="blog-post-image.html"><img src="images/article_thumb_02.jpg" alt=""></a>
                                                    </
div>
                                                    <!-- 
ARTICLE IMAGE : end -->

                                                    <!-- 
ARTICLE HEADER : begin -->
                                                    <
header class="article-header">
                                                        <
span class="article-date">August 21, 2014</span>
                                                        <
h2 class="article-title"><a href="blog-post-image.html">This is image article</a></h2>
                                                    </
header>
                                                    <!-- 
ARTICLE HEADER : end -->

                                                    <!-- 
ARTICLE CONTENT : begin -->
                                                    <
div class="article-content various-content">
                                                        <
p>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="author">N.Mars</li>
                                                            <
li class="categories"><a href="#">Space</a>, <a href="#">Stars</a>, <a href="#">Travel</a></li>
                                                            <
li class="comments"><a href="#">4 comments</a></li>
                                                        </
ul>
                                                        <
p class="article-more"><a href="blog-post-image.html" class="c-button">Read More</a></p>
                                                    </
footer>
                                                    <!-- 
ARTICLE FOOTER : end -->

                                                </
div>
                                            </
article>
                                            <!-- 
IMAGE ARTICLE : end -->

                                            <!-- 
LINK ARTICLE : begin -->
                                            <
article class="link cat-portfolio">
                                                <
div class="article-inner">

                                                    <!-- 
ARTICLE HEADER : begin -->
                                                    <
header class="article-header">
                                                        <
span class="article-date">August 21, 2014</span>
                                                        <
h2 class="article-title"><a href="http://themeforest.net/item/beautyspot-wordpress-theme-for-beauty-salons/8020062?ref=LSVRthemes">BeautySpot - WordPress Theme for Beauty Salons</a></h2>
                                                    </
header>
                                                    <!-- 
ARTICLE HEADER : end -->

                                                    <!-- 
ARTICLE CONTENT : begin -->
                                                    <
div class="article-content various-content">
                                                        <
p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
                                                    </
div>
                                                    <!-- 
ARTICLE CONTENT : end -->

                                                    <!-- 
ARTICLE FOOTER : begin -->
                                                    <
footer class="article-footer">
                                                        <
ul class="article-info">
                                                            <
li class="author">N.Mars</li>
                                                            <
li class="categories"><a href="#">Link</a>, <a href="#">Portfolio</a>, <a href="#">ThemeForest</a></li>
                                                            <
li class="comments"><a href="#">0 comments</a></li>
                                                        </
ul>
                                                        <
p class="article-more"><a href="blog-post-link.html" class="c-button">Read More</a></p>
                                                    </
footer>
                                                    <!-- 
ARTICLE FOOTER : end -->

                                                </
div>
                                            </
article>
                                            <!-- 
LINK ARTICLE : end -->

                                            <!-- 
LINK ARTICLE : begin -->
                                            <
article class="link cat-postfolio cat-space">
                                                <
div class="article-inner">

                                                    <!-- 
ARTICLE HEADER : begin -->
                                                    <
header class="article-header">
                                                        <
span class="article-date">August 21, 2014</span>
                                                        <
h2 class="article-title"><a href="http://themeforest.net/item/beautyspot-html-template-for-beauty-salons/7734629?ref=LSVRthemes">BeautySpot - HTML Template for Beauty Salons</a></h2>
                                                    </
header>
                                                    <!-- 
ARTICLE HEADER : end -->

                                                    <!-- 
ARTICLE CONTENT : begin -->
                                                    <
div class="article-content various-content">
                                                        <
p>Far far away, behind the word mountains.</p>
                                                    </
div>
                                                    <!-- 
ARTICLE CONTENT : end -->

                                                    <!-- 
ARTICLE FOOTER : begin -->
                                                    <
footer class="article-footer">
                                                        <
ul class="article-info">
                                                            <
li class="author">N.Mars</li>
                                                            <
li class="categories"><a href="#">Link</a>, <a href="#">Portfolio</a>, <a href="#">ThemeForest</a></li>
                                                            <
li class="comments"><a href="#">0 comments</a></li>
                                                        </
ul>
                                                        <
p class="article-more"><a href="blog-post-link.html" class="c-button">Read More</a></p>
                                                    </
footer>
                                                    <!-- 
ARTICLE FOOTER : end -->

                                                </
div>
                                            </
article>
                                            <!-- 
LINK ARTICLE : end -->

                                        </
div>
                                        <!-- 
ITEM LIST : end -->

                                        <!-- 
PAGINATION : begin -->
                                        <
div class="c-pagination m-ajaxed">
                                            <
div class="container">
                                                <
a href="ajax/home-blog-page2.html" class="c-button m-outline"
                                                    
data-loading-label="Loading..."
                                                    
data-no-more-label="No more posts">Load More</a>
                                            </
div>
                                        </
div>
                                        <!-- 
PAGINATION : end -->

                                    </
div>
                                    <!-- 
BLOG : end -->

                                </
div>
                            </
section>
                            <!-- 
BLOG SECTION : end -->

                        </
div>
                    </
div>
                    <!-- 
PAGE CONTENT : end -->

                </
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&amp;id=49e892f53d&amp;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 -->

                    <!-- 
FLICKR WIDGET : begin -->
                    <
div class="widget flickr-widget" data-id="88230091@N08" data-limit="6">
                        <
h3 class="widget-title">Flickr Feed</h3>
                        <
div class="widget-content">

                            <
span class="c-loading-anim"><span></span></span>
                            <
div class="widget-feed"></div>

                        </
div>
                    </
div>
                    <!-- 
FLICKR 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>
?>
Онлайн: 0
Реклама