Emmanuil
/
project_LEO_Shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>LEO Shop</title>
    <link rel="stylesheet" href="/style/reset.css" />
    <link
      href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="/style/style.css" />
  </head>
  <body>
    <header class="header">
      <div class="header-background">
        <div class="container">
          <div class="header-login">
            <div class="language-currency">
              <span>Language:</span>
              <select id="language">
                <option value="english">English</option>
                <option value="russian">Russian</option>
              </select>

              <span>Currency:</span>
              <select id="currency">
                <option value="usd">USD</option>
                <option value="uah">UAH</option>
              </select>
            </div>

            <div class="login">
              <ul class="list-login">
                <li><a href="#">Account</a></li>
                <li><a href="#">Wishlist</a></li>
                <li><a href="#">Checkout</a></li>
                <li><a href="#">Log In</a></li>
                <li><a href="#">Sign Up</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="container">
        <div class="logo-menu">
          <div class="title">LEO Shop</div>

          <ul class="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">women</a></li>
            <li><a href="#">men</a></li>
            <li><a href="#">other</a></li>
            <li><a href="#">purchase</a></li>
          </ul>

          <div class="search">
            <input id="search" type="search" placeholder="Search.." />
            <a href="#" class="icon-search"></a>
          </div>

          <div class="buy">
            <div class="icon"><a href="#" class="icon-cart1"></a></div>
            <div class="cart"><a href="#">cart (0)</a></div>
          </div>
        </div>
      </div>
    </header>

    <div class="main">
      <div class="banner">
        <div class="container">
          <div class="text-banner">
            <p>ALUMINUM CLUB</p>
            <br />
            <p>Experience Ray-Ban</p>
          </div>
        </div>
      </div>

      <div class="container">
        <div class="product-right_banners">
          <div class="product">
            <h1>Featured product</h1>

            <div class="featured-product">
              <div class="box">
                <a href="#">
                  <img src="../images/sunglasses1.png" alt="" />
                  <div class="description">
                    <div class="description-money">
                      <h2>Ray Ban Original 8279</h2>
                      <span>$388.00</span>
                    </div>
                    <div class="icon-cart"></div>
                  </div>
                </a>
              </div>

              <div class="box">
                <a href="#">
                  <img src="../images/sunglasses2.png" alt="" />
                  <div class="description">
                    <div class="description-money">
                      <h2>Ray Ban Wayfarer 8316</h2>
                      <span>$90.00</span>
                    </div>
                    <div class="icon-cart"></div>
                  </div>
                </a>
              </div>

              <div class="box">
                <a href="#">
                  <img src="../images/sunglasses3.png" alt="" />
                  <div class="description">
                    <div class="description-money">
                      <h2>Ray Ban Original 8320</h2>
                      <span>$300.00</span>
                    </div>
                    <div class="icon-cart"></div>
                  </div>
                </a>
              </div>

              <div class="box">
                <a href="#">
                  <img src="../images/sunglasses4.png" alt="" />
                  <div class="description">
                    <div class="description-money">
                      <h2>Ray Ban Original 8445</h2>
                      <span>$180.00</span>
                    </div>
                    <div class="icon-cart"></div>
                  </div>
                </a>
              </div>

              <div class="box">
                <a href="#">
                  <img src="../images/sunglasses5.png" alt="" />
                  <div class="description">
                    <div class="description-money">
                      <h2>Ray Ban Original 8340</h2>
                      <span>$278.00</span>
                    </div>
                    <div class="icon-cart"></div>
                  </div>
                </a>
              </div>

              <div class="box">
                <a href="#">
                  <img src="../images/sunglasses6.png" alt="" />
                  <div class="description">
                    <div class="description-money">
                      <h2>Ray Ban Original 8460</h2>
                      <span>$378.00</span>
                    </div>
                    <div class="icon-cart"></div>
                  </div>
                </a>
              </div>
            </div>
          </div>

          <div class="right_banners">
            <div class="right-slider">
              <h2>
                Featured <br />
                Glass
              </h2>
              <button id="btn">Check it Out</button>
            </div>
            <div class="slider-circle">
              <div id="circle" class="active"></div>
              <div id="circle"></div>
              <div id="circle"></div>
            </div>

            <div class="email"></div>
          </div>
        </div>
      </div>
    </div>

    <footer>
      <div class="shipping-call-us">
        <div class="container">
          <div class="delivery">
            <a href="#">
              <div class="icon-car"></div>
              <p>Free shipping on orders over $100</p>
            </a>
          </div>
          <div class="call-us">
            <a href="#">
              <div class="icon-phone"></div>
              <p>call us! toLl free- 409-8888-0099</p>
            </a>
          </div>
        </div>
      </div>
    </footer>

    <script src="/js/index.js"></script>
  </body>
</html>