Перейти к содержимому

Как создать адаптивный дизайн сайта о диетах с помощью HTML, CSS и JAVASCRIPT

NinjasHub

0:00 / 0:00

Как создать адаптивный дизайн сайта о диетах с помощью HTML, CSS и JAVASCRIPT

14 301 просмотр · 3 г. назад
NinjasHub
3,93 тыс. подписчиков
14 301 просмотр · 3 г. назад
В этом видео я покажу вам, как создать адаптивный дизайн сайта о диетах с использованием HTML, CSS и JavaScript. Создайте полный обучающий урок по созданию адаптивного одностраничного сайта о диетах для начинающих, используя HTML, CSS и чистый JavaScript. Основные особенности этого сайта: ✔ Адаптивный заголовок с эффектом переключаемого меню, созданный на чистом JavaScript. ✔ Адаптивная главная страница, созданная с помощью CSS Flexbox. ✔ Адаптивный раздел «О нас», созданный с помощью CSS Flexbox. ✔ Адаптивный раздел «Услуги», созданный с помощью CSS Grid. ✔ Адаптивный раздел «Диета», созданный с помощью Grid. ✔ Адаптивный раздел «Тарифные планы», созданный с помощью CSS Flexbox. ✔ Адаптивный раздел «Отзывы», созданный с помощью swiper.js. ✔ Адаптивный раздел «Подписка на рассылку». ✔ Адаптивный нижний колонтитул, созданный с помощью CSS Grid. Бесплатный исходный код с изображениями Исходный код: Шрифты Google: https://fonts.google.com/specimen/Pop... Ссылка на CDN Font Awesome: https://cdnjs.com/libraries/font-awesome Ссылка на CDN Swiper: https://swiperjs.com/ Редактор: Visual Studio Code Браузер: Google Chrome Изображения / Видео / SVG: 01 - https://www.freepik.com/ 02 - https://storyset.com/ 03 - https://pixabay.com/ 04 - https://unsplash.com/ 05 - https://pixabay.com/ Новичок на моем канале? Подпишитесь сейчас и смотрите больше подобного контента:    / ninjashub   #frontend #frontenddeveloper #responsivewebsite