Widget Blog
List of widget blog being used on the Glowing
Search
Search
<div style="max-width:340px">
<div class="card border-0 mb-8">
<div class="card-header bg-transparent border-0 p-0">
<h3 class="card-title fs-20 mb-0">
Search
</h3>
</div>
<div class="card-body px-0 pt-3 pb-0">
<form class="mx-auto w-100">
<div class="input-group">
<div class="input-group-prepend position-absolute z-index-10">
<button class="btn border-0 bg-transparent text-secondary fs-20 px-4 lh-14" type="submit" id="button-addon1"><i class="far fa-search"></i></button>
</div>
<input type="text" class="form-control border-0 pl-8 rounded" placeholder="Search" aria-describedby="button-addon1">
</div>
</form>
</div>
</div>
</div>Categories
Categories
<div style="max-width:340px">
<div class="card border-0 mb-8">
<div class="card-header bg-transparent border-0 p-0">
<h3 class="card-title fs-20 mb-0">
Categories
</h3>
</div>
<div class="card-body px-0 pt-2 pb-0">
<ul class="list-unstyled mb-0">
<li class="lh-2">
<a href="#"
class="text-body hover-secondary">Make up</a>
</li>
<li class="lh-2">
<a href="#"
class="text-body hover-secondary">Skin care </a>
</li>
<li class="lh-2">
<a href="#"
class="text-body hover-secondary">How to’s </a>
</li>
<li class="lh-2">
<a href="#"
class="text-body hover-secondary">Tips </a>
</li>
<li class="lh-2">
<a href="#"
class="text-body hover-secondary">Hair & body</a>
</li>
</ul>
</div>
</div>
</div>Recent Posts
Recent Posts
<div style="max-width:340px">
<div class="card border-0 mb-8">
<div class="card-header bg-transparent border-0 p-0">
<h3 class="card-title fs-20 mb-0">
Recent Posts
</h3>
</div>
<div class="card-body px-0 pt-3 pb-0">
<ul class="list-unstyled mb-0">
<li class="mb-4">
<div class="media align-items-center">
<a href="#" class="d-block w-60px mr-4"><img
src="../../images/recent-post-01.jpg"
alt="Sampson Totton"></a>
<div class="media-body">
<p class="fs-13 mb-0 text-uppercase letter-spacing-01 mb-1 font-weight-600">
Skin care</p>
<a href="../../blog-detail-01.html">Why You Should Try an Overnight Balm </a>
</div>
</div>
</li>
<li class="mb-4">
<div class="media align-items-center">
<a href="#" class="d-block w-60px mr-4"><img
src="../../images/recent-post-02.jpg"
alt="Sampson Totton"></a>
<div class="media-body">
<p class="fs-13 mb-0 text-uppercase letter-spacing-01 mb-1 font-weight-600">
Skin care</p>
<a href="../../blog-detail-01.html">How to Plop Hair for Bouncy, Beautiful Curls </a>
</div>
</div>
</li>
<li class="mb-4">
<div class="media align-items-center">
<a href="#" class="d-block w-60px mr-4"><img
src="../../images/recent-post-03.jpg"
alt="Sampson Totton"></a>
<div class="media-body">
<p class="fs-13 mb-0 text-uppercase letter-spacing-01 mb-1 font-weight-600">
tips</p>
<a href="../../blog-detail-01.html">Which foundation formula is right for your skin? </a>
</div>
</div>
</li>
<li class="mb-0">
<div class="media align-items-center">
<a href="#" class="d-block w-60px mr-4"><img
src="../../images/recent-post-04.jpg"
alt="Sampson Totton"></a>
<div class="media-body">
<p class="fs-13 mb-0 text-uppercase letter-spacing-01 mb-1 font-weight-600">
Skin care</p>
<a href="../../blog-detail-01.html">A User-Friendly Guide to Natural Cleansers </a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>Banner
<div style="max-width:340px">
<div class="card border-0 mb-8 hover-shine banner banner-05">
<div class="card-img bg-img-cover-center" style="background-image: url('../../images/sidebar-blog-01.jpg');"></div>
<div class="card-img-overlay d-inline-flex flex-column px-7 px-xl-10 pt-5 pb-4 text-center z-index-3">
<h3 class="card-title fs-30 lh-12 text-white text-uppercase">Be your kind of beauty</h3>
<div class="mt-auto">
<a href="#"
class="fs-16 font-weight-600 btn text-secondary hover-white bg-white bg-hover-secondary shadow-1">Explore
More</a>
</div>
</div>
</div>
</div>Tag
<div style="max-width:340px">
<div class="card border-0 mb-7">
<div class="card-header bg-transparent border-0 p-0">
<h3 class="card-title fs-20 mb-0">
Tags
</h3>
</div>
<div class="card-body px-0 pt-3 pb-0">
<ul class="list-inline mb-0">
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">Cleansing</a>
</li>
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">Make up</a>
</li>
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">eye cream</a>
</li>
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">nail</a>
</li>
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">oil</a>
</li>
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">shampoo</a>
</li>
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">coffee bean</a>
</li>
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">healthy</a>
</li>
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">skin care</a>
</li>
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">sale</a>
</li>
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">Cosmetics</a>
</li>
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">Natural cleansers</a>
</li>
<li class="list-inline-item mr-2 pb-1">
<a href="#"
class="text-body hover-secondary border-bottom border-white border-hover-secondary d-inline-block text-decoration-none">Organic</a>
</li>
</ul>
</div>
</div>
</div>@GRACE
<div style="max-width:340px">
<div class="card border-0 widget-instagram">
<div class="card-header bg-transparent border-0 p-0 d-flex justify-content-between">
<h3 class="card-title fs-20 mb-0">
Instagram
</h3>
<p class="text-primary text-uppercase mb-0">@GRACE</p>
</div>
<div class="card-body px-0 pt-3 pb-0">
<div class="row mx-n1">
<div class="col-6 col-md-4 item p-1">
<a href="#" class="d-block">
<img src="../../images/instagram-01.jpg" alt="Instagram">
</a>
</div>
<div class="col-6 col-md-4 item p-1">
<a href="#" class="d-block">
<img src="../../images/instagram-02.jpg" alt="Instagram">
</a>
</div>
<div class="col-6 col-md-4 item p-1">
<a href="#" class="d-block">
<img src="../../images/instagram-03.jpg" alt="Instagram">
</a>
</div>
<div class="col-6 col-md-4 item p-1">
<a href="#" class="d-block">
<img src="../../images/instagram-04.jpg" alt="Instagram">
</a>
</div>
<div class="col-6 col-md-4 item p-1">
<a href="#" class="d-block">
<img src="../../images/instagram-07.jpg" alt="Instagram">
</a>
</div>
<div class="col-6 col-md-4 item p-1">
<a href="#" class="d-block">
<img src="../../images/instagram-05.jpg" alt="Instagram">
</a>
</div>
</div>
</div>
</div>
</div>