GDG PUP Webverse vol. 1: Frontend Basics - Boilerplate

❓ What is the purpose of this repository?

This is the starter code for the Live Coding session. During the session, we will populate these files to build a Student Portfolio website featuring:

• Sparky Image
• Flexbox & Grid Layouts

📂 What are these files for?

• index.html: Contains the basic HTML structure and font links.
• styles.css: Contains the CSS variables and basic reset.

📥 How to get your own copy?

Option 1: Download ZIP (Easiest)

1. Click the green Code button at the top of this page.
2. Select Download ZIP.
3. Extract (Unzip) the downloaded file to a folder on your computer.

Option 2: Git Clone (For those with Git installed)

1. Open your terminal (Command Prompt or PowerShell).
2. Run the following command:

   git clone https://github.com/gdg-pup-webdev/sj1-boilerplate.git

🏃‍♂️ How do I start?

1. Open this folder in VS Code.
2. Right-click index.html and select "Open with Live Server".
3. Follow along with the speaker!