Recent articles

                                            
                                                <!-- Recent Article -->
                                                <div class="container space-1 mt-3 mb-4">
                                                    <div class="w-md-80 w-lg-50 text-center mx-md-auto mb-5">
                                                        <h2 class="section-title text-black font-size-30 font-weight-bold mb-0">Recent Article</h2>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-6 col-lg-4">
                                                            <div class="mb-4 mb-lg-0 text-md-center text-lg-left">
                                                                <a class="d-block mb-3" href="#">
                                                                    <img class="img-fluid rounded-xs w-100" src="../../assets/img/410x300/img1.jpg" alt="Image-Description">
                                                                </a>
                                                                <h6 class="font-size-17 pt-xl-1 font-weight-bold font-weight-bold mb-1">
                                                                    <a href="#">How to travel with paper map</a>
                                                                </h6>
                                                                <a class="text-gray-1" href="#">
                                                                    <span>June 6, 2019</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-4">
                                                            <div class="mb-4 mb-lg-0 text-md-center text-lg-left">
                                                                <a class="d-block mb-3" href="#">
                                                                    <img class="img-fluid rounded-xs w-100" src="../../assets/img/410x300/img2.jpg" alt="Image-Description">
                                                                </a>
                                                                <h6 class="font-size-17 pt-xl-1 font-weight-bold font-weight-bold mb-1">
                                                                    <a href="#">Change your place and get fresh air</a>
                                                                </h6>
                                                                <a class="text-gray-1" href="#">
                                                                    <span>June 6, 2019</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-4">
                                                            <div class="mb-0 text-md-center text-lg-left">
                                                                <a class="d-block mb-3" href="#">
                                                                    <img class="img-fluid rounded-xs w-100" src="../../assets/img/410x300/img3.jpg" alt="Image-Description">
                                                                </a>
                                                                <h6 class="font-size-17 pt-xl-1 font-weight-bold font-weight-bold mb-1">
                                                                    <a href="#">Pityful a rethoric question ran</a>
                                                                </h6>
                                                                <a class="text-gray-1" href="#">
                                                                    <span>June 6, 2019</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- End Recent Article -->