amp-carousel-final-code

amp-carousel-final-code.html

<div class="products_carousel" >
   <amp-carousel height="418"
      layout="fixed-height"
      type="carousel" 
      class="category-carousel"
      controls
      >
      <div class="slide">
         <figure style="">
            <a href="#" >
               <amp-img src="https://picsum.photos/258/193?image=9"
                  width="258"
                  height="193"
                  alt="a sample image"></amp-img>
            </a>
            <figcaption>
               <a href="#" class="block">
                  <h3 class="h3 mb1" style="white-space: normal;max-width: 258px;">
                     Super Cool Laptop 
                  </h3>
                  <div class="mb2 bg-white py rounded">
                     <div class="text-maroon maroon-text mb1 ">
                        <div class="bold">$24,500.00 USD</div>
                     </div>
                     <div class="">
                        <div> Located in Leeds, AL, US</div>
                     </div>
                  </div>
               </a>
            </figcaption>
         </figure>
      </div>
      <div class="slide">
         <figure style="">
            <a href="#" >
               <amp-img src="https://picsum.photos/258/193?image=9"
                  width="258"
                  height="193"
                  alt="a sample image"></amp-img>
            </a>
            <figcaption>
               <a href="#" class="block">
                  <h3 class="h3 mb1" style="white-space: normal;max-width: 258px;">
                     Super Cool Laptop 
                  </h3>
                  <div class="mb2 bg-white py rounded">
                     <div class="text-maroon maroon-text mb1 ">
                        <div class="bold">$24,500.00 USD</div>
                     </div>
                     <div class="">
                        <div> Located in Leeds, AL, US</div>
                     </div>
                  </div>
               </a>
            </figcaption>
         </figure>
      </div>
      <div class="slide">
         <figure style="">
            <a href="#" >
               <amp-img src="https://picsum.photos/258/193?image=9"
                  width="258"
                  height="193"
                  alt="a sample image"></amp-img>
            </a>
            <figcaption>
               <a href="#" class="block">
                  <h3 class="h3 mb1" style="white-space: normal;max-width: 258px;">
                     Super Cool Laptop 
                  </h3>
                  <div class="mb2 bg-white py rounded">
                     <div class="text-maroon maroon-text mb1 ">
                        <div class="bold">$24,500.00 USD</div>
                     </div>
                     <div class="">
                        <div> Located in Leeds, AL, US</div>
                     </div>
                  </div>
               </a>
            </figcaption>
         </figure>
      </div>
   </amp-carousel>
</div>