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 Haile Selassie I MetaVersity
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 


