sliderdata.js

function slider(){
    return  ` <div class="mySlides fade">
    <div  class="secondslider " >         
          <div class="secondslide1">
                <p class="sliderp1">
                    the 4th of July is almost here! 
                </p>
                <p class="sliderp2">
                    Order by 6/21, 1PM ET! 

                </p> 
                <a href="/sale-all" class="sliderancor" >start shopping</a>
            </div>
   </div> 
</div>
<div class="mySlides fade">
      <div  class="secondslider"  >
            <div class="secondslide2">
                <p class="sliderp1">
                    new from the beloved Brazilian brand 

                </p>
                 <p class="sliderp2">
                Designer Spotlight: FARM RIO 
                 </p> 
            <a href="/sale-all" class="sliderancor" >shop the exclusive collection</a>
             </div>
        </div> 
</div>
<div class="mySlides fade">
    <div  class="secondslider" >         
          <div class="secondslide3">
                <p class="sliderp1">
                    the season's best looks are as easy as 1, 2, 3
                </p>
                <p class="sliderp2">
                 NEW: winter, Naturally
                </p> 
                <a href="/sale-all" class="sliderancor" >shop the latest edit</a>
            </div>
   </div> 
</div>
<a class="prev" >❮</a>
<a class="next">❯</a>
</div>`
   }



   export {slider}