Want to create landing pages that convert visitors into customers? This two-hour hands-on project is designed for web developers seeking to enhance their skills in building professional and visually captivating online storefronts using Bootstrap, a leading front-end framework offering a streamlined and efficient framework for creating responsive and visually appealing web interfaces.



Responsive Design in Bootstrap: Create a Landing Page

Instructor: Mohammed Al-Mousa
Access provided by Dayananda Sagar College of Engineering
Recommended experience
What you'll learn
Use Bootstrap's grid system to create a responsive and adaptable landing page layout.
Utilize Bootstrap components to improve the landing page's functionality and visual appeal.
Apply Bootstrap's CSS classes and customization options to achieve a visually appealing design.
Skills you'll practice
Details to know

Add to your LinkedIn profile
Only available on desktop
See how employees at top companies are mastering in-demand skills

Learn, practice, and apply job-ready skills in less than 2 hours
- Receive training from industry experts
- Gain hands-on experience solving real-world job tasks
- Build confidence using the latest tools and technologies

About this Guided Project
Learn step-by-step
In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:
Task1: Setup a Bootstrap Project
Task2: Create a Top Navigation Bar
Task3: Create a Page Header
Practice I: Create a Responsive Navbar for a Movies Webpage
Task4: Develop a Search Area with Modal
Task5: Develop a Banner Hero Section using Carousels
Task6: Develop a Products Section
Practice II: Create a Contact US Modal
Task7: Develop a Featured Products Section
Task8: Develop a Page Footer
Cumulative Task: Develop a Product Detail Modal
Recommended experience
HTML5 basics: page structure, div, headings. lists, images, and buttons.
10 project images
Instructor

Offered by
How you'll learn
Skill-based, hands-on learning
Practice new skills by completing job-related tasks.
Expert guidance
Follow along with pre-recorded videos from experts using a unique side-by-side interface.
No downloads or installation required
Access the tools and resources you need in a pre-configured cloud workspace.
Available only on desktop
This Guided Project is designed for laptops or desktop computers with a reliable Internet connection, not mobile devices.
Why people choose Coursera for their career




You might also like
Coursera Project Network
University of London
Board Infinity