Website Design

Design Document

Below is the original design and layout plan for this website:

Open design file in a new tab

Achieved Objectives

• Correct use of HTML Elements and tags:
    - Uses p, div, header, nav, footer, img, strong, em, ul, li, section, and more.
    - Navigation and structure are semantic and accessible.
• Custom-made stylesheet:
    - All styles are in a custom style.css file.
• Styling rules used:
    - Selectors, box model (margin, padding, border, box-shadow), background-color, font family, pseudoclasses (hover, active), strong/em tags, overflow (responsive grids), borders, block elements, font weight, font style.
• Visually appealing:
    - Modern, clean, and responsive design with grid layouts, color palette, and consistent navigation.
• Project design:
    - Documented in design.md and implemented in the site structure.
• Navigation:
    - All pages are linked in the navigation bar, with active highlighting.
• Favorite images:
    - Each favorite image links to its own detail page with a personal story.
• Contact form:
    - Clients can contact via a styled submission form.
• Social media links:
    - Footer includes styled links to Instagram, Twitter, and Facebook on every page.