index.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Shop</title>
  8. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  9. <link rel="stylesheet" href="./style.css">
  10. <style>
  11. </style>
  12. </head>
  13. <body>
  14. <div class="wrapper">
  15. <header class="bg-light">
  16. <a class="logo" href="">
  17. ГЛАВНАЯ
  18. </a>
  19. <div class="head-info">
  20. <a id="cartIcon" href="#/cart">
  21. <img src="./cart.svg">
  22. <span id="cartCounter"></span>
  23. </a>
  24. <input id="findField" type="text"/>
  25. <div id="topContaner"></div>
  26. </div>
  27. </header>
  28. <div id='mainContainer'>
  29. <aside id='aside'>
  30. </aside>
  31. <main id='main'>
  32. </main>
  33. </div>
  34. </div>
  35. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
  36. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
  37. <script src='index.js'></script>
  38. </body>
  39. </html>