235 lines
13 KiB
Plaintext
235 lines
13 KiB
Plaintext
@page "/profile"
|
|
|
|
<section class="body-content ">
|
|
|
|
<div class="page-content">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-sm-12 col-md-4" style="max-height:80vh; overflow-y:hidden;">
|
|
|
|
<!--search widget-->
|
|
<div class="widget">
|
|
<form class="form-inline form" role="form">
|
|
<div class="search-row">
|
|
<button class="search-btn" type="submit" title="Search">
|
|
<i class="fa fa-search"></i>
|
|
</button>
|
|
<input type="text" class="form-control" placeholder="Search...">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!--search widget-->
|
|
<!--author widget-->
|
|
<div class="widget">
|
|
|
|
<div class="full-width avatar" style="max-height:250px; overflow-y:hidden">
|
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/2.jpg" alt="" />
|
|
</div>
|
|
<p>Persuaded to return to the shoemaker's shop, young Edward struggled on till three years of his wretched apprenticeship had passed over.</p>
|
|
|
|
<span class="">- Nelson Leonard</span>
|
|
</div>
|
|
<!--author widget-->
|
|
|
|
|
|
|
|
</div>
|
|
<div class="col-sm-12 col-md-8" style="max-height:80vh; overflow-y:scroll;">
|
|
<!--classic image post-->
|
|
<MissNationSharedUI.Shared.Components.Layout.FeedComponent></MissNationSharedUI.Shared.Components.Layout.FeedComponent>
|
|
<!--classic image post-->
|
|
<!--classic gallery post-->
|
|
<div class="blog-classic">
|
|
<div class="date right">
|
|
20
|
|
<span>MAR 2015</span>
|
|
</div>
|
|
<div class="blog-post">
|
|
<div class="full-width ">
|
|
<div class="post-slider post-img text-center relative">
|
|
<ul class="slides">
|
|
<li>
|
|
<a href="javascript:;" title="Freshness Photo">
|
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/3.jpg" alt="">
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:;" title="Awesome Lightbox">
|
|
<img src="assets/img/post/p2.jpg" alt="">
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:;" title="Massive UI Components">
|
|
<img src="assets/img/post/p1.jpg" alt="">
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<h4 class="text-uppercase"><a href="blog-single.html">Gallery Image 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 gallery post-->
|
|
<!--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>
|
|
<!--pagination-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
@code {
|
|
|
|
}
|