<?php include("includes/pilot.php"); ?>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- animation css -->
<link rel="stylesheet" href="css/animate/animate.css">
<link rel="stylesheet" href="css/animate/site.css">
<!-- boostrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<style>
  html {
    scroll-behavior: smooth;
  }

  div.banner_text {
    position: absolute;
    top: 200px;
    left: 50%;
    color: white;
    transform: translateX(-50%);
  }

  div.banner_text h1 {
    text-decoration: none;

  }

  div.banner_text h4 a {
    text-decoration: none;
    color: white;
  }

  div.banner_text h4 a:hover {
    color: #C1A14F;
  }

  .wow:first-child {
    visibility: hidden;
  }

  .container-fluid {
    padding-top: 40px;
  }

  #menu,
  #close {
    position: sticky;
    top: 20px;
    display: none;
    margin-left: -6px;
    font-size: 18px;
  }

  .breadcrumb {
    display: none;
  }

  ul.nav-pills {
    top: 50px;
    position: sticky;
  }

  div.col-9 div {
    /* height: 100vh; */
    padding: 10px 14px;
  }

  .container-fluid h2 {
    /* text-align: center;
    padding: 20px 0px;
    position: sticky;
    top: 20px; */
  }

  div.col-9 {
    width: 80%;
  }

  h1 {
    text-align: center;
    text-decoration: underline #C1A14F;
    text-underline-position: under;
    padding-bottom: 20px;
  }

  .card-img-top {
    height: 190px;
  }

  .card {
    height: 100px;
  }

  div.product .title {
    background-color: #C1A14F;
    text-align: center;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
  }

  .nav-pills .nav-link.active,
  .nav-pills .show.nav-link {
    color: #fff;
    background-color: #C1A14F;
  }

  ul.flex-column a.nav-link {
    color: black;
    border: 1px solid #c1a14f;
    /* border-radius: 0px; */
    margin-top: 5px
  }

  ul.flex-column a.nav-link:hover {
    color: white;
    background-color: #c1a14f;
  }

  .navbarWrapper .navbar .nav-item .nav3 {
    border-bottom: 3px solid #C1A14F;
  }

  ul.hotel_ption {
    list-style-type: none;
  }
div h1{
  text-transform: uppercase;  
}
ul.nav-pills {
    top: 15px;
    position: sticky;
}
ul.flex-column a.nav-link {
    color: black;
    border: 1px solid #c1a14f;
    /* border-radius: 0px; */
    margin-top: 5px;
    padding:6px;
}
  @media (min-width: 576px) {
    .col-sm-3 {
      max-width: 20%;
    }

    .col-sm-9 {
      min-width: 80%
    }
  }


  @media (max-width: 768px) {

    #myScrollspy {
      display: none;
      position: sticky;
      background-color: rgba(255, 255, 255, 1);
      color: black;
      top: 40px;
      z-index: 999;
      min-width: 50%;
      padding: 0px;
      left: 0px;
      /* margin-right: -500px; */
    }

    ul.flex-column a.nav-link {
      color: black;
      border: 1px solid #c1a14f;
      /* border-radius: 0px; */
      margin-top: 0px
    }

    ul.flex-column a.nav-link:hover {
      color: white;
      background-color: #c1a14f;
    }

    div.banner_text {
      position: absolute;
      top: 200px;
      left: 25%;
      color: white;
      transform: translateX(0%)
    }

    .nav-pills .nav-link {
      border-radius: 0px;
      /* border-radius: .25rem; */
      padding: 5px;
      /* margin: 0px; */
      border-bottom: 2px solid;
      margin-top: 3px;
      font-size: 14px;
      /* color:#fff; */
    }

    a.nav-link {
      color: #fff;
    }

    .col-sm-9 {
      min-width: 100%
    }

    li.nav-item {
      /* transform: rotate(270deg); */
    }

    #menu {
      position: sticky;
      top: 20px;
      display: block;
      z-index: 9999
    }

    #close {
      display: none;
      position: sticky;
      top: 20px;
      z-index: 9999
    }
  }
</style>

