index.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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. <link rel="stylesheet" href="normalize.css">
  8. <link rel="stylesheet" href="main.css">
  9. <title>Home Work Markup</title>
  10. </head>
  11. <body>
  12. <div class="wrapper" >
  13. <header class="header" data-name="Menu here">
  14. <nav>
  15. <ul class="nav_list">
  16. <li class="nav_item"><a href="#">HOME</a></li>
  17. <li class="nav_item"><a href="#">CONTACTS</a></li>
  18. <li class="nav_item"><a href="#">OUR TEAM</a></li>
  19. <li class="nav_item"><a href="#">FAQ</a></li>
  20. <li class="nav_item"><a href="#">ABOUT</a></li>
  21. <li class="nav_item"><a href="#">NEWS</a></li>
  22. </ul>
  23. </nav>
  24. </header>
  25. <main class="main">
  26. <div class="container">
  27. <h1>Home work Markup</h1>
  28. <div class="card__box">
  29. <blockquote cite="#">
  30. <p><b>"Судьба тасует карты, а мы играем."</b> </p>
  31. <p><i>Артур Шопенгауэр</i></p>
  32. </blockquote>
  33. <div class="card"><img width="150" src="img/card.png" alt="card"></div>
  34. <div class="card"><img width="150" src="img/card.png" alt="card"></div>
  35. <div class="card"><img width="150" src="img/card.png" alt="card"></div>
  36. </div>
  37. <div class="box__wrapper">
  38. <div class="box"></div>
  39. <div class="box"></div>
  40. <div class="box"></div>
  41. </div>
  42. <div class="space"></div>
  43. <div class="box_animation">
  44. <div class="box_run"></div>
  45. </div>
  46. </div>
  47. <footer class="footer">
  48. </footer>
  49. </div>
  50. </body>
  51. </html>