✅ Part 1: Create a CodePen Account
- Go to: https://codepen.io
- Click the “Sign Up” button (top right corner).
- Choose a free plan (you don’t need a paid one to get started).
- You can sign up with:
- Email and password, or
- GitHub, Twitter, or Facebook account
- After signing up, confirm your email address if prompted.
📝 Part 2: Create and Submit Your Code

- Once logged in, click the “Pen” button at the top.
- Your Editor will open.
- 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)
- Give it a name

- Your work is saved automatically, but you can also click “Save” to be sure.
📤 Submit Your Code for Review
- After saving, click the “Share” button (bottom right).

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

- Send the copied link to your teacher (by email, messaging app, or wherever they ask you to submit it).
✅ Example of a Share Link:
https://codepen.io/your-username/pen/abc123