Build A Responsive HTML Website with HTML5, CSS3 & Bootstrap 4
➢Tutorial Starter Files: https://m.w3newbie.com/w/tutorial-51.zip
➢Website Template Bundle: https://w3newbie.com/template-bundle/
➢Courses: https://w3newbie.com/courses/
➢Website Hosting: https://w3newbie.com/bluehost/
In this video we'll build a complete responsive HTML website with HTML5, CSS3 and Bootstrap 4. Bootstrap is a CSS framework that we'll use which will allow us to add HTML classes that have pre-defined CSS styles attached to them to make it easy for us to develop a responsive, mobile friendly website design.
The Nest Bootstrap Theme developed in this video is a shortened, or light, version of the complete website theme seen in the complete course and theme as seen on my website.
https://w3newbie.com/create-a-bootstrap-theme-from-scratch-with-bootstrap-4-html5-css3/
0:15 - Website Design Overview
3:00 - Starter Website Files Overview
4:30 - Text Editor Resource (Visual Studio Code)
5:15 - HTML included in the website files already
8:15 - Website Development Resources (FA/Bootstrap)
9:07 - CSS included in the website files already
10:25 - Bootstrap Scrollspy in the HTML Body tag
11:45 - Navbar Drop Navigation Menu HTML
19:55 - Full Screen Landing Page HTML
20:49 - Fixed Landing Page CSS & Background Image
22:41 - Navigation Menu CSS Styling
28:44 - Landing Page Content HTML
29:27 - Landing Page Heading & Button CSS
32:55 - Responsive Three Column About Section HTML
40:20 - Three Column Heading & Icon CSS
42:11 - Image Portfolio Section HTML
46:18 - Image Portfolio CSS Styling
47:54 - Bootstrap Scrollspy Offset Height CSS
49:52 - Testimonials Bootstrap Cards HTML
57:35 - Contact/Footer Section HTML with Social Icons
59:52 - Footer CSS/HTML Continued
1:05:43 - Social Icons & Website Socket CSS
1:08:43 - Responsive CSS Styling with Media Queries
1:09:57 - Complete - Thanks for watching and Subscribe!
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Build A Responsive HTML Website with HTML5, CSS3 & Bootstrap 4», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.