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 breakm something, try to fix it. If it is broken beyond repair, save the file as a fail and move on to a fresh atte

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. To begin challenge 3, I went to the Bootstrap website to find the code for the carousel and I chosed the basic slideshow.
      FAIL: When I pasted the code, the slideshow doesn't show up in my web page.
      Success: I was able to have my slideshow of photos show up on my webpage. I did this by placing the code of the carousel under where the container of the modal body text is loccated.
      Error: The three set of images for each slideshow are the same even though I had chose the random images code from Lorem Picsum.

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