К основному контенту

Сообщения

Избранные

ЖСО-201/2. Цифровые коммуникации. Практическое задание №5. Текстовый лендинг со сроком акции

Вам необходимо создать лендинг с пятью абзацами текста, описывающими акцию. Одним скрытым абзацом с подробными условиями и счетчиком, отмеряющим время до окончания акции. Вам также потребуется фоновая картинка, иллюстрирующая продвигаемый товар или услугу. Картинку, CSS и JavaScript вы загружаете на Github. CSS и JavaScript перед встраиванием конвертируете через  raw.githack.com I CSS: 1) Начинаем с указания универсального селектора и отображения лендинга в виде блока:  * {     box-sizing: border-box; } 2) Далее указываем в селекторе шрифт, ширину и вашу фоновую картинку: html, body {     font-family: 'Open Sans', sans-serif;     height: 100%;     margin: 0;   background: url("тут ваше фото");   background-size: cover; } 3) В классе объекта указываем ширину и отступы: .box {     width: 100%;     padding-right: 15px;     padding-left: 15px;     margin: auto; } 4) Создаем класс лендинга с р...

Последние сообщения

ЖСО-201/2. Цифровые коммуникации. Практическое задание №4. Простой текстовый лендинг

ЖСО-201/2. Цифровые коммуникации. Практическое задание №3. Простой лендинг-визитка