Carousels

                    
<div class="carousel-style-1">
    <div class="container">
        <div class="slide-wrapper">
            <div class="style-1-slider owl-carousel owl-theme">
                <div class="item bg-image" style="background-image: url('../themes/custom/blog_plus/assets/img/car_1.jpeg');">
                    <div class="overlay">
                        <span>Technology / September 12, 2022</span> 
                        <h3>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium</h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididuet ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation and ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                    </div>
                </div>
                <div class="item bg-image" style="background-image: url('../themes/custom/blog_plus/assets/img/car_1.jpeg');">
                    <div class="overlay">
                        <span>Technology / September 12, 2022</span> 
                        <h3>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium</h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididuet ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation and ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                    </div>
                </div>
                <div class="item bg-image" style="background-image: url('../themes/custom/blog_plus/assets/img/car_1.jpeg');">
                    <div class="overlay">
                        <span>Technology / September 12, 2022</span> 
                        <h3>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium</h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididuet ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation and ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                    </div>
                </div>
            </div>
            <div class="arrows">
                <button class="prev">
                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="250" viewBox="0 0 150 250">
                        <path data-name="Icon material-keyboard-arrow-down" d="M29.375,0,125,92.713,220.625,0,250,28.543,125,150,0,28.543Z" transform="translate(150) rotate(90)" fill="#111"/>
                    </svg>
                </button>
                <button class="next">
                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="250" viewBox="0 0 150 250">
                        <path data-name="Icon material-keyboard-arrow-down" d="M38.375,161.76,134,69.047l95.625,92.713L259,133.217,134,11.76,9,133.217Z" transform="translate(161.76 -9) rotate(90)" fill="#111"/>
                    </svg>
                </button>
            </div>
        </div>
    </div>
</div>
                    Copy to clipboard
                

                    
