Перейти к содержимому
×
Главная
Бизнес-информатика
Web-программирование
Новости
Статьи
☰ Меню
<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" alt="no imagine"> </div> <div class="text-box"> <div class="text"> <h2 class="text-title">Изучай больше, чем просто язык!</h2> <ul> <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-box img { width: 100%; } .text-box { width: 50%; background-color: #fff; } .text { background-color: #21219f; color: #fff; padding: 50px; border: 10px double red; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); } .text-title { color: #21219f; margin: 20px 40px 40px 40px; border: 3px solid red; border-radius: 20px; padding: 10px; font-family: 'Lobster', cursive; font-size: 32px; line-height: 1em; border-width: 10px; border-color: red; } ul { padding: 0; margin-top: 15px; margin-bottom: 15px; text-align: left; } li { padding-top: 15px; padding-bottom: 15px; line-height: 1em; font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 400; font-style: italic; }
Results:
Изучай больше, чем просто язык!
Индивидуальные уроки по более чем 150 языкам.
Практикуйся бесплатно в Lingvo-center.
Расширяй возможности изучения за пределами занятий.
