Spring Boot Bootcamp – Workbooks and Challenges
)}

Challenge

In this challenge, you will leverage the HTML cheat sheet.

Task 1

Using the Spring Initializr, create a new project with the following attributes:

  1. Group Id: com.ltp
  2. Artifact-Id: painting
  3. Dependencies: Spring Web, and Spring Boot Devtools

Task 2

If you have not downloaded the course resources already, see the Workbooks and Challenges lesson.

Task 3

Add an index.html file under the static folder.

Task 4

Inside spring-boot-bootcamp-resources > 1.intro-to-springboot > challenge > starter, there are two paintings of Mona Lisa and Salvator Mundi. Inside the static folder, create an images folder and drag the paintings there.

Screen Shot 2022-05-20 at 11.36.49 PM.png

Task 5

Using the HTML cheat sheet:

  • Create a header element that displays: "Da Vinci Artwork".
  • Create another image element that displays the Mona Lisa.
  • Create an image element that displays the Salvator Mundi.
  • Give each painting a width of 200.

Screen Shot 2022-05-20 at 11.43.06 PM.png

Task 6

Using the HTML cheat sheet, place each painting in a block-level container. In other words, a container that takes up the whole width.

Screen Shot 2022-05-20 at 11.46.26 PM.png

Task 7

Using the HTML cheat sheet, display the following text under each image:

  • The Salvator Mundi was painted for King Louis XII of France
  • The Mona Lisa is a half-length portrait painting by Italian artist Leonardo da Vinci.

Screen Shot 2022-05-20 at 11.52.44 PM.png

Task 8

Using the HTML cheat sheet, place the text inside an inline element.

Screen Shot 2022-05-20 at 11.57.07 PM.png

Good Luck!

Feedback Summary
5.0
3 students
5

100%
4

0%
3

0%
2

0%
1

0%
Written Reviews
There are no written reviews yet.