Blog

                        
<section class="blogs">
    <div class="container">
        <div class="blog-blocks">
        <h2>Blog Style 1</h2>
            <div class="blog1">
                <div class="row">
                    <div class="col-md-4">
                        <div class="blog-item">
                            <img src="sites/default/files/pexels-andrea-piacquadio-3775149@2x.jpg" alt="blog-image">
                            <span class="date"> SEP 12, 2022</span>
                            <h5>Lorem ispam text for sample
                                Lorem ispam text for sample
                            </h5>
                            <a href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="59" height="34.043" viewBox="0 0 59 34.043">
                                    <g id="arrow-right_1_" data-name="arrow-right (1)" transform="translate(2.5 3.521)">
                                    <path id="Path_28" data-name="Path 28" d="M0,0H52.786" transform="translate(0 13.5)" fill="none" stroke="#333239" stroke-linecap="round" stroke-width="5"/>
                                    <path id="Path_3" data-name="Path 3" d="M0,27,16.2,13.5,0,0" transform="translate(37.804 0)" fill="none" stroke="#333239" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
                                    </g>
                                </svg>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="blog-item">
                            <img src="sites/default/files/pexels-andrea-piacquadio-3775149@2x.jpg" alt="blog-image">
                            <span class="date"> SEP 12, 2022</span>
                            <h5>Lorem ispam text for sample
                                Lorem ispam text for sample
                            </h5>
                            <a href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="59" height="34.043" viewBox="0 0 59 34.043">
                                    <g id="arrow-right_1_" data-name="arrow-right (1)" transform="translate(2.5 3.521)">
                                    <path id="Path_28" data-name="Path 28" d="M0,0H52.786" transform="translate(0 13.5)" fill="none" stroke="#333239" stroke-linecap="round" stroke-width="5"/>
                                    <path id="Path_3" data-name="Path 3" d="M0,27,16.2,13.5,0,0" transform="translate(37.804 0)" fill="none" stroke="#333239" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
                                    </g>
                                </svg>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="blog-item">
                            <img src="sites/default/files/pexels-andrea-piacquadio-3775149@2x.jpg" alt="blog-image">
                            <span class="date"> SEP 12, 2022</span>
                            <h5>Lorem ispam text for sample
                                Lorem ispam text for sample
                            </h5>
                            <a href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="59" height="34.043" viewBox="0 0 59 34.043">
                                    <g id="arrow-right_1_" data-name="arrow-right (1)" transform="translate(2.5 3.521)">
                                    <path id="Path_28" data-name="Path 28" d="M0,0H52.786" transform="translate(0 13.5)" fill="none" stroke="#333239" stroke-linecap="round" stroke-width="5"/>
                                    <path id="Path_3" data-name="Path 3" d="M0,27,16.2,13.5,0,0" transform="translate(37.804 0)" fill="none" stroke="#333239" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
                                    </g>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        Copy to clipboard
                    

                        
<section class="blogs">
    <div class="container">
        <div class="blog-blocks">
            <h2>Blog Style 2</h2>
            <div class="blog2">
                <div class="row">
                    <div class="col-md-4">
                        <div class="blog-item">
                            <img src="sites/default/files/pexels-andrea-piacquadio-3775149@2x.jpg" alt="blog-image">
                            <span class="date"> SEP 8, 2021</span>
                            <h3>Lorem ispam text for sample
                                Lorem ispam text for sample
                            </h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>                                
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="blog-item">
                            <img src="sites/default/files/pexels-andrea-piacquadio-3775149@2x.jpg" alt="blog-image">
                            <span class="date"> SEP 12, 2022</span>
                            <h3>Lorem ispam text for sample
                                Lorem ispam text for sample
                            </h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>                                
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="blog-item">
                            <img src="sites/default/files/pexels-andrea-piacquadio-3775149@2x.jpg" alt="blog-image">
                            <span class="date"> SEP 12, 2022</span>
                            <h3>Lorem ispam text for sample
                                Lorem ispam text for sample
                            </h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p> 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        Copy to clipboard
                    

                        
