This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Bootstrap From Beginner to Expert
1. Quick Introduction to HTML and CSS
1. Quick Intro to HTML and CSS part 1 (12:40)
2. Quick Intro to HTML and CSS part 2 (6:39)
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)
14. Adding the Sticky Footer to Our Web Site
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock