Welcome to Complete Web Development Course With Jhankar Mahbub Milstone 03 Practice Section, I am Nizam Batch 07.



Video 14-1 Bikerz Zone overview and project setup


Video 14-2 Container, set navbar, set navbar logo image


Video 14-3 Set top banner carousel, image slider, custom rows


Video 14-4 Finish the banner and Custom CSS to override bootstrap


Video 14-5 Hot bike section with responsive row cols


Hot Bikes in this year

Best Bike Collection



Video 14-6 Create New arrival and happy customer section

New Arrival

...
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

...
Card title

This card has supporting text below as a natural lead-in to additional content.

...
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.


Video 14-7 Use Font awesome ratings and change SVG image color


Video 14-8 Override default bootstrap style using custom CSS


Frequently Asked Question


Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the first item's accordion body.

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the second item's accordion body. Let's imagine this being filled with some actual content.

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the third item's accordion body. Nothing more exciting happening here in terms of content, but just filling up the space to make it look, at least at first glance, a bit more representative of how this would look in a real-world application.

Video 14-9 Module summary, Code Recap, extra practice


QUIZ

Question 01: What is ps-5 for bootstrap?
Ans: Creating 3rem padding at the starting

Question 02: Where should you put the js file’s script tag in an HTML file?
Ans: As the last tag of the body tag

Question 03: Which bootstrap class will you use to get 100% width of a div? Ans: w-100

Question 04: (check bootstrap doc for this answer) Gutters are the gaps between column content, created by ___?____
Ans: horizontal padding

Question 05: How will you remove margin from a button/div using bootstrap class ?
Ans: m-0

Question 06: What are the two bootstrap classes you use to vertically and horizontally center a div inside a div? (flex-direction: row)
Ans: align-items-center justify-content-center

Question 07: Which one is recommended for overwriting bootstrap styles?
Ans: Add your own custom class and apply style on it

Question 08: How will you jump from a nav link to any section of your website?
Ans: By using id and setting anchor href value with the # symbol

Question 09: Which class provides a full width container, spanning the entire width of the viewport?
Ans: container-fluid

Question 10: Which class is used to create a button group?
Ans: .btn-group

The End