1. Quick Introduction to HTML and CSS
2. Making a Small Business Site in Bootstrap and Publishing it Online
-
1. Installing Ruby and Jekyll (9:46)
-
2. Using Bower to Install Bootstrap 4.0.0 Beta and Making it Work with Jekyll (9:36)
-
3. Adding the Default Layout to our Jekyll Project (4:48)
-
4. Adding the Navbar to our Project (2:35)
-
5. Adding the Jumbotron Component and the Card Component to our Pages (4:36)
-
6. Adding the Navbar Partial File as an Include in our Pages (8:52)
-
7. Adding the Jumbotron and the Card Partial Files as Includes in our Pages (3:38)
-
8. Using Photoshop to Quickly Create Mock-ups for our Web Pages (7:26)
-
9. Changing the Index Page to Reflect the Mock Up Wireframe (14:48)
-
10. Adding the Footer Partial to our Web Page (3:31)
-
11. Adding the bg-info Contextual Color to the Navbar (5:06)
-
12. Mocking up the About Us Page in Photoshop and Changing our about-us.html File (13:59)
-
13. Mocking up the Contact Us Page in Photoshop and Coding it Up in VS Code (7:30)
-
14. Adding the Sticky Footer to Our Web Site (9:28)
-
15. Adding a Background Image to Jumbotron (8:01)
-
16. Fixing Up the Testimonials Section (10:43)
-
17. Improving the Footer and Adding Cards Components to our Index Page (11:51)
-
18. Publishing our Website Project Online with the Help of GitHub Pages (8:00)
3. Layout 2 A Product Promo Site
-
1. Mocking Up the Website Header in Adobe Illustrator (3:54)
-
2. Start Building Our Second Layout (9:30)
-
3. Experimenting with clip-path to learn how it works (8:49)
-
4. Add a FontAwesome icon as a background image to jumbotron (9:57)
-
5. Add fixed navbar and change its links and the look of the search button (7:25)
-
6. Adding the media list section (9:37)
-
7. Adding FontAwesome icons to the media list section (6:45)
-
8. Add a carousel testimonials section (6:51)
-
9. Improving the carousel testimonials section (14:34)
-
10. Making the carousel look nice, version 1 (14:27)