<section class="blogs">
    <div class="container">
        <div class="blog-blocks">
            <h2>Blog Style 3</h2>
            <div class="blog3">
                <div class="row">
                    <div class="col-md-6">
                        <div class="blog-item">
                            <img src="sites/default/files/pexels-andrea-piacquadio-3775149@2x.jpg" alt="blog-image">
                            <div class="blog-detail">
                                <span class="date"> SEP 8, 2021</span>
                                <h3>Sed ut text for sample
                                    Lorem ispam text for sample
                                </h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
                                <a href="#">READ MORE
                                    <svg xmlns="http://www.w3.org/2000/svg" width="59" height="34.043" viewBox="0 0 59 34.043">
                                        <g id="arrow-right_1_" data-name="arrow-right (1)" transform="translate(2.5 3.521)">
                                        <path id="Path_28" data-name="Path 28" d="M0,0H52.786" transform="translate(0 13.5)" fill="none" stroke="#333239" stroke-linecap="round" stroke-width="5"/>
                                        <path id="Path_3" data-name="Path 3" d="M0,27,16.2,13.5,0,0" transform="translate(37.804 0)" fill="none" stroke="#333239" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
                                        </g>
                                    </svg>
                                </a> 
                            </div>                                   
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="blog-items">
                            <div class="blog-created">
                                <p class="date">
                                    <span>25</span><span>SEP</span>
                                </p>
                                <h5>Sed ut text for sample
                                    Lorem ispam text for sample
                                </h5>
                            </div>                               
                            <p>At vero ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p> 
                            <a href="#">READ MORE
                                <svg xmlns="http://www.w3.org/2000/svg" width="59" height="34.043" viewBox="0 0 59 34.043">
                                    <g id="arrow-right_1_" data-name="arrow-right (1)" transform="translate(2.5 3.521)">
                                    <path id="Path_28" data-name="Path 28" d="M0,0H52.786" transform="translate(0 13.5)" fill="none" stroke="#333239" stroke-linecap="round" stroke-width="5"/>
                                    <path id="Path_3" data-name="Path 3" d="M0,27,16.2,13.5,0,0" transform="translate(37.804 0)" fill="none" stroke="#333239" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
                                    </g>
                                </svg>
                            </a>                               
                        </div>
                        <div class="blog-items">
                            <div class="blog-created">
                                <p class="date">
                                    <span>25</span><span>SEP</span>
                                </p>
                                <h5>Sed ut text for sample
                                    Lorem ispam text for sample
                                </h5>
                            </div>                               
                            <p>At vero ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p> 
                            <a href="#">READ MORE
                                <svg xmlns="http://www.w3.org/2000/svg" width="59" height="34.043" viewBox="0 0 59 34.043">
                                    <g id="arrow-right_1_" data-name="arrow-right (1)" transform="translate(2.5 3.521)">
                                    <path id="Path_28" data-name="Path 28" d="M0,0H52.786" transform="translate(0 13.5)" fill="none" stroke="#333239" stroke-linecap="round" stroke-width="5"/>
                                    <path id="Path_3" data-name="Path 3" d="M0,27,16.2,13.5,0,0" transform="translate(37.804 0)" fill="none" stroke="#333239" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
                                    </g>
                                </svg>
                            </a>                               
                        </div>
                        <div class="blog-items">
                            <div class="blog-created">
                                <p class="date">
                                    <span>25</span><span>SEP</span>
                                </p>
                                <h5>Sed ut text for sample
                                    Lorem ispam text for sample
                                </h5>
                            </div>                               
                            <p>At vero ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p> 
                            <a href="#">READ MORE
                                <svg xmlns="http://www.w3.org/2000/svg" width="59" height="34.043" viewBox="0 0 59 34.043">
                                    <g id="arrow-right_1_" data-name="arrow-right (1)" transform="translate(2.5 3.521)">
                                    <path id="Path_28" data-name="Path 28" d="M0,0H52.786" transform="translate(0 13.5)" fill="none" stroke="#333239" stroke-linecap="round" stroke-width="5"/>
                                    <path id="Path_3" data-name="Path 3" d="M0,27,16.2,13.5,0,0" transform="translate(37.804 0)" fill="none" stroke="#333239" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
                                    </g>
                                </svg>
                            </a>                               
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        Copy to clipboard