home.php

    <!--Dialog box starts-->
  <div class="overlay"></div>
  <div class="overlayWrap">
  		<div class="popWrap clearfix messagePopup">
            <div class="closeBtn"></div>
        	  <form>
               <label class="labelTxt">To: <span>John Doe</span></label>
               <label class="labelTxt">Email Address</label>
               <input type="text">
               <label class="labelTxt">Subject</label>
               <input type="text">
               <label class="labelTxt">Message <span class="star">*</span></label>
               <textarea></textarea>
               <div class="buttonSpace clearfix">
                    <input type="submit" value="Send Message">
                    <a href="">Cancel</a>
              </div>
            </form>
        </div>
  </div>
  <!--Dialog box ends-->

 <?php include('home-header.php'); ?>

    <div id="content">
      <div class="container headerMarginTop">

        <div id="carousel-home" class="carousel slide">

                <ol class="carousel-indicators">

                  <li data-target="#carousel-home" data-slide-to="0" class=""></li>

                  <li data-target="#carousel-home" data-slide-to="1" class="active"></li>

                  <li data-target="#carousel-home" data-slide-to="2" class=""></li>

                  <li data-target="#carousel-home" data-slide-to="3" class=""></li>

                </ol>

                <div class="carousel-inner">

                  <div class="item slide1">

                    <a href="#">

                      <img src="img/slides/slide2.png" alt="slide">

                    </a>

                  </div><!-- end of carousel item -->

                  <div class="item slide2 active">

                    <a href="#">

                      <img src="img/slides/slide1.png" alt="slide">

                    </a>

                  </div><!-- end of carousel item -->

                  <div class="item slide3">

                    <a href="#">

                      <img src="img/slides/slide3.png" alt="slide">

                    </a>

                  </div><!-- end of carousel item -->

                  <div class="item slide4">

                    <a href="#">

                      <img src="img/slides/slide4.png" alt="slide">

                    </a>

                  </div><!-- end of carousel item -->

                </div><!-- end of carousel inner -->



        </div><!-- end of carousel home -->

        <div id="browse-discover">

        <h3>Browse & <span>Discover</span></h3>

        <div class="thelist">

          <div class="left">

            <a href="#" class="item big tees">

              <p>Tees</p>

            </a><!-- end of item-->

            <a href="#" class="item small hoodies">

              <p>Hoodies</p>

            </a><!-- end of item-->

            <a href="#" class="item small handbags">

              <p>Handbags</p>

            </a><!-- end of item-->

          </div><!-- end of left-->

          <div class="right">

            <a href="#" class="item ring">

              <p>Ring</p>

            </a><!-- end of item -->

            <a href="#" class="item wide necklace">

              <p>Necklace</p>

            </a><!-- end of item -->

            <a href="#" class="item tops">

              <p>Tops</p>

            </a><!-- end of item -->

            <a href="#" class="item big tanks">

              <p>Tanks & Camis</p>

            </a><!-- end of item -->

            <div class="col">

              <a href="#" class="item corsets">

                <p>Corsets</p>

              </a><!-- end of item -->

              <a href="#" class="item earrings">

                <p>Earrings</p>

              </a><!-- end of item -->

            </div>

            <a href="#" class="item high watches">

              <p>Watches</p>

            </a>

          </div><!-- end of right-->

          </div><!-- end of the list -->

          <div class="clearfix"></div>

        </div><!-- end of browse-dicover -->



        <div id="featured-shop">

          <h3>Featured Shop <a href="#">See more</a></h3>

          <div class="shop">

            <div class="left clearfix">
			  <div class="fixImgs">
               <a href="#"><img src="img/feat-shop/item1.png" alt="" class="alignleft"></a>
              </div>
             
              <div class="fixLeft">
              	 <a href="#" class="shopN">Mava style</a>
                 <p>We are online jewelry store features sterling silver & gold jewelry that consists of a wide collection of rings, cuff links, pendants, bracelets, necklaces, earrings....</p>
                 <a href="#">Read the interview</a>
              </div>
             

            </div><!-- end of left -->

            <div class="right">

              <h5>Mava style <a href="#">See more</a></h5>

              <a href="#" class="item one">

                <img src="img/feat-shop/item2.png" alt="">

              </a><!-- end of item -->

              <a href="#" class="item two">

                <img src="img/feat-shop/item3.png" alt="">

              </a><!-- end of item -->

              <a href="#" class="item three">

                <img src="img/feat-shop/item4.png" alt="">

              </a><!-- end of item -->

              <a href="#" class="item four">

                <img src="img/feat-shop/item5.png" alt="">

              </a>
               <a href="#" class="item five">

                <img src="img/feat-shop/item3.png" alt="">

              </a><!-- end of item -->

            </div><!-- end of right -->

            <div class="clearfix"></div>

          </div><!-- end of show -->

        </div><!-- end of featured-shop -->



        <div id="browse-by-style">

          <h3>Browse by style <a href="#">See more</a></h3>

          <div class="products_carousel">

          <div id="foo2">

            <a href="#" class="item">

              <img src="img/carousel/item1.png" alt="">

              <p>Gothic</p>

            </a>

            <a href="#" class="item">

              <img src="img/carousel/item2.png" alt="">

              <p>Steampunk</p>

            </a>

            <a href="#" class="item">

              <img src="img/carousel/item3.png" alt="">

              <p>Rocker</p>

            </a>

            <a href="#" class="item">

              <img src="img/carousel/item4.png" alt="">

              <p>Boho</p>

            </a>

            <a href="#" class="item">

              <img src="img/carousel/item2.png" alt="">

              <p>Boho</p>

            </a>

            <a href="#" class="item">

              <img src="img/carousel/item1.png" alt="">

              <p>Boho</p>

            </a>

            <a href="#" class="item">

              <img src="img/carousel/item4.png" alt="">

              <p>Boho</p>

            </a>

            <a href="#" class="item">

              <img src="img/carousel/item3.png" alt="">

              <p>Boho</p>

            </a>

          </div><!-- end of foo2 -->

          <div class="clearfix"></div>

          <a class="prev" id="foo2_prev" href="#"></a>

          <a class="next" id="foo2_next" href="#"></a>

        </div><!-- end of products_carousel -->

        </div><!-- end of browse by style -->



        <div id="explore-by-country">

        <h3>Explore sellers by country <a href="#">See more</a></h3>

          <ul class="country-list">

            <li><a href="#" class="usa">USA</a></li>

            <li><a href="#" class="uk">UK</a></li>

            <li><a href="#" class="fr">France</a></li>

            <li><a href="#" class="ca">Canada</a></li>

            <li><a href="#" class="au">Australia</a></li>

          </ul><!-- end of country-list -->

        </div><!-- end of explore-by-country -->



        <div id="what-people-are-saying">

        <h3>Popular search terms</h3>

            <div class="col-md-4">

              <span class="arw"></span>

              <img src="img/people1.png" alt="people"/>

              <h4>Lorem Ipsum</h4>

              <p>Fantastic seller lightning fast shipping and awesome bag Thanx so much .....</p>

              <a href="#">View purchase</a>

            </div><!-- end of col md -->

            <div class="col-md-4 middle">

              <span class="arw"></span>

              <img src="img/people1.png" alt="people"/>

              <h4>Lorem Ipsum</h4>

              <p>Fantastic seller lightning fast shipping and awesome bag Thanx so much .....</p>

              <a href="#">View purchase</a>

            </div><!-- end of col md -->

            <div class="col-md-4">

              <span class="arw"></span>

              <img src="img/people1.png" alt="people"/>

              <h4>Lorem Ipsum</h4>

              <p>Fantastic seller lightning fast shipping and awesome bag Thanx so much .....</p>

              <a href="#">View purchase</a>

            </div><!-- end of col md -->

          <div class="clearfix"></div>
        </div><!-- end of what-people-are-saying -->



      <div id="home-popular-search">

        <h3>Popular search terms</h3>

        <a href="#" class="search-term">#dresses</a>

        <a href="#" class="search-term">#women-tops</a>

        <a href="#" class="search-term">#men tees</a>

        <a href="#" class="search-term">#skulls</a>

        <a href="#" class="search-term">#handbags</a>

        <a href="#" class="search-term">#corsets</a>

        <a href="#" class="search-term">#leggings</a>

        <a href="#" class="search-term">#steampunk</a>

        <a href="#" class="search-term">#earcuff</a>

      </div><!-- end of home-popular-search ->



      </div><!-- end of .container -->

    </div><!-- end of #content -->
	</div>

 <?php include('home-footer.php'); ?>