334 lines
28 KiB
PHP
334 lines
28 KiB
PHP
|
<?php include 'include/header.php';?>
|
||
|
|
<!--=============== wrapper ===============-->
|
||
|
|
<div id="wrapper">
|
||
|
|
<!-- content-holder -->
|
||
|
|
<div class="content-holder">
|
||
|
|
<!-- content -->
|
||
|
|
<div class="content">
|
||
|
|
<!-- section -->
|
||
|
|
<section class="parallax-section header-section" data-scrollax-parent="true">
|
||
|
|
<div class="bg" data-bg="images/bg/1.jpg" data-scrollax="properties: { translateY: '200px' }"></div>
|
||
|
|
<div class="overlay op1"></div>
|
||
|
|
<div class="container big-container">
|
||
|
|
<div class="section-title">
|
||
|
|
<h3>Our Blog</h3>
|
||
|
|
<div class="separator trsp-separator"></div>
|
||
|
|
<h2>Our Journal </h2>
|
||
|
|
<p>Curabitur bibendum mi sed rhoncus aliquet. Nulla blandit porttitor justo, at posuere sem accumsan nec.</p>
|
||
|
|
<a href="#sec1" class="custom-scroll-link sect-scroll-link"><i class="fa fa-long-arrow-down"></i> <span>scroll down</span></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- section end-->
|
||
|
|
<!-- section -->
|
||
|
|
<section id="sec1">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-8">
|
||
|
|
<div class="post-container fl-wrap">
|
||
|
|
<!-- post -->
|
||
|
|
<div class="post fl-wrap fw-post">
|
||
|
|
<h2><span>Blog post title</span></h2>
|
||
|
|
<ul class="blog-title-opt">
|
||
|
|
<li><a href="#">12 may 2017</a></li>
|
||
|
|
<li> - </li>
|
||
|
|
<li><a href="#">Interviews </a></li>
|
||
|
|
<li><a href="#">Design</a></li>
|
||
|
|
</ul>
|
||
|
|
<!-- blog media -->
|
||
|
|
<div class="blog-media fl-wrap">
|
||
|
|
<div class="single-slider fl-wrap" data-effects="slide">
|
||
|
|
<div class="swiper-container">
|
||
|
|
<div class="swiper-wrapper">
|
||
|
|
<div class="swiper-slide"><img src="images/folio/1.jpg" alt=""></div>
|
||
|
|
<div class="swiper-slide"><img src="images/folio/1.jpg" alt=""></div>
|
||
|
|
<div class="swiper-slide"><img src="images/folio/1.jpg" alt=""></div>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-pagination"></div>
|
||
|
|
<div class="swiper-button-prev"><i class="fa fa-angle-left"></i></div>
|
||
|
|
<div class="swiper-button-next"><i class="fa fa-angle-right"></i></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- blog media end -->
|
||
|
|
<div class="blog-text fl-wrap">
|
||
|
|
<div class="pr-tags fl-wrap">
|
||
|
|
<span>Tags : </span>
|
||
|
|
<ul>
|
||
|
|
<li><a href="#">Architecture</a></li>
|
||
|
|
<li><a href="#">Design</a></li>
|
||
|
|
<li><a href="#">Photography</a></li>
|
||
|
|
<li><a href="#">House</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<h3><a href="blog-single.html" >Aliquip pertinax <strong>vix ad </strong></a></h3>
|
||
|
|
<p>
|
||
|
|
Vestibulum orci felis, ullamcorper non condimentum non, ultrices ac nunc. Mauris non ligula suscipit, vulputate mi accumsan, dapibus felis. Nullam sed sapien dui. Nulla auctor sit amet sem non porta. Praesent eu massa vel diam laoreet elementum ac sed felis. Donec suscipit ultricies risus sed mollis. Donec volutpat porta risus posuere imperdiet. Sed viverra dolor sed dolor placerat ornare ut . Integer iaculis tellus nulla, quis imperdiet magna venenatis vitae..
|
||
|
|
</p>
|
||
|
|
<a href="blog-single.html" class="btn float-btn flat-btn">Read more </a>
|
||
|
|
<ul class="post-counter">
|
||
|
|
<li><i class="fa fa-eye"></i><span>687</span></li>
|
||
|
|
<li><i class="fa fa-comment-o"></i><span>10</span></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- post end-->
|
||
|
|
<!-- post -->
|
||
|
|
<div class="post fl-wrap fw-post">
|
||
|
|
<h2><span>Blog post title</span></h2>
|
||
|
|
<ul class="blog-title-opt">
|
||
|
|
<li><a href="#">12 may 2017</a></li>
|
||
|
|
<li> - </li>
|
||
|
|
<li><a href="#">Interviews </a></li>
|
||
|
|
<li><a href="#">Design</a></li>
|
||
|
|
</ul>
|
||
|
|
<!-- blog media -->
|
||
|
|
<div class="blog-media fl-wrap">
|
||
|
|
<a href="blog-single.html" ><img src="images/folio/1.jpg" class="respimg" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<!-- blog media end -->
|
||
|
|
<div class="blog-text fl-wrap">
|
||
|
|
<div class="pr-tags fl-wrap">
|
||
|
|
<span>Tags : </span>
|
||
|
|
<ul>
|
||
|
|
<li><a href="#">Architecture</a></li>
|
||
|
|
<li><a href="#">Design</a></li>
|
||
|
|
<li><a href="#">Photography</a></li>
|
||
|
|
<li><a href="#">House</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<h3><a href="blog-single.html" >Aliquip pertinax <strong>vix ad </strong></a></h3>
|
||
|
|
<p>
|
||
|
|
Vestibulum orci felis, ullamcorper non condimentum non, ultrices ac nunc. Mauris non ligula suscipit, vulputate mi accumsan, dapibus felis. Nullam sed sapien dui. Nulla auctor sit amet sem non porta. Praesent eu massa vel diam laoreet elementum ac sed felis. Donec suscipit ultricies risus sed mollis. Donec volutpat porta risus posuere imperdiet. Sed viverra dolor sed dolor placerat ornare ut . Integer iaculis tellus nulla, quis imperdiet magna venenatis vitae..
|
||
|
|
</p>
|
||
|
|
<a href="blog-single.html" class="btn float-btn flat-btn">Read more </a>
|
||
|
|
<ul class="post-counter">
|
||
|
|
<li><i class="fa fa-eye"></i><span>687</span></li>
|
||
|
|
<li><i class="fa fa-comment-o"></i><span>10</span></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- post end-->
|
||
|
|
<!-- post -->
|
||
|
|
<div class="post fl-wrap fw-post">
|
||
|
|
<h2><span>Blog post title</span></h2>
|
||
|
|
<ul class="blog-title-opt">
|
||
|
|
<li><a href="#">12 may 2017</a></li>
|
||
|
|
<li> - </li>
|
||
|
|
<li><a href="#">Interviews </a></li>
|
||
|
|
<li><a href="#">Design</a></li>
|
||
|
|
</ul>
|
||
|
|
<!-- blog media -->
|
||
|
|
<div class="blog-media fl-wrap">
|
||
|
|
<div class="iframe-holder">
|
||
|
|
<div class="resp-video">
|
||
|
|
<iframe src="https://player.vimeo.com/video/24506451" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- blog media end -->
|
||
|
|
<div class="blog-text fl-wrap">
|
||
|
|
<div class="pr-tags fl-wrap">
|
||
|
|
<span>Tags : </span>
|
||
|
|
<ul>
|
||
|
|
<li><a href="#">Architecture</a></li>
|
||
|
|
<li><a href="#">Design</a></li>
|
||
|
|
<li><a href="#">Photography</a></li>
|
||
|
|
<li><a href="#">House</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<h3><a href="blog-single.html" >Aliquip pertinax <strong>vix ad </strong></a></h3>
|
||
|
|
<p>
|
||
|
|
Vestibulum orci felis, ullamcorper non condimentum non, ultrices ac nunc. Mauris non ligula suscipit, vulputate mi accumsan, dapibus felis. Nullam sed sapien dui. Nulla auctor sit amet sem non porta. Praesent eu massa vel diam laoreet elementum ac sed felis. Donec suscipit ultricies risus sed mollis. Donec volutpat porta risus posuere imperdiet. Sed viverra dolor sed dolor placerat ornare ut . Integer iaculis tellus nulla, quis imperdiet magna venenatis vitae..
|
||
|
|
</p>
|
||
|
|
<a href="blog-single.html" class="btn float-btn flat-btn">Read more </a>
|
||
|
|
<ul class="post-counter">
|
||
|
|
<li><i class="fa fa-eye"></i><span>687</span></li>
|
||
|
|
<li><i class="fa fa-comment-o"></i><span>10</span></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- post end-->
|
||
|
|
<!-- post -->
|
||
|
|
<div class="post fl-wrap fw-post">
|
||
|
|
<h2><span>Blog post title</span></h2>
|
||
|
|
<ul class="blog-title-opt">
|
||
|
|
<li><a href="#">12 may 2017</a></li>
|
||
|
|
<li> - </li>
|
||
|
|
<li><a href="#">Interviews </a></li>
|
||
|
|
<li><a href="#">Design</a></li>
|
||
|
|
</ul>
|
||
|
|
<!-- blog media -->
|
||
|
|
<div class="blog-media fl-wrap">
|
||
|
|
<a href="blog-single.html" ><img src="images/folio/1.jpg" class="respimg" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<!-- blog media end -->
|
||
|
|
<div class="blog-text fl-wrap">
|
||
|
|
<div class="pr-tags fl-wrap">
|
||
|
|
<span>Tags : </span>
|
||
|
|
<ul>
|
||
|
|
<li><a href="#">Architecture</a></li>
|
||
|
|
<li><a href="#">Design</a></li>
|
||
|
|
<li><a href="#">Photography</a></li>
|
||
|
|
<li><a href="#">House</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<h3><a href="blog-single.html" >Aliquip pertinax <strong>vix ad </strong></a></h3>
|
||
|
|
<p>
|
||
|
|
Vestibulum orci felis, ullamcorper non condimentum non, ultrices ac nunc. Mauris non ligula suscipit, vulputate mi accumsan, dapibus felis. Nullam sed sapien dui. Nulla auctor sit amet sem non porta. Praesent eu massa vel diam laoreet elementum ac sed felis. Donec suscipit ultricies risus sed mollis. Donec volutpat porta risus posuere imperdiet. Sed viverra dolor sed dolor placerat ornare ut . Integer iaculis tellus nulla, quis imperdiet magna venenatis vitae..
|
||
|
|
</p>
|
||
|
|
<a href="blog-single.html" class="btn float-btn flat-btn">Read more </a>
|
||
|
|
<ul class="post-counter">
|
||
|
|
<li><i class="fa fa-eye"></i><span>687</span></li>
|
||
|
|
<li><i class="fa fa-comment-o"></i><span>10</span></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- post end-->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- blog-sidebar -->
|
||
|
|
<div class="col-md-4">
|
||
|
|
<div class="blog-sidebar fl-wrap fixed-bar">
|
||
|
|
<!-- widget-wrap -->
|
||
|
|
<div class="widget-wrap fl-wrap">
|
||
|
|
<h4 class="widget-title"><span>01.</span> Search</h4>
|
||
|
|
<div class="widget-container fl-wrap">
|
||
|
|
<div class="searh-holder">
|
||
|
|
<form action="#" class="searh-inner fl-wrap">
|
||
|
|
<input name="se" id="se" type="text" class="search" placeholder="Search.." value="Search..." />
|
||
|
|
<button class="search-submit" id="submit_btn"><i class="fa fa-search transition"></i> </button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- widget-wrap end -->
|
||
|
|
<!-- widget-wrap -->
|
||
|
|
<div class="widget-wrap fl-wrap">
|
||
|
|
<h4 class="widget-title"><span>02.</span> About Author</h4>
|
||
|
|
<div class="widget-container fl-wrap">
|
||
|
|
<div class="about-widget fl-wrap">
|
||
|
|
<img src="images/team/1.jpg" alt="">
|
||
|
|
<p>Etiam in nulla arcu, ut vehicula velit. Vivamus dapibus rutrum mi ut aliquam. In hac habitasse platea dictumst. Integer sagittis neque a tortor tempor in porta sem vulputate.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- widget-wrap end -->
|
||
|
|
<!-- widget-wrap -->
|
||
|
|
<div class="widget-wrap fl-wrap">
|
||
|
|
<h4 class="widget-title"><span>03.</span> Last Posts</h4>
|
||
|
|
<div class="widget-container fl-wrap">
|
||
|
|
<div class="widget-posts fl-wrap">
|
||
|
|
<ul>
|
||
|
|
<li class="clearfix">
|
||
|
|
<a href="#" class="widget-posts-img"><img src="images/folio/1.jpg" class="respimg" alt=""></a>
|
||
|
|
<div class="widget-posts-descr">
|
||
|
|
<a href="#" title="">Vivamus dapibus rutrum</a>
|
||
|
|
<span class="widget-posts-date"> 21 Mar 09.05 </span>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="clearfix">
|
||
|
|
<a href="#" class="widget-posts-img"><img src="images/folio/1.jpg" class="respimg" alt=""></a>
|
||
|
|
<div class="widget-posts-descr">
|
||
|
|
<a href="#" title=""> In hac habitasse platea</a>
|
||
|
|
<span class="widget-posts-date"> 7 Mar 18.21 </span>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="clearfix">
|
||
|
|
<a href="#" class="widget-posts-img"><img src="images/folio/1.jpg" class="respimg" alt=""></a>
|
||
|
|
<div class="widget-posts-descr">
|
||
|
|
<a href="#" title="">Tortor tempor in porta</a>
|
||
|
|
<span class="widget-posts-date"> 7 Mar 16.42 </span>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="clearfix">
|
||
|
|
<a href="#" class="widget-posts-img"><img src="images/folio/1.jpg" class="respimg" alt=""></a>
|
||
|
|
<div class="widget-posts-descr">
|
||
|
|
<a href="#" title="">Praesent aliquet tortor</a>
|
||
|
|
<span class="widget-posts-date"> 2 Mar 14.42 </span>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- widget-wrap end -->
|
||
|
|
<!-- widget-wrap -->
|
||
|
|
<div class="widget-wrap fl-wrap">
|
||
|
|
<h4 class="widget-title"><span>04.</span> Tags</h4>
|
||
|
|
<div class="widget-container fl-wrap">
|
||
|
|
<ul class="tagcloud">
|
||
|
|
<li><a href='#' class="transition link">Portfolio</a></li>
|
||
|
|
<li><a href='#' class="transition link">Tag</a></li>
|
||
|
|
<li><a href='#' class="transition link">Demo</a></li>
|
||
|
|
<li><a href='#' class="transition link">Blog</a></li>
|
||
|
|
<li><a href='#' class="transition link">Photography</a></li>
|
||
|
|
<li><a href='#' class="transition link">Web desighn</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- widget-wrap end -->
|
||
|
|
<!-- widget-wrap -->
|
||
|
|
<div class="widget-wrap fl-wrap">
|
||
|
|
<h4 class="widget-title"><span>05.</span>Our Instagram</h4>
|
||
|
|
<div class="widget-container fl-wrap">
|
||
|
|
<div class='jr-insta-thumb'>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="#"><img src="images/instagram/1.jpg" alt=""></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#"><img src="images/instagram/1.jpg" alt=""></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#"><img src="images/instagram/1.jpg" alt=""></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#"><img src="images/instagram/1.jpg" alt=""></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#"><img src="images/instagram/1.jpg" alt=""></a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#"><img src="images/instagram/1.jpg" alt=""></a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- widget-wrap end -->
|
||
|
|
<!-- widget-wrap -->
|
||
|
|
<div class="widget-wrap fl-wrap">
|
||
|
|
<h4 class="widget-title"><span>06.</span> Categories</h4>
|
||
|
|
<div class="widget-container fl-wrap">
|
||
|
|
<ul class="cat-item">
|
||
|
|
<li><a href="#">Standard</a> <span>(3)</span></li>
|
||
|
|
<li><a href="#">Video</a> <span>(6) </span></li>
|
||
|
|
<li><a href="#">Gallery</a> <span>(12) </span></li>
|
||
|
|
<li><a href="#">Quotes</a> <span>(4)</span></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- widget-wrap end -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- blog-sidebar end -->
|
||
|
|
<div class="limit-box fl-wrap"></div>
|
||
|
|
</div>
|
||
|
|
<div class="content-nav blog-nav">
|
||
|
|
<ul>
|
||
|
|
<li><a href="blog.html" class="ln"><i class="fa fa fa-angle-left"></i><span class="tooltip">Prev - Page 1</span></a></li>
|
||
|
|
<li>
|
||
|
|
<a href="#" class="cur-page"><span>Page 02. </span></a>
|
||
|
|
</li>
|
||
|
|
<li><a href="blog.html" class="rn"><i class="fa fa fa-angle-right"></i><span class="tooltip">Next - Page 3 </span></a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- section end-->
|
||
|
|
</div>
|
||
|
|
<!-- content end -->
|
||
|
|
<?php include 'include/footer.php';?>
|
||
|
|
</body>
|
||
|
|
</html>
|