Module 04: Final Project

OBJECTIVE: Mini Website Project Using HTML, CSS, and JavaScript

Welcome to the Final Task. The goal of this task is to combine everything you have learned (HTML, CSS, JavaScript) to create a basic but complete website. This will show your understanding of web structure, design, and interaction.

INSTRUCTIONS // FINAL EXECUTION

Please build a project following these steps and submit a detailed report on how you built it.

1. Project Structure:

Create a simple multi-section website that includes:

  • Header: Website title or logo text.
  • Navigation Menu: Links to different sections or pages.
  • Main Content: The primary information of the page.
  • Footer: Copyright info or links.

2. Core Components:

The website must include at least:

  • 2 HTML pages (e.g., Home.html and About.html).
  • A CSS file for styling the layout and colors.
  • A JavaScript file for at least one user interaction.

3. Styling (CSS):

  • Style text, fonts, and layout structure.
  • Use proper colors, padding, and margins.
  • Ensure the page looks clean and readable.

4. Interaction (JavaScript):

Use JavaScript for at least ONE interaction, such as:

  • A button click that shows a message.
  • Changing the theme color (Light/Dark mode).
  • A simple form validation alert.

5. User Experience:

  • The website should be responsive (mobile-friendly).
  • It must be easy to navigate between pages.

6. Final Report:

  • Explain how you structured the website.
  • Explain how HTML, CSS, and JavaScript work together in your project.

REQUIREMENTS:

  • Word Limit: Minimum 500 words, Maximum 1000 words.
  • Original Content: The project must be created by you. Copy-paste templates are not allowed.

FINAL SUBMISSION

Ensure your project is complete before proceeding.

Submit Your Task
IMPORTANT SYSTEM NOTE:
This is the final task. All submissions are reviewed manually before certificate approval. Incomplete or copied projects will be rejected.