Artbloc

Автор: ES, 4 Дней назад, написана на языке Plain Text, просмотрена 9 раз(а).
URL https://pastie.ru/view/d88a527a Встраивание на сайт
Скачать заметку или Посмостреть исходник Test1
  1.  <style>
  2. .article_link{text-decoration:underline !important}
  3. .row{    width: 100% !important;}
  4. .defaultBlock {
  5.     margin-bottom:-100px !important;
  6.     padding: 0;
  7.     margin: 0px -30px 0px 0 !important;}
  8.  
  9.  
  10. .container-fluid{margin:0px !important;padding:0px !important;max-width:100% !important}
  11. .frontpageSingle__content{width:100% !important}
  12. .issue__title,.hot__name,a{letter-spacing:normal !important}
  13. .header{background:#011020 url(https://www.26-2.ru/images/posadki/paywall/header-bg13.jpg) top center;padding-bottom:80px;color:#fff}.top{background-color:rgba(14,14,19,.3);padding:35px 0 28px 0;margin-bottom:50px}.top__phone{color:#ff3;font-weight:500;font-size:21px;line-height:1;text-align:right}
  14. .header__info{padding:20px 1px 15px 30px;font-size:19px;line-height:1.3;font-weight:300}
  15. .header__text{font-size:36px;line-height:1.3;padding:1px 1px 50px 30px;text-indent:1px}.header__right{text-align:center}.header__journal{z-index:50;position:relative}
  16. .header__offer{background-color:#e7e8ea;padding:30px 30px;position:relative;z-index:20;margin-top:-50px;color:#000;text-indent:1px;font-size:21px;line-height:1.3;font-weight:300}
  17. .header__offer_b{font-weight:900}.header__button{padding:50px 10px 1px 30px;text-align:left}
  18.  
  19.  
  20.  
  21.  
  22. .es_100_perc{width:100% !important}
  23. .flex_between{display:flex; justify-content:space-between}
  24.  
  25.  
  26.  
  27. {font-family:'Lato',sans-serif;font-weight:normal;font-style:normal}.button__yellow{font-size:18px;line-height:1;display:inline-block;color:#000;text-align:center;background-color:#ffe933;border-radius:3px;padding:22px 10px 23px 10px;max-width:415px;text-decoration:none}.button__yellow:hover,.button__yellow:visited,.button__yellow:focus,.button__yellow:active{color:#000;text-decoration:none}.issue{padding:80px 0 100px 0;background-color:#fff}.issue__title{text-align:center;font-size:36px;line-height:1.3;font-weight:bold;margin-bottom:30px}.issue a{color:#000}.issue__hot{background-color:#e1ebed;padding:25px 30px 20px 160px;position:relative;margin-bottom:40px}.issue__hot:before{position:absolute;content:'';top:-10px;left:25px;width:117px;height:117px;background:url(https://www.26-2.ru/images/posadki/paywall/hot-p13.png) top center}.hot__name{font-size:24px;line-height:1.3;font-weight:bold;margin-bottom:10px}.issue__theme{background-color:#e1ebed;padding:30px 0 1px;margin-bottom:40px}.issue__name{background-color:#fff;font-weight:bold;font-size:21px;line-height:1.3;padding:13px 10px 13px 120px;position:relative}.issue__name:before{position:absolute;content:'';top:-10px;left:25px;width:72px;height:72px}.block1:before{background:url(https://pay.zing.vn/bai-viet/2018-07-12/images/chevron-down.png) top center}.block2:before{background:url(https://pay.zing.vn/bai-viet/2018-07-12/images/chevron-down.png) top center}.block3:before{background:url(https://pay.zing.vn/bai-viet/2018-07-12/images/chevron-down.png) top center}.block4:before{background:url(https://pay.zing.vn/bai-viet/2018-07-12/images/chevron-down.png) top center}.issue__text{padding:24px 40px 10px 80px;min-height:162px;font-size:16px;line-height:1.5}.issue__button{text-align:center;padding:40px 0 10px 0}.footer{background-color:#0f1b3d;padding:24px 0}.footer__left{text-align:right;padding-right:35px;align-self:center}.footer__right{padding-left:35px;color:#c6c6c6;font-size:13px;line-height:1.3;border-left:1px solid #fff}.footer__phone{color:#fff;font-size:16px;line-height:1.5;margin-top:10px;font-weight:bold}.footer__phone span{font-size:12px}
  28.  
  29. @media (max-width: 767px){
  30. .userCode__wrapper {margin-top:-70px !important; }
  31. .noflex{display:block}
  32. .header__right{margin-top:-0px !important}
  33. }
  34.  
  35.  
  36. </style>
  37. </div>
  38.  
  39. <div class="header">
  40.  
  41. <div class="container">
  42. <div class="row no-gutters">
  43. <div class="col-md-6">
  44. <div style="margin-top:100px"  class="header__info"> Вы прочитали 3&nbsp;статьи на&nbsp;портале «Менеджер Образования». </div>
  45. <div class="header__text"> Без ограничений читать материалы сайта
  46. могут только подписчики. </div>
  47. </div>
  48. <div style="margin-top:100px" class="col-md-6 header__right"> <img style="max-width:95%" src="https://www.menobr.ru/images/artblock/CZDSH_SROU_1.png" class="img-flid header__journal" data-pagespeed-url-hash="3874304833" onload="pagespeed.CriticalImages.checkImageForCriticality(this);">
  49. </div>
  50. <div class="col-md-12">
  51. <div class="header__offer">
  52. <div class="row">
  53. <div class="col-md-8"> Получите ознакомительный доступ<span class="header__offer_b">
  54. на 3 дня! </span> </div>
  55. </div>
  56. </div>
  57. </div>
  58. <div  class="container noflex es_100_perc flex_between">
  59.  
  60.  
  61.  
  62. <a href="https://e.zamdirobr.ru/demosubscription.aspx?content=article&articleid=759208&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank" class="btn btn-warning col-md-4 col-xs-12"  style="margin-top:15px;margin-right:15px">
  63. <span style="font-size:17px;"><b class="article_link">Получить доступ к журналу </b><br/></span>
  64. <span style="font-size:14px;">"Справочник заместителя директора школы"</span>
  65.  
  66.  
  67.  
  68. </a>
  69.  
  70.  
  71.  
  72. <a href="https://e.rukobr.ru/demosubscription.aspx?content=article&articleid=759880&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank" class="btn btn-warning col-md-4 col-xs-12"  style="margin-top:15px;margin-right:15px">
  73. <span style="font-size:17px;"><b class="article_link">Получить доступ к журналу </b><br/></span>
  74. <span style="font-size:14px;">"Справочник руководителя <br/>
  75. образовательного учреждения"</span>
  76.  
  77.  
  78.  
  79. </a>
  80.  
  81.  
  82.  
  83.  
  84.  
  85. </div>
  86.  
  87.  
  88.  
  89.  
  90. </div>
  91. </div>
  92. </div>
  93.  
  94. <div class="container">
  95. <div class="row">
  96. <div class="col-12">
  97. <div class="issue__title">Читайте в свежем номере</div>
  98. </div>
  99. <div class="col-12">
  100. <div class="issue__hot">
  101. <div class="hot__name"> Горячая новость </div>
  102. <p><a class="article_link" href="https://e.zamdirobr.ru/demosubscription.aspx?content=article&articleid=759208&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank">Новые рекомендации помогут объяснить запрет на смартфоны в школе</a></p>
  103. </div>
  104. </div>
  105. <div class="col-lg-6 col-md-12">
  106. <div class="issue__theme">
  107. <div class="issue__name block1">Качество образования</div>
  108. <div class="issue__text">
  109. <p><a class="article_link" href="https://e.zamdirobr.ru/demosubscription.aspx?content=article&articleid=759214&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank">Как спланировать текущий контроль успеваемости для учеников с разным типом мотивации к учебе</a></p>
  110. <p><a class="article_link" href="https://e.zamdirobr.ru/demosubscription.aspx?content=article&articleid=759215&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank">Организуйте методическую работу школы на месяц. Новая циклограмма</a></p>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="col-lg-6 col-md-12">
  115. <div class="issue__theme">
  116. <div class="issue__name block2"> Управление организацией</div>
  117. <div class="issue__text">
  118. <p><a class="article_link" href="https://e.rukobr.ru/demosubscription.aspx?content=article&articleid=759878&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank">Входная диагностика ВСОКО и итоги адаптации учеников в циклограмме контроля на октябрь</a></p>
  119. <p><a class="article_link" href="https://e.rukobr.ru/demosubscription.aspx?content=article&articleid=759879&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank">Как использовать мобильные в школе по новым рекомендациям Рособрнадзора. Образец приказа</a> </p>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="col-lg-6 col-md-12">
  124. <div class="issue__theme">
  125. <div class="issue__name block3"> Дополнительное образование </div>
  126. <div class="issue__text">
  127. <p><a class="article_link" href="https://e.zamdirobr.ru/demosubscription.aspx?content=article&articleid=759219&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank">Обязательные документы по допобразованию. 11 папок для заместителя директора</a></p>
  128. <p><a class="article_link" href="https://e.zamdirobr.ru/demosubscription.aspx?content=article&articleid=759220&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank">Проверьте, как педагоги подготовили доппрограммы. Таблица для контроля</a></p>
  129. </div>
  130. </div>
  131. </div>
  132. <div class="col-lg-6 col-md-12">
  133. <div class="issue__theme">
  134. <div class="issue__name block4"> Безопасная школа</div>
  135. <div class="issue__text">
  136. <p><a class="article_link" href="https://e.rukobr.ru/demosubscription.aspx?content=article&articleid=759880&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank">Срочно измените паспорт безопасности по новым требованиям Правительства</a></p>
  137. <p><a class="article_link" href="https://e.rukobr.ru/demosubscription.aspx?content=article&articleid=759881&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank">Эти пять приказов по безопасности вы должны были издать еще в сентябре</a> </p>
  138. </div>
  139. </div>
  140. </div>
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152. <div  style="margin-bottom:15px" class="container noflex es_100_perc flex_between">
  153.  
  154.  
  155.  
  156. <a href="https://e.zamdirobr.ru/demosubscription.aspx?content=article&articleid=759208&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank" class="btn btn-warning col-md-4 col-xs-12"  style="margin-top:15px;margin-right:15px">
  157. <span style="font-size:17px;"><b class="article_link">Получить доступ к журналу </b><br/></span>
  158. <span style="font-size:14px;">"Справочник заместителя директора школы"</span>
  159.  
  160.  
  161.  
  162. </a>
  163.  
  164.  
  165.  
  166. <a href="https://e.rukobr.ru/demosubscription.aspx?content=article&articleid=759880&utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank" class="btn btn-warning col-md-4 col-xs-12"  style="margin-top:15px;margin-right:15px">
  167. <span style="font-size:17px;"><b class="article_link">Получить доступ к журналу </b><br/></span>
  168. <span style="font-size:14px;">"Справочник руководителя <br/>образовательного учреждения"</span>
  169.  
  170.  
  171.  
  172. </a>
  173.  
  174.  
  175.  
  176.  
  177.  
  178. </div>
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186.   <div style="display:flex;justify-content:center;letter-spacing: 0em !important;margin-bottom:15px"><a href="https://www.proflit.ru/obrazovanie---dlya-shkol/zhurnaly?utm_source=www.menobr.ru&utm_medium=refer&utm_campaign=PW_Artbloc&utm_content=refer_menobr.ru_hard_paywall" target="_blank">Получите постоянный доступ </a>&nbsp;к любому из журналов</div>
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195. </div>
  196. </div>
  197.  
  198.  
  199.  
  200.  
  201. <div class="footer">
  202. <div class="container">
  203. <div class="row">
  204. <div class="col-md-6 col-sm-12 footer__left"><span style="    color: white;
  205.     font-size: 20px;
  206.     font-weight: 700;
  207.     font-family: cursive;
  208.     font-style: italic;">Менеджер образования</span>
  209. </div>
  210. <div class="col-md-6 col-sm-12">
  211. <div class="footer__right"> Телефоны подписки
  212. <div class="footer__phone">8 800 511 98 65 <span>(звонок
  213. бесплатный)</span> </div>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
Ответить: "Artbloc"

Здесь Вы можете ответить на заметку выше