<!-- Introduction menu -->
|
|
<div class="w3-col l4">
|
|
|
|
<!-- About Card -->
|
|
|
|
<div class="w3-card w3-margin w3-margin-top">
|
|
|
|
<img src="/w3images/avatar_g.jpg" style="width:100%">
|
|
|
|
<div class="w3-container w3-white">
|
|
|
|
<h4><b>My Name</b></h4>
|
|
|
|
<p>Just me, myself and I, exploring the universe of uknownment. I have a heart of love and a interest of lorem ipsum and mauris neque quam blog. I want to share my world with you.</p>
|
|
|
|
</div>
|
|
|
|
</div><hr>
|
|
|
|
|
|
|
|
<!-- Posts -->
|
|
|
|
<div class="w3-card w3-margin">
|
|
|
|
<div class="w3-container w3-padding">
|
|
|
|
<h4>Popular Posts</h4>
|
|
|
|
</div>
|
|
|
|
<ul class="w3-ul w3-hoverable w3-white">
|
|
|
|
<li class="w3-padding-16">
|
|
|
|
<img src="/w3images/workshop.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
|
|
|
|
<span class="w3-large">Lorem</span><br>
|
|
|
|
<span>Sed mattis nunc</span>
|
|
|
|
</li>
|
|
|
|
<li class="w3-padding-16">
|
|
|
|
<img src="/w3images/gondol.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
|
|
|
|
<span class="w3-large">Ipsum</span><br>
|
|
|
|
<span>Praes tinci sed</span>
|
|
|
|
</li>
|
|
|
|
<li class="w3-padding-16">
|
|
|
|
<img src="/w3images/skies.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
|
|
|
|
<span class="w3-large">Dorum</span><br>
|
|
|
|
<span>Ultricies congue</span>
|
|
|
|
</li>
|
|
|
|
<li class="w3-padding-16 w3-hide-medium w3-hide-small">
|
|
|
|
<img src="/w3images/rock.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
|
|
|
|
<span class="w3-large">Mingsum</span><br>
|
|
|
|
<span>Lorem ipsum dipsum</span>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
|
|
|
|
<!-- Labels / tags -->
|
|
|
|
<div class="w3-card w3-margin">
|
|
|
|
<div class="w3-container w3-padding">
|
|
|
|
<h4>Tags</h4>
|
|
|
|
</div>
|
|
|
|
<div class="w3-container w3-white">
|
|
|
|
<p><span class="w3-tag w3-black w3-margin-bottom">Travel</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">New York</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">London</span>
|
|
|
|
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">IKEA</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">NORWAY</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">DIY</span>
|
|
|
|
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Ideas</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Baby</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Family</span>
|
|
|
|
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">News</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Clothing</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Shopping</span>
|
|
|
|
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Sports</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Games</span>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- END Introduction Menu -->
|
|
|
|
</div>
|