Congratulations on completing the course content! You've made incredible progress and gained valuable knowledge along the way. As you now start on your project, remember that this is your opportunity to showcase everything you've learned.
Approach it with confidence and creativity, you've got this! While you'll encounter challenges, remember that each obstacle is an opportunity to grow. Stay focused, believe in your abilities, and don't hesitate to ask for help from peers and your coach. You're almost at the finish line for this Module.
Project Title: CodeSpace Cat HTML Portfolio 🎨
Goal: Create an exact replica of a simple webpage portfolio for "CodeSpace Cat" using HTML.
- HTML Structure: Make an HTML page that looks exactly like the given example. Use tags such as
<html>,<head>,<body>,<header>,<section>, and more. - Content: Fill the page with a title, header, links, about me section, skills, portfolio, contact form, and footer.
- Images: Use provided reference images in this repo for the profile and portfolio.
- Links: Create navigation links that work within your webpage.
- Form: Add a simple contact form with fields for name, email, and message.
You have everything you need to start your project using this starter project. The CodePen linked below contains the boilerplate code hint should you get stuck.
- Here is a short video showing you the HTML Elements used and what your final project should look like.Â
- For more references images and project assets, check out the Project files on GitHub.
- Follow along with this Step by Step video of how to get setup for the Project and how to submit on the LMS with your CodePen Link.
- 💡 Need a hint? Check out the Starter Code on CodePen: [SDF03] CodeSpace Cat's Portfolio_student_number_coach_name (codepen.io)
HOW to submit your project
- Submit your GitHub Repo link through the LMS. Remember to rename your project with your student number, group number and coach name. You will find this in the LMS [Projects] tab.