Перейти к содержимому
SHMYGOOL
Главная
Направление
Учебные задания
Новости
Статьи
<section class="advertising"> <div class="content-img-text"> <div class="img-box"> <img src="https://www.cref.ru/wp-content/uploads/2019/12/sh5-1.jpg"> </div> <div class="text-box"> <div class="text"> <h2 class="text-title">Изучай больше, чем просто язык!</h2> <ul type="square"> <li>Индивидуальные уроки по более чем 150 языкам.</li> <li> Практикуйся бесплатно в Lingvo-center.</li> <li> Расширяй возможности изучения за пределами занятий.</li></ul> </div> </div> </div> </section>
.advertising{ width: 100%; } .content-img-text{ display: flex; } .img-box{ width: 50%; } img{ width: 100%; } .text-box{ background-color: #fff; width: 50%; } .text{ background-color: #21219f; color: #fff; padding: 50px 50px 50px 50px; border: 10px double red; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); } .text-title{ color: #21219; margin: 20px 40px 40px 40px; outline: 3px solid red; margin: 20px; border: 10px, dashed, red; padding: 10px 10px 10px 10px; font-family: "Lobster", cursive; font-size: 32px; } li{ padding: 15px 0px 15px 0px; text-align: left; line-height: 1em; font-family: PT Sans, Regular 400; font-style: Italic; font-size: 20px; }
Results:
Изучай больше, чем просто язык!
Индивидуальные уроки по более чем 150 языкам.
Практикуйся бесплатно в Lingvo-center.
Расширяй возможности изучения за пределами занятий.
