Intern2Grow Logo

We Stand With Palestine

Back to All Challenges

Personal Portfolio

Welcome to the Personal Portfolio challenge! In this page, you can navigate between the different tasks of your challenge and submit your solution for evaluation.

Personal Portfolio

Create a responsive personal portfolio website with a light/dark mode toggle.

Instructions:

  1. Build a personal portfolio with sections for 'About', 'Projects', and 'Experience', and 'Contact'.
  2. Implement a theme toggle button that switches between light and dark modes.
  3. The theme toggle button MUST have the ID theme-toggle.

Evaluating Requirement:

  • When dark mode is active, the body element MUST have the class dark-mode. This is used to verify the theme switch.
  • The entire body is used for pixel-perfect comparison. Ensure your layout matches the design within the body content.
  1. Default theme should be 'light'.
  2. Ensure the layout is responsive and looks good on mobile devices.
  3. Match the design provided in the Figma file.
Figma Design

Upload Your Web Page Files (Upload a Folder)

Your Uploaded Page

Upload files to see your page here.

Original Task Page

Evaluation Results

Load a task and upload your files to see evaluation results.