Final Project: Portfolio Website

Instructions:

Create Your Portfolio Structure:

• Create a new folder named "Final-Project"
• Create these HTML files:
  • index.html (home page)
  • projects.html (projects showcase)
  • about.html (about you)
• Create a styles.css file for your styles
• Create a script.js file for any interactivity

Home Page (index.html):

• Include:
  • Your name and title
  • A brief introduction
  • Navigation to other pages
  • Links to your best projects
  • Contact information

Projects Page (projects.html):

• Showcase each project:
  • Project 1: Your three-page website
  • Project 2: Your styled website
  • Project 3: Your mobile-friendly website
  • Project 4: Your animated website
• For each project include:
  • Project title and description
  • Screenshots or links to the project
  • Technologies used
  • What you learned

About Page (about.html):

• Include:
  • Your background
  • Your skills and interests
  • Your goals
  • Your contact information

Add Your Styles:

• Create a professional color scheme
• Make sure the site is responsive
• Add animations and transitions
• Include hover effects

Test Your Portfolio:

1. Run Your Project with Live Server:
   • Right-click on your "index.html" file
   • Select "Open with Live Server"
   • This will open your web page in your browser
2. Check all links work correctly
3. Test on different screen sizes
4. Make sure all animations work

Submission:

• Make sure your Final-Project folder contains:
  • index.html file
  • projects.html file
  • about.html file
  • styles.css file
  • script.js file
  • All project files from previous projects
• Compress your "Final-Project" folder into a zip file
• Submit your zip file here: Submit Final Project