Untitled

<!DOCTYPE html>
<html lang="en">
<head>

<!--Title (you can see it in the tab of your browser)!-->
<title>Unique - Since 1957</title>

<!--Some meta stuff (you dont need do edit it). It optimizes the content for phones, tablets and so on..!-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Including all the css style sheets and other essentials!-->


<!--Owl-Carousel!-->
<link rel="stylesheet" href="assets/OwlCarousel2-2.3.3/dist/assets/owl.carousel.css">
<link rel="stylesheet" href="assets/OwlCarousel2-2.3.3/dist/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="assets/OwlCarousel2-2.3.3/dist/assets/owl.carousel.min.css">

<!--Bootstrap 4.0.0!-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

<!--Google Fonts!-->


<!--Animation!-->
<link rel="stylesheet" href="assets/css/animate.css">

<!--Icons!-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">


<!--Stylesheets!-->
<link rel="stylesheet" href="assets/css/navbar.css">
<link rel="stylesheet" href="assets/css/mainstyle.css">
<link rel="stylesheet" href="assets/css/header.css">
<link rel="stylesheet" href="assets/css/carousel.style.css">

<!--Scripts!-->
<script src="assets/OwlCarousel2-2.3.3/dist/owl.carousel.js" type="text/javascript"></script>
<script src="assets/OwlCarousel2-2.3.3/dist/owl.carousel.min.js" type="text/javascript"></script>
<script src="assets/OwlCarousel2-2.3.3/docs/assets/vendors/jquery.min.js" type="text/javascript"></script>

    </head>
    <body>
    <header>


        <!--Infobar!-->

        <nav class="infobar-style navbar navbar-expand-sm">


        <ul class="navbar-nav">


            <li class="nav-item">
            <a class="nav-link margin450 infobar-icon-style " href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
            </li>

            <li class="nav-item">
            <a class="nav-link margin5 infobar-icon-style" href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
            </li>

            <li class="nav-item">
            <a class="nav-link margin5 infobar-icon-style" href="https://www.twitter.com"><i class="fab fa-twitter"></i></a>
            </li>

            <li class="nav-item">
            <a class="nav-link margin5 infobar-icon-style" href="https://www.pinterest.com"><i class="fab fa-pinterest"></i></a>
            </li>

            <li class="nav-item">
            <a class="nav-link margin5 infobar-icon-style" href="https://www.snapchat.com"><i class="fab fa-snapchat-ghost"></i></a>
            </li>

            <li class="nav-item">
            <a href="#" class="nav-link margin250 infobar-text-style">Locations</a>
            </li>

            <li class="nav-item">
            <a class="nav-link infobar-text-style-2">|</a>
            </li>

            <li class="nav-item">
            <a href="#" class="nav-link infobar-text-style">Support</a>
            </li>

            <li class="nav-item">
            <a class="nav-link infobar-text-style-2">|</a>
            </li>

            <li class="nav-item">
            <a class="nav-link infobar-text-style">English<i class="fas fa-angle-down" style="margin-left: 5.5px;"></i></a>
            </li>

            <li class="nav-item">
            <a href="#" class="nav-link infobar-text-style margin300 margin5">Login</a>
            </li>

            <li class="nav-item">
            <a class="nav-link infobar-text-style-2">|</a>
            </li>

            <li class="nav-item">
            <a href="#" class="nav-link infobar-text-style">Sign Up</a>
            </li>

            </ul>
        </nav>


     <!--Navbar!-->

     <nav class="navbar navbar-expand-sm bg-light">

         <!--Logo!-->
        <a class="navbar-brand" href="index.html">
         <img class="navbar-brand-style" src="assets\img\logo.png" alt="Logo">
        </a>

         <!--Links!-->
         <ul class="navbar-nav">

          <li class="nav-item">
            <a class="nav-text-style nav-link margin250">HOME</a>
            </li>

          <li class="nav-item">
             <a class="nav-text-style nav-link margin25">CATEGORIES<i class="fas fa-angle-down" style="margin-left: 5.5px;"></i></a>
             </li>

          <li class="nav-item">
             <a class="nav-text-style nav-link margin25">SALES<i class="fas fa-angle-down" style="margin-left: 5.5px;"></i></a>
             </li>

          <li class="nav-item">
             <a class="nav-text-style nav-link margin25">NEW ARRIVALS<i class="fas fa-angle-down" style="margin-left: 5.5px;"></i></a>
             </li>


          <li class="nav-item">
             <a href="#" class="nav-text-style nav-link margin25">ABOUT US</a>
             </li>


          <li class="nav-item">
             <a class="nav-text-style nav-link shopping-button margin25" href="#">SHOPPING CART</a>
             </li>

         </ul>
    </nav>
<!--Navbar and Infobar end here!-->

     </header>


    <div class="row">
    <div class="owl-carousel owl-theme col-sm-4">
  <div class="item"><h6>1</h6></div>
  <div class="item"><h6>2</h6></div>
  <div class="item"><h6>3</h6></div>
  <div class="item"><h6>4</h6></div>
  <div class="item"><h6>5</h6></div>
  <div class="item"><h6>6</h6></div>
  <div class="item"><h6>7</h6></div>
</div>
        </div>


 <script type="text/javascript">
      $(document).ready(function() {
              var owl = $('.owl-carousel');
              owl.owlCarousel({
                items: 4,
                loop: true,
                margin: 10,
                autoplay: true,
                autoplayTimeout: 1000,
                autoplayHoverPause: true
              });
              $('.play').on('click', function() {
                owl.trigger('play.owl.autoplay', [1000])
              })
              $('.stop').on('click', function() {
                owl.trigger('stop.owl.autoplay')
              })
            })
</script>


    </body>
</html>