<body data-spy="scroll" data-target="#myScrollspy" data-offset="1">
  <div class="banner_text">
    <h1 style="color:white;">Products</h1>
    <h4><a href="index.php"> Home </a>/<a href="p.php"> Products</a></h4>
  </div>
  <div class="container-fluid">
    <i class="fa fa-close" aria-hidden="true" id="close"></i>
    <i class="fa fa-bars" aria-hidden="true" id="menu"></i>
    <div class="row">
      <nav class="col-sm-3 col-3" id="myScrollspy">
        <ul class="nav nav-pills flex-column">
          <li class="nav-item">
            <a class="nav-link active" href="#section1"><i class="fa fa-chevron-right" aria-hidden="true"></i> Hotel </a>
            <!-- <ul class="hotel_ption"> -->
              <li>
                <a class="nav-link active" href="#item1"><i class="fa fa-chevron-right" aria-hidden="true"> </i>
                  Hanger</a>
              </li>
              <li>
                <a class="nav-link active" href="#item2"><i class="fa fa-chevron-right" aria-hidden="true"></i> Hair
                  dryer</a>
              </li>
              <li>
                <a class="nav-link active" href="#item3"><i class="fa fa-chevron-right" aria-hidden="true"> </i> Luggage
                  rack</a>
              </li>
              <li>
                <a class="nav-link active" href="#item4"><i class="fa fa-chevron-right" aria-hidden="true"></i> Laundry
                  cart</a>
              </li>
              <li>
                <a class="nav-link active" href="#item5"><i class="fa fa-chevron-right" aria-hidden="true"></i> Room
                  sleepers</a>
              </li>
              <li>
                <a class="nav-link active" href="#item6"><i class="fa fa-chevron-right" aria-hidden="true"></i> Blinds </a>
              </li>
              <li>
                <a class="nav-link active" href="#item7"><i class="fa fa-chevron-right" aria-hidden="true"></i> Motorize
                  curtains</a>
              </li>
              <li>
                <a class="nav-link active" href="#item8"><i class="fa fa-chevron-right" aria-hidden="true"></i>
                BATHROOM AMENITIES</a>
              </li>
            <!-- </ul> -->
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#section2"><i class="fa fa-chevron-right" aria-hidden="true"></i> RESTAURANT</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#section3"><i class="fa fa-chevron-right" aria-hidden="true"></i> HOTEL UNIFORM</a>
          </li>
          <!-- <li class="nav-item">
            <a class="nav-link" href="#section4"><i class="fa fa-chevron-right" aria-hidden="true"></i> HOTEL FLOORING</a>
          </li> -->
          <!-- <li class="nav-item">
            <a class="nav-link" href="#section5"><i class="fa fa-chevron-right" aria-hidden="true"></i> BATHROOM AMENITIES</a>
          </li> -->
        
       
        </ul>
      </nav>
      <div class="col-sm-9 col-9">

        <div id="section1">
          <h1>HOTEL</h1>
          <h4>HIGH-QUALITY HOTEL PRODUCTS WHENEVER YOU NEED</h4>
          <p>In the hospitality business, it is the service and the appeal of that service that matters the most. A
            hotel needs to have high-quality supplies on a regular basis in order to keep the customers happy. Along
            with the quality, the cost-effectiveness and constant availability of the supplies matter too. Hence, smart
            hotels look for a one-stop shop to get all the hotel products whenever required.</p>
          <p>Serving smart hotels, Idyll Sourcing presents all kinds of hotel products that are required on a regular
            basis. We have a huge collection of products that cover your hotel’s necessities. Each and every product
            goes through a high-quality test that ensures the quality that we promise to our clients. Our dedication to
            providing top-notch products to the hotels has made us a trusted spot to find quality products.</p>
          <h4>WHAT DO WE HAVE FOR YOUR HOTEL?</h4>
          <p>We fulfill all the requirements that you have in your hotel. The list of products includes:</p>
          <div class="row">

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="50" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\hotel\wooden-hangers.jpg" alt="Card image">
              <h4 class="title">wooden hangers</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="50" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\hotel\alarm-clocks.jpg" alt="Card image">
              <h4 class="title">alarm clocks</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="50" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\hotel\bed-guard.png" alt="Card image">
              <h4 class="title">bed guard</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="50" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\hotel\bed-linen.jpg" alt="Card image">
              <h4 class="title">bed linen</h4>
            </div>

            <!-- ----- -->
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\hotel\bed-runner.jpg" alt="Card image">
              <h4 class="title">bed runner</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\hotel\bedsheets.jpg" alt="Card image">
              <h4 class="title">bedsheets</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\hotel\electric-kettels.jpg" alt="Card image">
              <h4 class="title">electric kettels</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\hotel\emergency-torch.jpg" alt="Card image">
              <h4 class="title">emergency torch</h4>
            </div>

            <!-- ----- -->

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\hotel\home-linen.jpg" alt="Card image">
              <h4 class="title">home linen</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\hotel\ice-buckets.jpg" alt="Card image">
              <h4 class="title">ice buckets</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\hotel\iron-board-iron.jpg" alt="Card image">
              <h4 class="title">iron board iron</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\hotel\luggage-cart.jpg" alt="Card image">
              <h4 class="title">luggage cart</h4>
            </div>
            <!-- ----- -->

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\hotel\luggage-racks.jpg" alt="Card image">
              <h4 class="title">luggage racks</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\hotel\mini-bar.jpg" alt="Card image">
              <h4 class="title">mini bar</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\hotel\pillowcase.jpg" alt="Card image">
              <h4 class="title">pillowcase</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\hotel\restaurant-linen.jpg" alt="Card image">
              <h4 class="title">restaurant linen</h4>
            </div>
            <!-- ----- -->

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\hotel\saftey-lockers.jpg" alt="Card image">
              <h4 class="title">saftey lockers</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\hotel\spoon-tea-cup.jpg" alt="Card image">
              <h4 class="title">spoon tea cup</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\hotel\table-cloths.jpg" alt="Card image">
              <h4 class="title">table cloths</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\hotel\table-runners.jpg" alt="Card image">
              <h4 class="title">table runners</h4>
            </div>

            <!-- ----- -->

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\hotel\tissue-box.jpg" alt="Card image">
              <h4 class="title">tissue box</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\hotel\waste-bins.jpg" alt="Card image">
              <h4 class="title">waste bins</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\hotel\weighing-scales.jpg" alt="Card image">
              <h4 class="title">weighing scales</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\hotel\welcome-trays.jpg" alt="Card image">
              <h4 class="title">welcome trays</h4>
            </div>



            <p>All these products have the premium quality and come under a cost-friendly price too. So, you can come
              straight to Idyll Sourcing whenever you require any of the mentioned products.</p>
            <h4>WHY YOU NEED US?</h4>
            <p>Having us allows you to improve the appeal and quality of your hotel services. Our products have the
              exquisite appeal and usefulness that serves all your purposes. Plus, the versatility is another factor to
              rely on us. We have all the hotel products, so you never feel the struggle in finding any of them ever.
            </p>
            <p>Along with that, we have been serving the industry for a long time. Hence, you can definitely put your
              faith in us and in the products we offer.</p>
            <h4>GET YOUR SUPPLIES TODAY!</h4>
            <p>You can check out the products that we have for your hotel. Call us if you need more information or
              assistance. We are ready to help you out.</p>
          </div>
          <hr>

        </div>


        <!-- Hanger -->

        <div id="item1">
          <h1> HANGER</h1>
          <!-- <h4>demo content for hanger need to change</h4> -->
         

          <div class="row">
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images/products/hanger/h1.jpg" alt="Card image">
              <h4 class="title">coat hanger</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\hanger\h4.jpg" alt="Card image">
              <h4 class="title">black coat hanger</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\hanger\h2.jpg" alt="Card image">
              <h4 class="title"> wooden hanger</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\hanger\h3.jpg" alt="Card image">
              <h4 class="title">clip hanger</h4>
            </div>

        
          </div>

        </div>
        

        <!--  Hair dryer -->

        <div id="item2">
          <h1>  HAIR DRYER </h1>
          <!-- <h4>demo content for  Hair dryer need to change</h4> -->
          
          <div class="row">
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\hair dryer\h1.jpg" alt="Card image">
              <h4 class="title">hand dryer</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\hair dryer\h3.jpg" alt="Card image">
              <h4 class="title">hand dryer</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\hair dryer\h2.jpg" alt="Card image">
              <h4 class="title">wall dryer</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\hair dryer\h5.jpg" alt="Card image">
              <h4 class="title">wall dryer</h4>
            </div>
          </div>

        </div>

        
        <!--  Luggage rack -->

        <div id="item3">
          <h1>  Luggage rack </h1>
          <!-- <h4>demo content for  Luggage rack need to change</h4> -->
         
          <div class="row">
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\Laundry cart\l5.jpg" alt="Card image">
              <h4 class="title">LUGGAGE RACK</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\Laundry cart\l6.jpg" alt="Card image">
              <h4 class="title">LUGGAGE RACK</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\Laundry cart\l7.jpg" alt="Card image">
              <h4 class="title">LUGGAGE RACK</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\Laundry cart\l4.jpg" alt="Card image">
              <h4 class="title">LUGGAGE RACK</h4>
            </div>
          </div>

        </div>


        <!-- Laundry cart  -->

        <div id="item4">
          <h1> Laundry cart </h1>
          <!-- <h4>demo content for Laundry cart need to change</h4> -->
   
          <div class="row">
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\Luggage rack\l1.jpg" alt="Card image">
              <h4 class="title">Luggage rack </h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\Luggage rack\l2.jpg" alt="Card image">
              <h4 class="title">Luggage rack </h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\Luggage rack\l3.jpg" alt="Card image">
              <h4 class="title">Luggage rack</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\Luggage rack\l4.jpg" alt="Card image">
              <h4 class="title">Luggage rack </h4>
            </div>
          </div>


        </div>

        
        <!--  Room sleepers -->

        <div id="item5">
          <h1> Room sleepers </h1>
          <!-- <h4>demo content for  Room sleepers need to change</h4> -->
         
          <div class="row">
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\Room sleepers\r1.jpg" alt="Card image">
              <h4 class="title">SLEEPERS Regular</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\Room sleepers\r2.jpg" alt="Card image">
              <h4 class="title">VIP ROOM SLEEPERS </h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\Room sleepers\r3.jpg" alt="Card image">
              <h4 class="title">Exicutive SLEEPERS</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\Room sleepers\r4.jpg" alt="Card image">
              <h4 class="title">Open and SLEEPERS</h4>
            </div>
          </div>

        </div>


        
        <!--  Hotel room curtain -->

        <div id="item6">
          <h1>  Blinds </h1>
          <!-- <h4>demo content for Blinds need to change</h4> -->
       

          <div class="row">
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\blinds\b4.jpg" alt="Card image">
              <h4 class="title">Blinds</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\blinds\b5.jpg" alt="Card image">
              <h4 class="title">Blinds</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\blinds\b6.jpg" alt="Card image">
              <h4 class="title">Blinds</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\blinds\b7.jpg" alt="Card image">
              <h4 class="title">Blinds</h4>
            </div>
          </div>

        </div>

        
        <!--  Motorize curtains  -->

        <div id="item7">
          <h1>  Motorize curtains </h1>
          <!-- <h4>demo content for  Motorize curtains need to change</h4> -->
        
          <div class="row">
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\Motorize curtains\m1.jpg" alt="Card image">
              <h4 class="title">Motorize curtains</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\Motorize curtains\m2.jpg" alt="Card image">
              <h4 class="title">Motorize curtains</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\Motorize curtains\m3.jpg" alt="Card image">
              <h4 class="title">Motorize curtains</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\Motorize curtains\m4.jpg" alt="Card image">
              <h4 class="title">Motorize curtains</h4>
            </div>
          </div>

        </div>

        
        <!-- Toiletries -->

        <div id="item8">
          <h1> BATHROOM AMENITIES</h1>
          <!-- <h4>demo content for  Toiletries need to change</h4> -->
          <h4>COMPLETE BATHROOM SUPPLIES FOR A PLEASURABLE EXPERIENCE</h4>
          <P>Should you wonder about the ideal way of satisfying the guests of your hotel; you must look into the
            amenities and supplies of the rooms and suites. You might think that the interior, superlative beds,
            beautiful aesthetics, and pleasant ambiance are the major factors that entertain the guests. But the fact
            is; small things matter the most such as Hair Conditioner, Body Lotion and other bathroom supplies you offer
            to your customers. And you need to find a supplier that can supply you all the bathroom amenities to
            complement the overall customer experience you want to offer to your customers.</P>
          <P>And it takes Idyll Sourcing to provide the finest quality products that not only enhance the customer
            experience but also it adds up to your goodwill factor because generally, people tend to get affectionate
            about the people who take care of small and personal things. A room slipper might look like trivial but the
            experience it gives can jubilate your customer every time they put it on. And we give a host of products
            that can completely decorate the bathroom that your customers would find attractive and useful.</P>
          <p>Below mentioned are the products we offer;</p>


          <div class="row">
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\Toiletries\t1.jpg" alt="Card image">
              <h4 class="title">Toiletries</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\Toiletries\t2.jpg" alt="Card image">
              <h4 class="title">Toiletries</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\Toiletries\t3.jpg" alt="Card image">
              <h4 class="title">Toiletries</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\Toiletries\t4.jpg" alt="Card image">
              <h4 class="title">SHOWER CAP</h4>
            </div>

            
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\bathroom\body-lotion.jpg" alt="Card image">
              <h4 class="title">Body-Lotion</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\bathroom\comb.jpg" alt="Card image">
              <h4 class="title">Comb</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\bathroom\hair-conditioner.jpg" alt="Card image">
              <h4 class="title">Hair-Conditioner</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\bathroom\hair-dryer.png" alt="Card image">
              <h4 class="title">Hair-Dryer</h4>
            </div>

            <!-- ----------- -->
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\bathroom\hair-shampoo.jpg" alt="Card image">
              <h4 class="title">Hair-Shampoo</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\bathroom\liquid-showergel.jpg" alt="Card image">
              <h4 class="title">Liquid-Showergel</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\bathroom\razors.jpg" alt="Card image">
              <h4 class="title">Razors</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\bathroom\room-slippers.jpg" alt="Card image">
              <h4 class="title">Room-Slippers</h4>
            </div>
            <!-- -------------- -->

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\bathroom\shower-cap.jpg" alt="Card image">
              <h4 class="title">Shower-Cap</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\bathroom\shower-curtain.jpg" alt="Card image">
              <h4 class="title">Shower-Curtain</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\bathroom\tooth-brush-paste.jpg" alt="Card image">
              <h4 class="title">Tooth-Brush-Paste</h4>
            </div>


          </div>
          <P>Like we said, people appreciate small things; most importantly, a well-furnished bathroom with adequate
            supplies shows your organizational skills, attention to details and the sense of caring. And in hospitality
            industry people are looking for sophisticated products; you have to maintain the standards and meet the
            expectation; otherwise, customers are going to thrash you out of their mind.</P>
          <P>Therefore, to sustain in this highly volatile and competitive economic climate, you have to have a reliable
            supplier to meet your consumer’s demands and Idyll Sourcing should be the ideal choice because we offer the
            highest standards products at a reasonable cost for obvious reasons. In fact, when you order in bulk, we
            follow a different pricing strategy to accommodate your needs without having to compromise on quality.
            Consult us today and get the free quote.</P>

        </div>


        <div id="section2">
          <h1>RESTAURANT</h1>
          <h4>THE FINEST RESTAURANT SUPPLIES FOR A PERFECT KITCHEN</h4>
          <p>Running food business is highly sophisticated affair because you have to satisfy your customer's cravings,
            treat their taste buds and make tasty and exotic cuisines. But to attain and maintain all these criteria as
            much as you need expert cooks and chefs, you also need restaurant supplies up to the same extent because
            without adequate cooking supplies every effort will be futile. From the countertop, fryer to conveyor
            toaster and concession stands each equipment should be of the highest standards and finest quality.</p>
          <p>And it takes a superlative supplier to offer you all the kitchen products. And it takes Idyll Sourcing to
            help you in empowering your cooks and chefs to prepare lip-smacking delicacies that your consumers crave. We
            give super class restaurants products so that our clients function without profitably. Because kitchenware
            plays a vital role, you should consider the best quality products that meet the industry standards. We have
            restaurants products available in various features, styles, and finishes, and with a little effort, you can
            choose the right products that suit your needs.</p>
          <p>And when you are setting up a restaurant, you do not have the all the time in the world to hop from one
            store to another in finding the products; in fact, you need a one-stop- shop that has stupendous restaurant
            supplies available in one warehouse and specialized salespeople to help you in choosing the right products.
            And Idyll Sourcing is ready to assist you with everything.</p>
          <p>You can choose from a range of products such as griddles, deep fryers, and a host of other cooking supplies
            to prepare delicious food. Below mentioned are a few of our product segments that you might need for your
            restaurant.</p>



          <!-- ----- -->
          <div class="row">
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\restaurant\chopsticks.jpg" alt="Card image">
              <h4 class="title">Chopsticks</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\restaurant\crockery.jpg" alt="Card image">
              <h4 class="title">Crockery</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\restaurant\kitchen-utensils.jpg" alt="Card image">
              <h4 class="title">Kitchen-Utensils</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\restaurant\silverware.jpg" alt="Card image">
              <h4 class="title">Silverware</h4>
            </div>


            <!-- ----- -->

            <!-- <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\hotel\tissue-box.jpg" alt="Card image">
              <h4 class="title">tissue box</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s" data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\hotel\waste-bins.jpg" alt="Card image">
              <h4 class="title">waste bins</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s" data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\hotel\weighing-scales.jpg" alt="Card image">
              <h4 class="title">weighing scales</h4>
            </div> -->

          </div>

          <p>And for all your requirements you can put your trust in us because we are experienced and carry an uncanny
            knack of sensing our clients’ needs and demands. Most importantly, we offer you products at a reasonable
            rate. Consult us today and discuss your needs, and we will feel happy to assist you with finding the right
            restaurant supplies for your food business. And be assured that you will get the finest quality products.
          </p>


        </div>
        <hr>
        <div id="section3">
          <h1>APPAREL</h1>
          <h4>QUALITY APPAREL INHERIT THE CONFIDENCE WHICH A MAN / WOMAN REQUIRES</h4>
          <p>Your first impression is what that last long. If you are dressed well, you will need no one to speak for
            you. You will be capable of setting a good perception of yours in the eyes of others. Therefore, no matter
            you are a boy, you also need to dress well. You need to wear a perfect combination of color and design so
            that your personality comes out as the best.</p>
          <h4>WHY SHOULD YOU TARGET IDYLL SOURCING FOR MEN’S / WOMAN'S APPARELS?</h4>
          <!-- <p>We at Idyll have a premium collection of Men’s shirt, pants, jeans, cargo, chino pants and under pant. Our -->
            signature collections for men’s apparels have quality and endurance. Our apparels do not only impart good
            looks, but at the same time, they bring out the professionalism, casual attitude and comfort when needed.
          </p>
          <p>Here are some of the many apparel products we have for you:</p>

          <!-- ----- -->
          <div class="row">
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\mens\chino-pants.jpg" alt="Card image">
              <h4 class="title">formal trousers</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\mens\shirts.jpg" alt="Card image">
              <h4 class="title">formal shirt</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\mens\cook-uniform.jpg" alt="Card image">
              <h4 class="title">chief uniform</h4>
            </div>

            
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\mens\rest.jpg" alt="Card image">
              <h4 class="title">RESTAURANT UNIFORM.</h4>
            </div>