<div class="carousel-style-2">
    <div class="container">
        <div class="slide-wrapper">
            <div class="style-2-slider owl-carousel owl-theme">
                <div class="item bg-image" style="background-image: url('../themes/custom/blog_plus/assets/img/car_1.jpeg');">
                    <div class="overlay">
                        <div class="wrapper">
                            <div class="categories-rect">
                                <a href="#" title="TRAVEL">TRAVEL</a>
                            </div>
                            <h3><a href="#" title="Title">At vero eos et accusamus et iusto odio dignissi mos ducimus qui blanditiis praesentium</a></h3>
                            <div class="auth_comment_date">
                                <ul>
                                    <li>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
                                            <path data-name="Path 40125" d="M289.774,280.407c16.738-10.745,27.9-29.341,27.9-50,0-33.058-27.9-59.919-62.233-59.919s-62.233,26.86-62.233,59.919c0,21.075,11.161,39.255,27.9,50-38.2,13.637-65.237,48.76-65.237,90.08H172.6c0-44.215,37.339-80.165,83.262-80.165s83.262,35.95,83.262,80.165h16.738c-.857-41.323-28.326-76.446-66.094-90.08Zm-34.335-6.2c-25.322,0-45.923-19.835-45.923-44.216s20.6-43.8,45.923-43.8,45.5,19.835,45.5,44.215S280.333,274.21,255.439,274.21Z" transform="translate(-155.866 -170.488)" fill="#111"></path>
                                        </svg>
                                        <span>ADMIN</span>
                                    </li>
                                    <li>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
                                            <path data-name="Path 40131" d="M323.9,112H139.292a7.711,7.711,0,0,0-7.693,8V264a7.712,7.712,0,0,0,7.693,8H170.06v32a8.042,8.042,0,0,0,4.873,7.467,10.552,10.552,0,0,0,2.82.534,7.8,7.8,0,0,0,5.641-2.4l34.36-37.6H323.906a7.712,7.712,0,0,0,7.693-8l0-144a7.71,7.71,0,0,0-7.691-8Zm-7.693,144H214.419a7.8,7.8,0,0,0-5.641,2.4L185.444,284V264a7.711,7.711,0,0,0-7.692-8H146.983V128H316.211Z" transform="translate(-131.599 -112)" fill="#111"></path>
                                        </svg>
                                        <span>2 Comments</span>
                                    </li>
                                    <li>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
                                            <path data-name="Union 44" d="M11228.094,9251.992a23.108,23.108,0,0,1-23.1-23.078V9090.453a23.1,23.1,0,0,1,23.1-23.047h23.078v-7.7a7.691,7.691,0,1,1,15.383,0v7.7h76.9v-7.7a7.7,7.7,0,1,1,15.4,0v7.7h23.063a23.1,23.1,0,0,1,23.078,23.047v138.461a23.1,23.1,0,0,1-23.078,23.078Zm-7.687-23.078a7.709,7.709,0,0,0,7.688,7.719h153.82a7.725,7.725,0,0,0,7.719-7.719v-100h-169.227Zm169.227-115.383v-23.078a7.679,7.679,0,0,0-7.719-7.664h-23.062v7.664a7.7,7.7,0,1,1-15.4,0v-7.664h-76.9v7.664a7.691,7.691,0,1,1-15.383,0v-7.664h-23.078a7.662,7.662,0,0,0-7.687,7.664v23.078Zm-92.32,107.719v-15.414h15.414v15.414Zm-30.758,0v-15.414h15.344v15.414Zm-30.75,0v-15.414h15.367v15.414Zm123.047-30.812v-15.344h15.383v15.344Zm-30.758,0v-15.344h15.359v15.344Zm-30.781,0v-15.344h15.414v15.344Zm-30.758,0v-15.344h15.344v15.344Zm-30.75,0v-15.344h15.367v15.344Zm123.047-30.742v-15.352h15.383V9159.7Zm-30.758,0v-15.352h15.359V9159.7Zm-30.781,0v-15.352h15.414V9159.7Zm-30.758,0v-15.352h15.344V9159.7Z" transform="translate(-11204.992 -9051.992)" fill="#111"></path>
                                        </svg>
                                        <span>Sep 12, 2022</span>
                                    </li>
                                </ul>
                            </div>
                            <p>Sed ut perspiciatis unde omnis ist natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invento veritatis et quasi architecto beatae vitae dicta sunt</p>
                        </div>    
                    </div>
                </div>
                <div class="item bg-image" style="background-image: url('../themes/custom/blog_plus/assets/img/car_1.jpeg');">
                    <div class="overlay">
                        <div class="wrapper">
                            <div class="categories-rect">
                                <a href="#" title="TRAVEL">TRAVEL</a>
                            </div>
                            <h3><a href="#" title="Title">At vero eos et accusamus et iusto odio dignissi mos ducimus qui blanditiis praesentium</a></h3>
                            <div class="auth_comment_date">
                                <ul>
                                    <li>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
                                            <path data-name="Path 40125" d="M289.774,280.407c16.738-10.745,27.9-29.341,27.9-50,0-33.058-27.9-59.919-62.233-59.919s-62.233,26.86-62.233,59.919c0,21.075,11.161,39.255,27.9,50-38.2,13.637-65.237,48.76-65.237,90.08H172.6c0-44.215,37.339-80.165,83.262-80.165s83.262,35.95,83.262,80.165h16.738c-.857-41.323-28.326-76.446-66.094-90.08Zm-34.335-6.2c-25.322,0-45.923-19.835-45.923-44.216s20.6-43.8,45.923-43.8,45.5,19.835,45.5,44.215S280.333,274.21,255.439,274.21Z" transform="translate(-155.866 -170.488)" fill="#111"></path>
                                        </svg>
                                        <span>ADMIN</span>
                                    </li>
                                    <li>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
                                            <path data-name="Path 40131" d="M323.9,112H139.292a7.711,7.711,0,0,0-7.693,8V264a7.712,7.712,0,0,0,7.693,8H170.06v32a8.042,8.042,0,0,0,4.873,7.467,10.552,10.552,0,0,0,2.82.534,7.8,7.8,0,0,0,5.641-2.4l34.36-37.6H323.906a7.712,7.712,0,0,0,7.693-8l0-144a7.71,7.71,0,0,0-7.691-8Zm-7.693,144H214.419a7.8,7.8,0,0,0-5.641,2.4L185.444,284V264a7.711,7.711,0,0,0-7.692-8H146.983V128H316.211Z" transform="translate(-131.599 -112)" fill="#111"></path>
                                        </svg>
                                        <span>2 Comments</span>
                                    </li>
                                    <li>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
                                            <path data-name="Union 44" d="M11228.094,9251.992a23.108,23.108,0,0,1-23.1-23.078V9090.453a23.1,23.1,0,0,1,23.1-23.047h23.078v-7.7a7.691,7.691,0,1,1,15.383,0v7.7h76.9v-7.7a7.7,7.7,0,1,1,15.4,0v7.7h23.063a23.1,23.1,0,0,1,23.078,23.047v138.461a23.1,23.1,0,0,1-23.078,23.078Zm-7.687-23.078a7.709,7.709,0,0,0,7.688,7.719h153.82a7.725,7.725,0,0,0,7.719-7.719v-100h-169.227Zm169.227-115.383v-23.078a7.679,7.679,0,0,0-7.719-7.664h-23.062v7.664a7.7,7.7,0,1,1-15.4,0v-7.664h-76.9v7.664a7.691,7.691,0,1,1-15.383,0v-7.664h-23.078a7.662,7.662,0,0,0-7.687,7.664v23.078Zm-92.32,107.719v-15.414h15.414v15.414Zm-30.758,0v-15.414h15.344v15.414Zm-30.75,0v-15.414h15.367v15.414Zm123.047-30.812v-15.344h15.383v15.344Zm-30.758,0v-15.344h15.359v15.344Zm-30.781,0v-15.344h15.414v15.344Zm-30.758,0v-15.344h15.344v15.344Zm-30.75,0v-15.344h15.367v15.344Zm123.047-30.742v-15.352h15.383V9159.7Zm-30.758,0v-15.352h15.359V9159.7Zm-30.781,0v-15.352h15.414V9159.7Zm-30.758,0v-15.352h15.344V9159.7Z" transform="translate(-11204.992 -9051.992)" fill="#111"></path>
                                        </svg>
                                        <span>Sep 12, 2022</span>
                                    </li>
                                </ul>
                            </div>
                            <p>Sed ut perspiciatis unde omnis ist natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invento veritatis et quasi architecto beatae vitae dicta sunt</p>
                        </div>    
                    </div>
                </div>
            </div>
            <div class="arrows">
                <button class="prev">
                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="250" viewBox="0 0 150 250">
                        <path data-name="Icon material-keyboard-arrow-down" d="M29.375,0,125,92.713,220.625,0,250,28.543,125,150,0,28.543Z" transform="translate(150) rotate(90)" fill="#111"/>
                    </svg>
                </button>
                <button class="next">
                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="250" viewBox="0 0 150 250">
                        <path data-name="Icon material-keyboard-arrow-down" d="M38.375,161.76,134,69.047l95.625,92.713L259,133.217,134,11.76,9,133.217Z" transform="translate(161.76 -9) rotate(90)" fill="#111"/>
                    </svg>
                </button>
            </div>
        </div>
    </div>
</div>
                    Copy to clipboard
                

                    
<div class="carousel-style-3 blog-style-6">
    <div class="container">
        <div class="style-3-slider owl-carousel owl-theme">
            <div class="item">
                <div class="image">
                    <a href="#" class="image" title="Title">
                        <img src="../themes/custom/blog_plus/assets/img/blog_7.jpeg" alt="Image">
                    </a>
                </div>
                <div class="categories-rect">
                    <a href="#" title="TRAVEL">TRAVEL</a>
                </div>
                <h5><a href="#" title="uis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla">Duis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla</a></h5>
                <div class="auth_date_img">
                    <img src="../themes/custom/blog_plus/assets/img/profile.jpg" alt="Image">
                    <div class="auth_date_2">
                        <div class="auth">
                            <h6>ADMIN</h6>
                        </div>
                        <p>SEP 18, 2022</p>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="image">
                    <a href="#" class="image" title="Title">
                        <img src="../themes/custom/blog_plus/assets/img/blog_8.jpeg" alt="Image">
                    </a>
                </div>
                <div class="categories-rect">
                    <a href="#" title="SPORTS">SPORTS</a>
                </div>
                <h5><a href="#" title="uis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla">Duis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla</a></h5>
                <div class="auth_date_img">
                    <img src="../themes/custom/blog_plus/assets/img/profile.jpg" alt="Image">
                    <div class="auth_date_2">
                        <div class="auth">
                            <h6>ADMIN</h6>
                        </div>
                        <p>SEP 18, 2022</p>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="image">
                    <a href="#" class="image" title="Title">
                        <img src="../themes/custom/blog_plus/assets/img/blog_9.jpeg" alt="Image">
                    </a>
                </div>
                <div class="categories-rect">
                    <a href="#" title="LIFE STYLE">LIFE STYLE</a>
                </div>
                <h5><a href="#" title="uis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla">Duis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla</a></h5>
                <div class="auth_date_img">
                <img src="../themes/custom/blog_plus/assets/img/profile.jpg" alt="Image">
                <div class="auth_date_2">
                    <div class="auth">
                        <h6>ADMIN</h6>
                    </div>
                    <p>SEP 18, 2022</p>
                </div>
                </div>
            </div>
            <div class="item">
                <div class="image">
                    <a href="#" class="image" title="Title">
                        <img src="../themes/custom/blog_plus/assets/img/blog_7.jpeg" alt="Image">
                    </a>
                </div>
                <div class="categories-rect">
                    <a href="#" title="TRAVEL">TRAVEL</a>
                </div>
                <h5><a href="#" title="uis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla">Duis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla</a></h5>
                <div class="auth_date_img">
                    <img src="../themes/custom/blog_plus/assets/img/profile.jpg" alt="Image">
                    <div class="auth_date_2">
                        <div class="auth">
                            <h6>ADMIN</h6>
                        </div>
                        <p>SEP 18, 2022</p>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="image">
                    <a href="#" class="image" title="Title">
                        <img src="../themes/custom/blog_plus/assets/img/blog_8.jpeg" alt="Image">
                    </a>
                </div>
                <div class="categories-rect">
                    <a href="#" title="SPORTS">SPORTS</a>
                </div>
                <h5><a href="#" title="uis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla">Duis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla</a></h5>
                <div class="auth_date_img">
                    <img src="../themes/custom/blog_plus/assets/img/profile.jpg" alt="Image">
                    <div class="auth_date_2">
                        <div class="auth">
                            <h6>ADMIN</h6>
                        </div>
                        <p>SEP 18, 2022</p>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="image">
                    <a href="#" class="image" title="Title">
                        <img src="../themes/custom/blog_plus/assets/img/blog_9.jpeg" alt="Image">
                    </a>
                </div>
                <div class="categories-rect">
                    <a href="#" title="LIFE STYLE">LIFE STYLE</a>
                </div>
                <h5><a href="#" title="uis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla">Duis aute irure dolor reprehenderit voluptat velit esse cillum dolore eu fugiat nulla</a></h5>
                <div class="auth_date_img">
                <img src="../themes/custom/blog_plus/assets/img/profile.jpg" alt="Image">
                <div class="auth_date_2">
                    <div class="auth">
                        <h6>ADMIN</h6>
                    </div>
                    <p>SEP 18, 2022</p>
                </div>
                </div>
            </div>
        </div>
    </div>
