Widget Blog

List of widget blog being used on the Minimog

Search

Categories

<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>

Recent comments

Recent Comments

<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>

Recent Posts

<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>

Tags

<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>

Instagram

<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>