🚀 Week 1: The Digital Business Card Challenge

"Your first step into a larger world."

Welcome, Future Developer! 👋
This week, we move from being web consumers to web creators. You aren’t just browsing the internet anymore—you are building the foundation of it.

Your mission is to create a Digital Business Card: a simple, clean, one-page website that introduces you to the world.

---

🎯 Mission Objective

Create an index.html file that tells us who you are.

⚠️ No CSS yet!
This week focuses purely on the structure (skeleton) of the web using HTML.

---

🏗️ Requirements (The “Must-Haves”)

To pass the automated grader, your index.html must include:

✅ Required HTML Elements

• Semantic Header
  Use an <h1> tag for your name

• About Me Section
  A <p> tag with a 2-line bio

• Skill Stack
  An <ul> (unordered list) with at least 3 skills or hobbies

• Visual Identity
  An <img> tag displaying a profile image
  (You may use a placeholder image)

• External Connection
  A clickable <a> link to one of the following:

• GitHub

• LinkedIn

• Twitter/X

---

🛠️ Step-by-Step Instructions

Step 1: Claim Your Repository

Click the GitHub Classroom Invitation Link provided on the LMS.

GitHub will automatically create a private repository named:

---

Step 2: Clone & Open the Project

Open your terminal (or Git Bash) and run:

git clone [YOUR_REPO_URL]
cd [YOUR_REPO_NAME]
code .

Step 3: Start Coding

Create a file named exactly:

index.html

💡 Pro Tip: In VS Code, type ! and press Tab to auto-generate the HTML boilerplate.

Step 4: Add Your Content

Inside the tags, build your digital business card.

🎯 Challenge:

Can you add a second heading <h2> for an Experience section?

📌 Accessibility Tip:

Always include an alt attribute in your tag. It helps screen readers describe images to visually impaired users.

🤖 How to Get the “Green Checkmark” ✅

This course uses Automated Grading. Every time you push your code, a robot checks your work. Push Your Code

Run these commands:

git add .
git commit -m "Added my business card content"
git push origin main

Check Your Results

Go to your repository on GitHub.com Click the Actions tab: 🟢 Green = Passed. 🔴 Red = Something is missing. Click the Autograding job to see what failed.

📌 LMS Submission Note

✅ Once your GitHub Action is green, you are done. Copy the repository url as is and submit under Week 1 Assignment. Please note you can only submit once, if you need to make changes to your assignment; simply make and push your changes to the repository.

Grades are pulled automatically from GitHub.