Assignment 3A — Dream Destinations⌗

Instructor: Laksh Budhrani

Quick Recall: CSS Properties⌗

PropertyWhat It Does
background-colorChanges the background color
font-familyChanges the font
colorChanges the text color
font-sizeChanges the text size
text-alignAligns text horizontally
text-decorationAdds or removes decorative lines
widthControls the width of an element
heightControls the height of an element
borderAdds an outline around an element
paddingAdds space inside the border
marginAdds space outside the border

Your Mission — Dream Destinations!⌗

Imagine you could travel anywhere in the world!

Choose FOUR places that you would love to visit and create a webpage showcasing these destinations.

Your webpage should include:

  • The name of each destination.
  • The image of each destination.
  • A short description of each place.
  • Why you would like to visit each destination.

Example Output⌗

Dream Destinations Website Example

Dream Destinations Website Example

CSS Requirements⌗

Your webpage must meet the following requirements:

  1. Use ALL 11 CSS properties from the Quick Recall section at least once.
  2. Use at least 3–4 different HTML tags as CSS selectors (e.g., body, h1, h2, p, div).
  3. Create four separate sections/cards for your destinations.
  4. Use border, padding, and margin to style and organize your destination cards.
  5. Make your webpage attractive, organized, and easy to read!

Final Checklist⌗

Before submitting, make sure you have completed everything!

  • My webpage showcases four different travel destinations.
  • Each destination has a name, image and a short description.
  • I have explained why I want to visit each place.
  • I have used all 11 CSS properties at least once.
  • I have used at least 3–4 different HTML tags as CSS selectors.
  • I have used border, padding, and margin.
  • My webpage is neat, attractive, and easy to read.

Submission Instructions⌗

  1. Save your HTML file as assignment_3a.html.
  2. Paste your complete HTML and CSS code into a Google Doc.
  3. Add a screenshot of your completed webpage.
  4. Submit your Google Doc in Google Classroom under Assignment 3A — Dream Destinations.

Have fun designing your dream travel website!