<!-- 
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\ladies\pants.jpg" alt="Card image">
              <h4 class="title">Pants</h4>
            </div> -->


            <!-- <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\mens\under-pant.jpg" alt="Card image">
              <h4 class="title">Under-Pant</h4>
            </div> -->
          </div>
          <p>The design of each product is finest of all. We have shirts in checks, denim, prints, and multiple colors,
            which you haven’t even thought of. To check out our list, you will have to visit us once.</p>
          <h4>WHAT ARE THE ADVANTAGES OF BUYING MEN’S APPAREL WITH IDYLL?</h4>
          <p>Although, once you will browse down our category of men’s apparels, you will surely need no reasons as ‘why
            buy at Idyll,’ yet let us share some of our USPs.</p>
          <p>
            <ul>
              <li>Plenty of options for men</li>
              <li>Direct availability of products</li>
              <li>No comprise of comfort</li>
              <li>Feasible pricing</li>
              <li>Years of experience in clothing industry</li>
              <li>Quick and responsive assistance</li>
            </ul>
          </p>
          <p>We are very typical about our promises and hence, we work for the interest of our buyers. Our experienced
            team dedicates everything to make quality products available to you.</p>
          <h4>WE HAVE A PLETHORA OF OPTIONS FOR MEN</h4>
          <p>If you go anywhere, you will find limited options for men. But the case is a bit different at Idyll. We
            know that like any other, men also want to flaunt best quality apparels of latest design and fashion.
            Therefore, we not only keep revision our fashion, but choose the best for men.</p>
          <p>Why sit back and Google down from the limited options available? Come to Idyll and get the best!!</p>
        </div>

        <hr>
        <!-- <div id="section4">
          <h1>LADIES APPAREL</h1>
          <h4>EXQUISITE LADIES APPAREL TO CHOOSE FROM</h4>
          <p>Ladies apparel collections are not easy to find. It is the quality and the comfort that women look for. No
            matter whether it is professional attire or the casuals, women require the comfort blended with the latest
            fashion. And that is what we provide at Idyll Sourcing.</p>
          <h4>QUALITY THAT NEVER LETS YOU DOWN</h4>
          <p>Our apparel products for women have been able to satisfy many customers. We provide exceptional quality in
            a huge collection of different types of women’s clothing. Our ladies apparel collections include:</p>
          <div class="row">
            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s">
              <img class="card-img-top" src="images\products\ladies\blouse.jpg" alt="Card image">
              <h4 class="title">Blouse</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.1s">
              <img class="card-img-top" src="images\products\ladies\dress.jpg" alt="Card image">
              <h4 class="title">Dress</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.2s">
              <img class="card-img-top" src="images\products\ladies\ladies-swim-costume.jpg" alt="Card image">
              <h4 class="title">Swim-Costume</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\ladies\pants.jpg" alt="Card image">
              <h4 class="title">Pants</h4>
            </div>

            <div class="col-md-3 product wow bounceInUp" data-wow-offset="200" data-wow-duration="1.5s"
              data-wow-delay="0.3s">
              <img class="card-img-top" src="images\products\ladies\party-wear.jpg" alt="Card image">
              <h4 class="title">Party-Wear</h4>
            </div>

          </div>
          <P>Women can find their favorite fashion and trendy collections that help them convey their personality. And
            it all comes along with the comfort of the clothing quality.</P>
          <h4>SHOP IT ALL WITHOUT WORRYING ABOUT THE PRICES</h4>
          <P>Our pricing is highly competitive in the market. We have the capacity to keep the quality intact without
            increasing the prices too much. So, you can simply shop with all your heart without worrying about the
            shopping cost at all. And that is what makes us a favorite of the customers.</P>
          <h4>WHY CHOOSE OUR LADIES APPAREL PRODUCTS?</h4>
          <P>Our ladies apparel products have the two of the major traits that you desire the quality and the comfort.
            These two traits come along with the cost-effective pricing and regular availability. And that is why we
            have gained an immense level of trust and praise from our customers. Our collections are designed to provide
            the trendy and latest options in the category. This way, no one leaves our site unsatisfied.</P>
          <h4>PICK YOUR FAVORITES TODAY!</h4>
          <P>How about you check out all our ladies apparel products and let us know your requirements. We will handle
            the rest for you. All you need to do is give us a call. Or, you can contact us for any further assistance
            regarding the ladies apparel that we have here for you.</P>


        </div>
        <hr> -->
 
      </div>
    </div>
  </div>
</body>

<script>
  $(document).ready(function () {
    $("#menu").click(function () {
      $("#myScrollspy").toggle();
      $(this).hide();
      $("#close").show();
    });
    $("#close").click(function () {
      $("#myScrollspy").toggle();
      $(this).hide();
      $("#menu").show();
    });
  });
</script>
<script src="js/animate/wow.js"></script>
<script>
  wow = new WOW({
    animateClass: 'animated',
    offset: 100,
    callback: function (box) {
      console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
    }
  });
  wow.init();
  document.getElementById('moar').onclick = function () {
    var section = document.createElement('section');
    section.className = 'section--purple wow fadeInDown';
    this.parentNode.insertBefore(section, this);
  };
</script>

<?php include("includes/ground.php"); ?>