×

×

Correct!

Exercise:

Fill in the missing parts to create a card with a header, content and footer:

<div class="card"> <div class="card-header">Header</div> <div class="card-body">Content</div> <div class="card-footer">Footer</div> </div>

Not Correct

Click here to try again.

Correct!

Next ❯

<div class="w3exercise_input_no_0
">
  <div class="w3exercise_input_no_1
">Header</div>
  <div class="w3exercise_input_no_2
">Content</div>
  <div class="w3exercise_input_no_3
">Footer</div>
</div>

Completed 0 of 50 Exercises:

BS4 Containers

Exercise 1 Exercise 2 Go to BS4 Containers Tutorial

BS4 Typography

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Typography Tutorial

BS4 Colors

Exercise 1 Exercise 2 Go to BS4 Colors Tutorial

BS4 Tables

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to BS4 Tables Tutorial

BS4 Images

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to BS4 Images Tutorial

BS4 Alerts

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Alerts Tutorial

BS4 Buttons

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Exercise 7 Go to BS4 Buttons Tutorial

BS4 Badges

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Badges Tutorial

BS4 Progress Bar

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to BS4 Progress Bar Tutorial

BS4 Spinners

Exercise 1 Exercise 2 Go to BS4 Spinners Tutorial

BS4 Pagination

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Pagination Tutorial

BS4 List Groups

Exercise 1 Exercise 2 Go to BS4 List Groups Tutorial

BS4 Cards

Exercise 1 Exercise 2 Go to BS4 Cards Tutorial

BS4 Dropdowns

Exercise 1 Go to BS4 Dropdowns Tutorial

BS4 Collapse

Exercise 1 Go to BS4 Collapse Tutorial

BS4 Navs

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Navs Tutorial

BS4 Navbars

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Navbars Tutorial