Challenge #3: Embed a carousel of images into three modal windows.

Requirements

  1. Use the construct of a modal window to display a carousel of images on the first three cards
  2. The carousel should show one image at a time, and present a minimum of three images in total.
  3. You may use images from lorem picsum as placeholders. Consider using images of varied dimensions to see what happens when your content varies in size.
  4. Use only Bootstrap defaults to achieve your goals.
  5. Document your process as you go using the structure illustrated on this page.
  6. When you break something, try to fix it. If it is broken beyond repair, save the file as a fail and move on to a fresh attempt.

The Attempt

...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Process

  1. I went to the Bootstrap site to acquire the HTML for image carousels.
    • I copy and paste the HTML for an image carousel with three images into my modal content code.
    • Success: Once clicking on Go Somewhere, I have a carousel that allows me to click through three images.

Every page's content should end with a call-to-action that tells the user what to do next. A good call-to-action will have link the user can click to go to the next resource we want them to see.