index.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>LEO Shop</title>
  7. <link rel="stylesheet" href="/style/reset.css" />
  8. <link
  9. href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&display=swap"
  10. rel="stylesheet"
  11. />
  12. <link rel="stylesheet" href="/style/style.css" />
  13. </head>
  14. <body>
  15. <header class="header">
  16. <div class="header-background">
  17. <div class="container">
  18. <div class="header-login">
  19. <div class="language-currency">
  20. <span>Language:</span>
  21. <select id="language">
  22. <option value="english">English</option>
  23. <option value="russian">Russian</option>
  24. </select>
  25. <span>Currency:</span>
  26. <select id="currency">
  27. <option value="usd">USD</option>
  28. <option value="uah">UAH</option>
  29. </select>
  30. </div>
  31. <div class="login">
  32. <ul class="list-login">
  33. <li><a href="#">Account</a></li>
  34. <li><a href="#">Wishlist</a></li>
  35. <li><a href="#">Checkout</a></li>
  36. <li><a href="#">Log In</a></li>
  37. <li><a href="#">Sign Up</a></li>
  38. </ul>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="container">
  44. <div class="logo-menu">
  45. <div class="title">LEO Shop</div>
  46. <ul class="menu">
  47. <li><a href="#">Home</a></li>
  48. <li><a href="#">women</a></li>
  49. <li><a href="#">men</a></li>
  50. <li><a href="#">other</a></li>
  51. <li><a href="#">purchase</a></li>
  52. </ul>
  53. <input id="search" type="search" placeholder="Search.." />
  54. <div class="buy">
  55. <div class="icon"></div>
  56. <div class="cart">cart (0)</div>
  57. </div>
  58. </div>
  59. </div>
  60. </header>
  61. <script src="/js/index.js"></script>
  62. </body>
  63. </html>