165 lines
6.4 KiB
Plaintext
165 lines
6.4 KiB
Plaintext
<div class="blog-classic">
|
|
<div class="date right">
|
|
24
|
|
<span>MAR 2015</span>
|
|
</div>
|
|
<div class="blog-post">
|
|
<div class="full-width">
|
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/2.jpg" alt="" />
|
|
</div>
|
|
<h4 class="text-uppercase"><a href="blog-single.html">standard blog post with photo</a></h4>
|
|
<ul class="post-meta">
|
|
<li>
|
|
<i class="fa fa-user"></i>posted by <a href="#">admin</a>
|
|
</li>
|
|
<li>
|
|
<i class="fa fa-folder-open"></i> <a href="#">lifestyle</a>, <a href="#">travel</a>, <a href="#">fashion</a>
|
|
</li>
|
|
<li>
|
|
<i class="fa fa-comments"></i> <a href="#">4 comments</a>
|
|
</li>
|
|
</ul>
|
|
<p>
|
|
Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
|
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
|
|
</p>
|
|
<a href="blog-single.html" class="btn btn-small btn-dark-solid "> Continue Reading</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!--classic text post-->
|
|
<div class="blog-classic">
|
|
<div class="date right">
|
|
17
|
|
<span>MAR 2015</span>
|
|
</div>
|
|
<div class="blog-post">
|
|
<h4 class="text-uppercase"><a href="blog-single.html">standard Text post</a></h4>
|
|
<ul class="post-meta">
|
|
<li>
|
|
<i class="fa fa-user"></i>posted by <a href="#">admin</a>
|
|
</li>
|
|
<li>
|
|
<i class="fa fa-folder-open"></i> <a href="#">lifestyle</a>, <a href="#">travel</a>, <a href="#">fashion</a>
|
|
</li>
|
|
<li>
|
|
<i class="fa fa-comments"></i> <a href="#">4 comments</a>
|
|
</li>
|
|
</ul>
|
|
<p>
|
|
Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
|
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
|
|
</p>
|
|
<a href="blog-single.html" class="btn btn-small btn-dark-solid "> Continue Reading</a>
|
|
</div>
|
|
</div>
|
|
<!--classic text post-->
|
|
<!--classic quote post-->
|
|
<div class="blog-classic">
|
|
<div class="date right">
|
|
17
|
|
<span>MAR 2015</span>
|
|
</div>
|
|
<div class="blog-post">
|
|
<blockquote class="quote-post">
|
|
<p>
|
|
Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error
|
|
</p>
|
|
</blockquote>
|
|
<span>- Princes Meridina</span>
|
|
</div>
|
|
</div>
|
|
<!--classic quote post-->
|
|
<!--classic audio post-->
|
|
<div class="blog-classic">
|
|
<div class="date right">
|
|
15
|
|
<span>MAR 2015</span>
|
|
</div>
|
|
<div class="blog-post">
|
|
<p class="audio-fit m-bot-50">
|
|
<iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/115637399&color=ff5500&auto_play=false&show_artwork=true"></iframe>
|
|
</p>
|
|
|
|
<h4 class="text-uppercase"><a href="blog-single.html">Audio post</a></h4>
|
|
<ul class="post-meta">
|
|
<li>
|
|
<i class="fa fa-user"></i>posted by <a href="#">admin</a>
|
|
</li>
|
|
<li>
|
|
<i class="fa fa-folder-open"></i> <a href="#">lifestyle</a>, <a href="#">travel</a>, <a href="#">fashion</a>
|
|
</li>
|
|
<li>
|
|
<i class="fa fa-comments"></i> <a href="#">4 comments</a>
|
|
</li>
|
|
</ul>
|
|
<p>
|
|
Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
|
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
|
|
</p>
|
|
<a href="blog-single.html" class="btn btn-small btn-dark-solid "> Continue Reading</a>
|
|
</div>
|
|
</div>
|
|
<!--classic audio post-->
|
|
<!--classic video post-->
|
|
<div class="blog-classic">
|
|
<div class="date right">
|
|
10
|
|
<span>MAR 2015</span>
|
|
</div>
|
|
<div class="blog-post">
|
|
<p class="video-fit m-bot-50">
|
|
<iframe width="560" height="315" src="//www.youtube.com/embed/lq_BVyou38s" allowfullscreen></iframe>
|
|
</p>
|
|
<h4 class="text-uppercase"><a href="blog-single.html">Video post</a></h4>
|
|
<ul class="post-meta">
|
|
<li>
|
|
<i class="fa fa-user"></i>posted by <a href="#">admin</a>
|
|
</li>
|
|
<li>
|
|
<i class="fa fa-folder-open"></i> <a href="#">lifestyle</a>, <a href="#">travel</a>, <a href="#">fashion</a>
|
|
</li>
|
|
<li>
|
|
<i class="fa fa-comments"></i> <a href="#">4 comments</a>
|
|
</li>
|
|
</ul>
|
|
<p>
|
|
Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
|
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
|
|
</p>
|
|
<a href="blog-single.html" class="btn btn-small btn-dark-solid "> Continue Reading</a>
|
|
</div>
|
|
|
|
</div>
|
|
<!--classic video post-->
|
|
<!--pagination-->
|
|
<div class="text-center">
|
|
<ul class="pagination custom-pagination">
|
|
<li>
|
|
<a href="#">Prev</a>
|
|
</li>
|
|
<li class="active">
|
|
<a href="#">1</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">2</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">3</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">4</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">5</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Next</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
@code {
|
|
|
|
}
|