List of widget blog being used on the Minimog
<div style="max-width:270px"> <div class="card border-0 widget-category"> <div class="card-header bg-transparent border-0 p-0"> <h3 class="card-title fs-18 mb-0 font-weight-500"> Categories </h3> </div> <div class="card-body px-0 pt-2 pb-0"> <ul class="list-unstyled mb-0"> <li class="mb-1 category-item"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Sweaters</a> <span class="fs-12 font-weight-500 number">30</span> </li> <li class="mb-1 category-item"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Beauty</a> <span class="fs-12 font-weight-500 number">30</span> </li> <li class="mb-1 category-item"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Fashion</a> <span class="fs-12 font-weight-500 number">30</span> </li> <li class="mb-1 category-item"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Shopping</a> <span class="fs-12 font-weight-500 number">30</span> </li> <li class="mb-1 category-item"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Trends</a> <span class="fs-12 font-weight-500 number">30</span> </li> </ul> </div> </div> </div>
Jason Freidlich
on Wild Days In Oregon
Ant Eksiler
onWild Days In Oregon
onAutumn 2019 Lookbook
<div style="max-width:340px"> <div class="card border-0"> <div class="card-header bg-transparent border-0 p-0"> <h3 class="card-title fs-18 font-weight-500 mb-0"> Recent Comments </h3> </div> <div class="card-body px-0 pt-2 pb-0"> <ul class="list-unstyled mb-0"> <li class="mb-6"> <div class="media"> <div class="mr-2 fs-15 lh-1 mt-2 text-primary"><i class="fal fa-comment-dots"></i></div> <div class="media-body"> <p class="mb-0 text-primary ">Jason Freidlich</p> <p class="text-primary mb-0"><span class="font-weight-300 font-italic d-inline-block mr-1">on</span> <a href="#" class="font-weight-500">Wild Days In Oregon</a></p> </div> </div> </li> <li class="mb-6"> <div class="media"> <div class="mr-2 fs-15 lh-1 mt-2 text-primary"><i class="fal fa-comment-dots"></i></div> <div class="media-body"> <p class="mb-0 text-primary ">Ant Eksiler </p> <p class="text-primary mb-0"><span class="font-weight-300 font-italic d-inline-block mr-1">on</span><a href="#" class="font-weight-500">Wild Days In Oregon</a></p> </div> </div> </li> <li class="mb-0"> <div class="media"> <div class="mr-2 fs-15 lh-1 mt-2 text-primary"><i class="fal fa-comment-dots"></i></div> <div class="media-body"> <p class="mb-0 text-primary ">Ant Eksiler</p> <p class="text-primary mb-0"><span class="font-weight-300 font-italic d-inline-block mr-1">on</span><a href="#" class="font-weight-500">Autumn 2019 Lookbook</a></p> </div> </div> </li> </ul> </div> </div> </div>
<div style="max-width:270px"> <div class="card border-0 mb-8"> <div class="card-header bg-transparent border-0 p-0"> <h3 class="card-title fs-18 font-weight-500 mb-0"> Recent Posts </h3> </div> <div class="card-body px-0 pt-4 pb-0"> <ul class="list-unstyled mb-0"> <li class="mb-4"> <div class="media"> <a href="#" class="d-block mr-2"><img src="../../images/recent-post-01.jpg" alt="Sampson Totton"></a> <div class="media-body"> <a href="#" class="fs-11 text-uppercase letter-spacing-0458333px mb-0 d-block lh-1444"> fashion tips</a> <a href="../../blog-detail-01.html" class="font-weight-500 lh-14375 d-block">How to care for your cotton.</a> </div> </div> </li> <li class="mb-4"> <div class="media"> <a href="#" class="d-block mr-2"><img src="../../images/recent-post-02.jpg" alt="Sampson Totton"></a> <div class="media-body"> <a href="#" class="fs-11 text-uppercase letter-spacing-0458333px mb-0 d-block lh-1444"> Skin care</a> <a href="../../blog-detail-01.html" class="font-weight-500 lh-14375 d-block">Time for new start ? We’re hiring </a> </div> </div> </li> <li class="mb-4"> <div class="media align-items-center"> <a href="#" class="d-block mr-2"><img src="../../images/recent-post-03.jpg" alt="Sampson Totton"></a> <div class="media-body"> <a href="#" class="fs-11 text-uppercase letter-spacing-0458333px mb-0 d-block lh-1444"> tips</a> <a href="../../blog-detail-01.html" class="font-weight-500 lh-14375 d-block">Black live matter </a> </div> </div> </li> </ul> </div> </div> </div>
<div style="max-width:270px"> <div class="card border-0"> <div class="card-header bg-transparent border-0 p-0"> <h3 class="card-title fs-18 font-weight-500 mb-0"> Tags </h3> </div> <div class="card-body px-0 pt-1 pb-0"> <ul class="list-inline mb-0"> <li class="list-inline-item mr-2 py-1"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Vintage</a> </li> <li class="list-inline-item mr-2 py-1"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Awesome</a> </li> <li class="list-inline-item mr-2 py-1"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Summer</a> </li> <li class="list-inline-item mr-2 py-1"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Beachwear</a> </li> <li class="list-inline-item mr-2 py-1"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Sunglasses</a> </li> <li class="list-inline-item mr-2 py-1"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Winter</a> </li> <li class="list-inline-item mr-2 py-1"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Shorts</a> </li> <li class="list-inline-item mr-2 py-1"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Cool</a> </li> <li class="list-inline-item mr-2 py-1"> <a href="#" class="text-body hover-primary text-decoration-underline d-inline-block lh-12">Nice</a> </li> </ul> </div> </div> </div>
<div style="max-width:270px"> <div class="card border-0 widget-instagram"> <div class="card-header bg-transparent border-0 p-0"> <h3 class="card-title fs-18 font-weight-500 mb-0"> Instagram </h3> </div> <div class="card-body px-0 pt-4 pb-0"> <div class="row mx-n1"> <div class="col-4 item"> <a href="#" class="d-block"> <img src="../../images/instagram-widget-01.jpg" alt="Instagram"> </a> </div> <div class="col-4 item"> <a href="#" class="d-block"> <img src="../../images/instagram-widget-02.jpg" alt="Instagram"> </a> </div> <div class="col-4 item"> <a href="#" class="d-block"> <img src="../../images/instagram-widget-03.jpg" alt="Instagram"> </a> </div> <div class="col-4 item"> <a href="#" class="d-block"> <img src="../../images/instagram-widget-04.jpg" alt="Instagram"> </a> </div> <div class="col-4 item"> <a href="#" class="d-block"> <img src="../../images/instagram-widget-05.jpg" alt="Instagram"> </a> </div> <div class="col-4 item"> <a href="#" class="d-block"> <img src="../../images/instagram-widget-06.jpg" alt="Instagram"> </a> </div> <a href="#" class="d-block mt-2 lh-14"><span class="d-inline-block mr-1"><i class="fab fa-instagram"></i></span>@furnitor.stu</a> </div> </div> </div> </div>