✅ Part 1: Create a CodePen Account

1. Go to: https://codepen.io

2. Click the “Sign Up” button (top right corner).

3. Choose a free plan (you don’t need a paid one to get started).

4. You can sign up with:
• Email and password, or
• GitHub, Twitter, or Facebook account

5. After signing up, confirm your email address if prompted.

📝 Part 2: Create and Submit Your Code

1. Once logged in, click the “Pen” button at the top.

2. Your Editor will open.

3. In the Pen editor:

• Add your HTML in the HTML box

• Add your CSS in the CSS box

• Add your JavaScript in the JS box (if needed)

1. Give it a name

2. Your work is saved automatically, but you can also click “Save” to be sure.

📤 Submit Your Code for Review

1. After saving, click the “Share” button (bottom right).

1. Under “Full Page View” or “Editor View”, click “Copy Link”.

1. Send the copied link to your teacher (by email, messaging app, or wherever they ask you to submit it).

✅ Example of a Share Link: