index.html 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. <!DOCTYPE html>
  2. <html lang="ru">
  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>Wordpress intencive</title>
  8. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
  9. <link rel="stylesheet" href="css/style.css">
  10. </head>
  11. <body>
  12. <section class="promo">
  13. <div class="conteiner">
  14. <div class="logo">
  15. <img src="icons/logo/owl_logo.png" alt="logo" class="logo_img">
  16. <div class="logo_text">WordPress интенсив</div>
  17. </div>
  18. <h1 class="title">Создать свой сайт на WordPress</h1>
  19. <div class="simple">
  20. <h2 class="title_big">это просто!</h2>
  21. <div class="line"></div>
  22. </div>
  23. <h2 class="title">Куда сложнее сделать это правильно!</h2>
  24. <div class="promo_text">
  25. Ежедневно в России появляется более 5 000 новых сайтов.<br>
  26. И только единицы из них становятся популярными и приносят ощутимую прибыль.
  27. В чем секрет? В чем формула успеха? Узнайте на предстоящем двухдневном
  28. <span>БЕСПЛАТНОМ</span> интенсиве!
  29. </div>
  30. <button class="promo_btn">Записаться на интенсив!</button>
  31. <div class="more">
  32. <div class="more_text">узнать больше об интенсиве</div>
  33. <img src="icons/logo/arrow_down.png" alt="down" class="more_img">
  34. </div>
  35. </div>
  36. </section>
  37. <section class="waiting">
  38. <div class="container">
  39. <h2 class="waiting_header">Что вас ждет в нашем интенсиве?</h2>
  40. <div class="waiting_divider"></div>
  41. <div class="waiting_subheader">2 бесплатных полноценных обучающих вебинара,
  42. где:</div>
  43. <div class="waiting_wrapper">
  44. <div class="waiting_item">
  45. <img src="img/waiting/Layer_12.png" alt="1" class="waiting_img">
  46. <div class="waiting_descr">Всего за два бесплатных вебинара мы научим
  47. вас, как создать свой сайт на WordPress. </div>
  48. </div>
  49. <div class="waiting_item">
  50. <img src="img/waiting/Layer_10.png" alt="2" class="waiting_img">
  51. <div class="waiting_descr">Покажем, как правильно оптимизировать сайт
  52. и сделать его привлекательным для поисковых систем. Только свежая,
  53. профессиональная и актуальная информация!</div>
  54. </div>
  55. <div class="waiting_item">
  56. <img src="img/waiting/Layer_7.png" alt="3" class="waiting_img">
  57. <div class="waiting_descr">Вы узнаете, что такое «хорошая индексация»,
  58. «высокая посещаемость», «стабильный прирост посетителей», «ТОП по
  59. запросам» и, что намного важнее, как добиться всех этих
  60. показателей!</div>
  61. </div>
  62. </div>
  63. </div>
  64. </section>
  65. <section class="optimization">
  66. <div class="container">
  67. <h2 class="optimization_header">Что такое оптимизация и зачем она нужна?</h2>
  68. <div class="optimization_text">
  69. <br>На просторах интернета несчетное количество действующих и даже заброшенных сайтов.
  70. Большинство из них совпадает не только по категориям, но и по
  71. содержанию.<br>
  72. <br>Представьте себе тысячи сайтов, на которых тем или иным образом предоставляется одна и та же
  73. информация или продается одна и та же услуга. И попасть на эти сайты можно лишь по
  74. тематическим запросам в поисковых системах.<br>
  75. <br>Но как вам быть, если ваш сайт похож на сотню или тысячу таких же, а на одной странице гугла
  76. или яндекса всего 10 позиций? Как привести посетителей страницы своего ресурса? Именно для
  77. этого и нужна оптимизация – для вывода вашего сайта на первую страницу поиска!<br>
  78. <br><span>Мы научим вас, как сделать ваш сайт привлекательным для поисковых
  79. систем и посоветуем, как вывести его на первые страницы, обходя всех
  80. конкурентов.</span><br>
  81. </div>
  82. <img src="img/bg/woman_bg.jpg" alt="woman" class="optimization_img">
  83. </div>
  84. </section>
  85. <section class="finish">
  86. <div class="container">
  87. <h2 class="finish_header">По окончании обучения Вы сможете!</h2>
  88. <div class="finish_divider"></div>
  89. <div class="finish_wrapper">
  90. <div class="finish_item">
  91. <div class="finish_round">
  92. <img src="icons/finish/Layer_1.png" alt="1" class="finish_icon">
  93. </div>
  94. <div class="finish_descr">Создать свой сайт или блог</div>
  95. </div>
  96. <div class="finish_item">
  97. <div class="finish_round">
  98. <img src="icons/finish/Layer_2.png" alt="2" class="finish_icon">
  99. </div>
  100. <div class="finish_descr">Правильно его оптимизировать</div>
  101. </div>
  102. <div class="finish_item">
  103. <div class="finish_round">
  104. <img src="icons/finish/Layer_3.png" alt="3" class="finish_icon">
  105. </div>
  106. <div class="finish_descr">Обеспечить ему медленный, но верный рост в ТОП</div>
  107. </div>
  108. <div class="finish_item">
  109. <div class="finish_round">
  110. <img src="icons/finish/Layer_4.png" alt="4" class="finish_icon">
  111. </div>
  112. <div class="finish_descr">Достигнуть стабильного прироста посетителей</div>
  113. </div>
  114. <div class="finish_item">
  115. <div class="finish_round">
  116. <img src="icons/finish/Layer_5.png" alt="5" class="finish_icon">
  117. </div>
  118. <div class="finish_descr">Получать ощутимую прибыль</div>
  119. </div>
  120. </div>
  121. </div>
  122. </section>
  123. <section class="gift">
  124. <div class="container">
  125. <div class="icons_item">
  126. <img src="icons/logo/gift.png" alt="gift" class="logo_gift">
  127. </div>
  128. <div class="icons_text">Для всех участников интенсива предусмотрены бонусы и подарки. Нажимайте на
  129. кнопку ниже, принимайте участие в вебинарах и забирайте свой приз по
  130. окончании обучения!
  131. </div>
  132. <button class="gift_btn">Записаться на интенсив!</button>
  133. </div>
  134. </section>
  135. <section class="date">
  136. <div class="container">
  137. <div class="webinar_item">
  138. <img src="img/first_webinar/Layer_20.png" alt="webinar" class="webinar_icon">
  139. </div>
  140. <h2 class="text_first">Первый вебинар состоится:</h2>
  141. <h2 class="text_second">10 сентября в 20:00 по Москве</h2>
  142. <div class="little_text">Успейте записаться, количество мест ограничено!</div>
  143. </div>
  144. </section>
  145. <footer>
  146. <div class="info">
  147. <div class="info_links">
  148. <a href="#" class="underlined">Служба поддержки</a>
  149. |
  150. <a href="#" class="underlined">Политика конфиденциальности</a>
  151. </div>
  152. Позвоните нам <a href="tel:+88005550121">8-800-555-01-21</a>
  153. </div>
  154. </footer>
  155. </body>
  156. </html>