About Course
This course provides a comprehensive guide on building responsive websites using Bootstrap. You will learn how to set up your development environment, create mobile-first designs, implement various Bootstrap components, and add animations and interactions to your site.
Learn how to build responsive, mobile-friendly websites using Bootstrap.
Requirements
- Basic understanding of HTML and CSS.
- Knowledge of web development concepts.
- A computer with internet access.
- Willingness to learn responsive web design techniques.
Course Curriculum
Section 1. Introduction
- 1. Introduction
- 2. Course structure and project planning
- Assessment Exercise- 01
Section 2. Setting up work environment
- 3. Choose your code editor
- 4. Downloading Bootstrap
- 5. Downloading and setting up jQuery
- 6. Linking Bootstrap and jQuery files to HTML
- 7. Project source files
- 8. Verifying the working of Bootstrap files
- Resources
- Assessment Exercise- 02
Section 3. Bootstrap Grid System And Writing default CSS for our website
- 9. Understanding Bootstrap Grid system
- 10. Writing default CSS for our website
- Assessment Exercise- 03
Section 4. Let's create our Navbar
- 11. Navbar part1
- 12. Navbar part2
- 13. Hamburger button troubleshoot
- 14. Navbar part3
- 15. Styling of navbar in CSS
- 16. Styling login box in CSS
- 17. FAQ How to know the difference between bootstrap classes and custom_classes
- Assessment Exercise- 04
Section 5. It's time to create the Header
- 18. Header HTML part-1
- 19. Header HTML part-2
- 20. Styling the Header part-1
- 21. Styling the Header part 2
- 22. Making the Header Responsive
- Assessment Exercise- 05
Section 6. Creating services section
- 23. Services section HTML part-1
- 24. Services section HTML part-2
- 25. Styling the services Section
- Assessment Exercise- 06
Section 7. Sales Section of our website
- 26. Sales section HTML and CSS
- Assessment Exercise- 07
Section 8. Next thing is the Pricing section
- 27. Pricing section layout building
- 28. Pricing section styling in CSS
- Assessment Exercise- 08
Section 9. Building the Mission Section
- 29. Mission section layout building 1
- 30. Styling the Mission section in CSS
- Assessment Exercise- 09
Section 10. Client Section
- 31. Client section layout
- 32. Client section styling
- Assessment Exercise- 10
Section 11. Team section
- 33. Team section layout building
- 34. Team section styling
- Assessment Exercise- 11
Section 12. Creating our awesome contact form
- 35. Contact form HTML
- 36. Contact form styling
- Assessment Exercise- 12
Section 13. Footer
- 37. Footer layout
- 38. Footer styling
- Assessment Exercise- 13
Section 14. Animating the content of our site
- 39. Animation part 1
- 40. Setting up wow.js file
- 41. Animating your HTML Elements
- 42. Animating your HTML Elements part-2
- 43. Final Words
- Assessment Exercise- 14
Section 15. Final Exam
- Final Exam