Responsive banner slider in blogger

Admin
0 minute read
0

 


Easy Code Banner Slider Simple Copy & Paste


<link rel="stylesheet" href="https://teampatrakaradhikarraksharthfoundation.in/assets/app/slider/css/swiper.min.css">

<section class="header listSecBox" class="header"  >

<div class="swiper-container swiper1">
<div class="swiper-wrapper">

<div class="swiper-slide"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaK8YN8_O_jc6DMppjPT59lBFEPyV2vvbGznq7vf2VqF3gYDO7AUoi1JBGsm3wBc_eaVibmwU5G85diqJIEc2AfSP48e8Fnmm4xxC27VNyQ-3Fb5XmqdwKuo6c-BUByOnrZZNoeGkdJuTbzGu__POrjLA73TxNmr3kMHQLRt2_P8roGWiJX4xlTQUmNQ/s1920/Black%20Astrology%20Aesthetic%20Pitch%20Deck%20Presentation.png"   /></div>
<div class="swiper-slide"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgprMTRPZeux2hdUwao1HQ3dSvyhJ4X6xam8UAYdLzBvAPZv5a02L2o2QnWwFI1FcfyFjYm8zmGbIWZg8jumc7UXachLuyNPODKRdufT_BISnn8IfnGB3QRR61pAyzpDHyzpp7DCcHkhc5s4PUAwPCk7UMY_rVP8lWbBoa7ZntqdGCzvaJw9ykZmTdycQ/s1200/banner.gif"   /></div>

</div>      
        
        <div class="swiper-pagination"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
</div>

 
 
</section>    
<script src="https://teampatrakaradhikarraksharthfoundation.in/assets/app/slider/js/swiper.min.js"></script>
<script>
    var swiper = new Swiper('.swiper1', {
        zoom: true,
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        autoplay: 2500
    });
    
  </script>  

Tags

Post a Comment

0 Comments
Post a Comment (0)
Our website uses cookies to fast experience.
Accept !