Do It Yourself– Site Tutorials

➢ Tutorial Starter Files: https://m.w3newbie.com/d/tutorial-38.zip ➢ 12 Site Bundle: http://w3n.link/12-website-bundle ➢ Courses: http://w3n.link/courses ➢ Site Hosting: http://w3n.link/38-bluehost In this video we’ll develop a responsive Bootstrap site layout with HTML5, CSS3, Bootstrap 4.5, & & Visual Studio Code! Initially we’ll get a quick introduction to Bootstrap which is the responsive site structure we’ll be utilizing, then we’ll get a short introduction to the Visual Studio Code text editor that we’ll be utilizing in the course. In this style we’ll construct a top-bar above out menu, a navigation menu utilizing the Bootstrap framework with the navbar part along with include our own customized styling to the framework. We’ll also develop a customized Bootstrap Carousel Image Slider, a fixed background image area with a modal pop-up, and design various width and columned areas as we work our method through the site style.

00:00 -00:32 Intro
00:33 -07:51 Task Summary & & Text Editor
07:52 -13:24 Website Starter Files Intro:
➢ Tutorial Beginner Files: https://m.w3newbie.com/d/tutorial-38.zip
13:25 -18:08 Top Bar HTML & & CSS 18:09 -25:05 Navigation Menu HTML
25:06 -29:27 Navigation Menu CSS
29:28 -35:31 Bootstrap Carousel Image Slider Part 1
35:32 -41:27 Bootstrap Carousel Image Slider Part 2
41:28 -57:43 Bootstrap Carousel Image Slider Part 3
57:44-: Heading & & Three Column Section HTML
1:02:32 -1:07:32 Repaired Background Image Section
1:07:33 -1:10:15 Bootstrap Modal Popup HTML
1:10:16 -1:17:33 Emoji Navbar Collapse Section
1:17:34 -1:25:05 2 Column & & Bootstrap Jumbotron Sections
1:25:06 -1:30:29 Footer & & Socket HTML
1:30:30 -1:36:40 Footer & & Socket CSS
1:36:41 -1:40:25 Responsive Media Inquiry CSS
1:40:26 How To Put Your Website Online with Site Hosting:
➢ Website Hosting: http://w3n.link/38-bluehost

Please keep in mind to subscribe here on YouTube and follow:
Facebook: http://www.facebook.com/w3newbie
Twitter: http://twitter.com/drewoncue

➢ 3 Website Bundle Benefit: https://w3newbie.com/product/3-website-bundle-bonus/

source