Как создать адаптивный дизайн сайта о диетах с помощью 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