Lab: Build and Publish Your First Portfolio Website

🎯 Objectives

• Install and configure Git on your computer.
• Create and manage a GitHub repository.
• Develop a simple responsive HTML portfolio website.
• Push your project to GitHub and publish it online.

🧩 Part 1: Install and Configure Git

1. Download and install Git: https://git-scm.com/downloads
2. After installation, open Command Prompt (Windows) or Terminal (Mac/Linux).
3. Configure your Git username and email:

   git config --global user.name "Your Name"
   git config --global user.email "your.email@example.com"

4. Verify installation:

   git --version

🌐 Part 2: Create a GitHub Repository

1. Go to https://github.com and sign in.
2. Click New Repository.
3. Name it portfolio-lab (or similar).
4. Select:
   • Public repository ✅
   • Add a README file ✅
5. Click Create Repository.

🖥️ Part 3: Clone Repository to Your Local Machine

1. Copy the repository URL from GitHub (e.g., https://github.com/username/portfolio-lab.git).
2. In your terminal, navigate to your working folder:

   cd Documents

3. Clone your repo:

   git clone https://github.com/username/portfolio-lab.git

4. Move into the cloned folder:

   cd portfolio-lab

🧠 Part 4: Create a Simple HTML Portfolio Page

1. Inside your project folder, create a new file named index.html.
2. Open it in VS Code or any editor.
3. Add basic HTML structure (header, about, projects, and contact sections).
4. Make sure your layout is responsive for desktop and mobile.

🚀 Part 5: Push Your Website to GitHub

1. In your terminal:

   git add .
   git commit -m "Initial portfolio website"
   git push origin main

2. Go to your GitHub repository — you should now see the index.html file.

📤 Submission Instructions

• Submit your GitHub repository link in Moodle.
• Ensure your index.html file displays correctly in a web browser.