<div class="container">

  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">

      <div class="item active">
        <a href="/ProductList.aspx"><img src="https://support.docketmanager.net/portals/paper-studio/slider1.jpg" alt="slide 1" ></a>
        <div class="carousel-caption">
        </div>
      </div>

      <div class="item">
        <a href="/ProductList.aspx"><img src="https://support.docketmanager.net/portals/paper-studio/slider2.jpg" alt="slide 2" ></a>
        <div class="carousel-caption">
        </div>
      </div>
    
          <div class="item">
        <a href="/ProductList.aspx"><img src="https://support.docketmanager.net/portals/paper-studio/slider1.jpg" alt="slide 3" ></a>
        <div class="carousel-caption">
        </div>
      </div>
  
    </div>

    <!-- Left and right controls
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-right fas fa-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right fas fa-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a> -->
  </div>
</div>



<section class="products-list" style="padding-top:25px;"> 
  
  <!-- Products Row Starts -->
  <div class="row"> 
    <!-- Product #1-->
    <div class="col-md-4 col-sm-6">
      <div class="product-col"> 
        <!--Image Link-->
        <div class="image"><img src="https://support.docketmanager.net/portals/paper-studio/Leather-Drawstring-Pouch-MockUp.jpg" alt="product" class="img-responsive" /></div>
        <div class="caption"> 
          <!--Title-->
          <h4><a href="ProductList.aspx?Id=e714b165-20b9-412f-b4eb-2ef490196369">Apparel</a></h4>
          <!--Button-->
          <div class="cart-button"><a href="ProductList.aspx?Id=e714b165-20b9-412f-b4eb-2ef490196369" class="btn btn-cart">View Now</a> </div>
        </div>
      </div>
    </div>
    
    <!-- Product #2-->
    <div class="col-md-4 col-sm-6">
      <div class="product-col"> 
        <!--Image Link-->
        <div class="image"><img src="https://support.docketmanager.net/portals/paper-studio/Rubber-Stamp-PSD-MockUp-3.jpg" alt="product" class="img-responsive" /></div>
        <div class="caption"> 
          <!--Title-->
          <h4><a href="ProductList.aspx?Id=e714b165-20b9-412f-b4eb-2ef490196369">Stamps & Seals</a></h4>
          <!--Button-->
          <div class="cart-button"><a href="ProductList.aspx?Id=e714b165-20b9-412f-b4eb-2ef490196369" class="btn btn-cart">View Now</a> </div>
        </div>
      </div>
    </div>
    
    <!-- Product #3 -->
    <div class="col-md-4 col-sm-6">
      <div class="product-col"> 
        <!--Image Link-->
        <div class="image"><img src="https://support.docketmanager.net/portals/paper-studio/Mug-PSD-MockUp-3.jpg" alt="product" class="img-responsive" /></div>
        <div class="caption"> 
          <!--Title-->
          <h4><a href="ProductList.aspx?Id=e714b165-20b9-412f-b4eb-2ef490196369">Mugs</a></h4>
          <!--Button-->
          <div class="cart-button"><a href="ProductList.aspx?Id=e714b165-20b9-412f-b4eb-2ef490196369" class="btn btn-cart">View Now</a> </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Products Row Ends --> 

</section>