</div>
                    Copy to clipboard
                

                    
<div class="carousel-style-4">
    <div class="container">
        <div class="slide-wrapper">
            <div class="style-4-slider owl-carousel owl-theme">
                <div class="item">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="133" viewBox="0 0 200 133">
                            <path data-name="Union 45" d="M58.872,38.924c.065.963.091,1.9.139,2.868a46.464,46.464,0,1,0-12.691,91.2V133A46.443,46.443,0,0,0,92.661,86.5c0-.751-.026-1.455-.1-2.89A111.231,111.231,0,0,0,77.157,32.646,106.917,106.917,0,0,0,46.319,0,90.645,90.645,0,0,1,58.872,38.924Zm107.339.019c.069.968.091,1.9.139,2.87a46.455,46.455,0,1,0-12.691,91.18h0A46.432,46.432,0,0,0,200,86.524c0-.751-.022-1.457-.1-2.892A111.163,111.163,0,0,0,184.5,32.67,106.841,106.841,0,0,0,153.659.019,90.713,90.713,0,0,1,166.211,38.943Z" transform="translate(200 133) rotate(180)" fill="#111"/>
                        </svg>
                    </div>
                    <span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolore.</span>
                    <img src="../themes/custom/blog_plus/assets/img/profile.jpg" alt="Image">
                    <h4>Leena Jafna</h4>
                    <p>Blogger</p>
                </div>
                <div class="item">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="133" viewBox="0 0 200 133">
                            <path data-name="Union 45" d="M58.872,38.924c.065.963.091,1.9.139,2.868a46.464,46.464,0,1,0-12.691,91.2V133A46.443,46.443,0,0,0,92.661,86.5c0-.751-.026-1.455-.1-2.89A111.231,111.231,0,0,0,77.157,32.646,106.917,106.917,0,0,0,46.319,0,90.645,90.645,0,0,1,58.872,38.924Zm107.339.019c.069.968.091,1.9.139,2.87a46.455,46.455,0,1,0-12.691,91.18h0A46.432,46.432,0,0,0,200,86.524c0-.751-.022-1.457-.1-2.892A111.163,111.163,0,0,0,184.5,32.67,106.841,106.841,0,0,0,153.659.019,90.713,90.713,0,0,1,166.211,38.943Z" transform="translate(200 133) rotate(180)" fill="#111"/>
                        </svg>
                    </div>
                    <span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolore.</span>
                    <img src="../themes/custom/blog_plus/assets/img/profile.jpg" alt="Image">
                    <h4>Leena Jafna</h4>
                    <p>Blogger</p>
                </div>
                <div class="item">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="133" viewBox="0 0 200 133">
                            <path data-name="Union 45" d="M58.872,38.924c.065.963.091,1.9.139,2.868a46.464,46.464,0,1,0-12.691,91.2V133A46.443,46.443,0,0,0,92.661,86.5c0-.751-.026-1.455-.1-2.89A111.231,111.231,0,0,0,77.157,32.646,106.917,106.917,0,0,0,46.319,0,90.645,90.645,0,0,1,58.872,38.924Zm107.339.019c.069.968.091,1.9.139,2.87a46.455,46.455,0,1,0-12.691,91.18h0A46.432,46.432,0,0,0,200,86.524c0-.751-.022-1.457-.1-2.892A111.163,111.163,0,0,0,184.5,32.67,106.841,106.841,0,0,0,153.659.019,90.713,90.713,0,0,1,166.211,38.943Z" transform="translate(200 133) rotate(180)" fill="#111"/>
                        </svg>
                    </div>
                    <span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolore.</span>
                    <img src="../themes/custom/blog_plus/assets/img/profile.jpg" alt="Image">
                    <h4>Leena Jafna</h4>
                    <p>Blogger</p>
                </div>
                <div class="item">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="133" viewBox="0 0 200 133">
                            <path data-name="Union 45" d="M58.872,38.924c.065.963.091,1.9.139,2.868a46.464,46.464,0,1,0-12.691,91.2V133A46.443,46.443,0,0,0,92.661,86.5c0-.751-.026-1.455-.1-2.89A111.231,111.231,0,0,0,77.157,32.646,106.917,106.917,0,0,0,46.319,0,90.645,90.645,0,0,1,58.872,38.924Zm107.339.019c.069.968.091,1.9.139,2.87a46.455,46.455,0,1,0-12.691,91.18h0A46.432,46.432,0,0,0,200,86.524c0-.751-.022-1.457-.1-2.892A111.163,111.163,0,0,0,184.5,32.67,106.841,106.841,0,0,0,153.659.019,90.713,90.713,0,0,1,166.211,38.943Z" transform="translate(200 133) rotate(180)" fill="#111"/>
                        </svg>
                    </div>
                    <span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolore.</span>
                    <img src="../themes/custom/blog_plus/assets/img/profile.jpg" alt="Image">
                    <h4>Leena Jafna</h4>
                    <p>Blogger</p>
                </div>
            </div>
            <div class="arrows">
                <button class="prev">
                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="250" viewBox="0 0 150 250">
                        <path data-name="Icon material-keyboard-arrow-down" d="M29.375,0,125,92.713,220.625,0,250,28.543,125,150,0,28.543Z" transform="translate(150) rotate(90)" fill="#111"/>
                    </svg>
                </button>
                <button class="next">
                    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="250" viewBox="0 0 150 250">
                        <path data-name="Icon material-keyboard-arrow-down" d="M38.375,161.76,134,69.047l95.625,92.713L259,133.217,134,11.76,9,133.217Z" transform="translate(161.76 -9) rotate(90)" fill="#111"/>
                    </svg>
                </button>
            </div>
        </div>
    </div>
</div>
                    Copy to clipboard