Xion Nexus - WebCraft Challenge

Project Overview

Goal: Create a single-page portfolio with sections for About, Projects, Skills, and Contact.

Tasks:

• Create a semantic HTML structure with header, sections, and footer.
• Style the site with CSS, using Flexbox or Grid for responsiveness.
• Add JavaScript for interactivity, like a dark mode toggle or smooth scrolling.
• Test responsiveness on mobile and desktop.

Skills Learned: HTML5 (semantic structure), CSS3 (Flexbox, Grid, media queries), JavaScript (DOM manipulation, event listeners).

Get Started

Follow these steps to build your portfolio:

1. Plan: Sketch a wireframe for About, Projects, Skills, and Contact sections.
2. Code: Use the OneCompiler editor below, starting from scratch.
3. Structure: In the HTML tab, add semantic tags like <header>, <section>, and <footer>.
4. Style: In the CSS tab, use Flexbox or Grid and media queries.
5. Interact: In the JavaScript tab, add features like a dark mode toggle.
6. Learn: Visit the WebCraft course on Xion Apex Academy for tutorials.
7. Submit: Share your portfolio URL for feedback.

Code Workspace

Write your portfolio from scratch in the editor below. Use the HTML, CSS, and JavaScript tabs to build your site.

Prefer coding externally? Use Replit or Download Starter Files (includes empty HTML/CSS/JS files).