🧠 The “No Experience Needed” Guide to Building Your Own Website on GitHub

A dead-simple, step-by-step guide to help you launch your first portfolio site using GitHub and ChatGPT — even if you've never coded before.

What You’re Making

A simple, personal website that looks how you want it to look.

What You’ll Use

• GitHub – to host your website
• ChatGPT – to write the code for you
• Your browser – that’s it. No downloads

✍️ Step 1: Answer These 5 Style Questions + 3 Content Prompts

🎨 Style

• What’s your vibe? (e.g. clean, bold, soft, earthy, modern, playful...)
• What colors do you like? (e.g. white, forest green, blush pink, navy...)
• What font style feels right?
  Choose one:
  a) classic/traditional (serif)
  b) modern/clean (sans-serif)
  c) fun/decorative
• What should people feel when they visit your site? (e.g. impressed, calm, cozy...)
• Do you want your name/logo big at the top, or small and subtle? (Just say: big or subtle)

📝 Content

• What’s your name or brand name?
• What’s one sentence about what you do or what this site is for? (e.g. “I’m a creative marketer helping mission-driven brands grow.”)
• What should your navigation links be? (Pick up to 3: About, Projects, Contact...)
• Is there anything else you want to include? (Text, images, embed codes, your email, LinkedIn?)

🤖 Step 2: Ask ChatGPT to Make Your Homepage

Copy and paste this prompt into ChatGPT, filling in your answers:

Can you create a clean, simple index.html homepage for my personal portfolio using these preferences and content?

Vibe: [your answer to #1]  
Colors: [your answer to #2]  
Font style: [your answer to #3]  
Feeling I want people to have: [your answer to #4]  
Header style: [your answer to #5]  

Name/brand: [your answer to #6]  
Homepage intro sentence: [your answer to #7]  
Navigation links: [your answer to #8]  
Other inclusions: [your answer to #9]  

Please:
- Link to a style.css file  
- Include a responsive layout  
- Make it super beginner-friendly and mobile-friendly
  

🖱️ Step 3: Create Your Website on GitHub

1. Go to github.com
2. Sign in or create an account
3. Click the + icon (top right) → "New repository"
4. Name it: yourusername.github.io (replace with your GitHub username)
5. Click "Create repository"

✍️ Step 4: Add Your Homepage (index.html)

1. In your new repo, click "Add file" → "Create new file"
2. Name the file: index.html
3. Paste the code you got from ChatGPT
4. Scroll down and click "Commit new file"

🎨 Step 5: Add Your Styles (style.css)

1. Click "Add file" → "Create new file"
2. Name it: style.css
3. Ask ChatGPT:
   “Can you write the style.css that goes with the index.html you just made for me?”
4. Paste it in and click "Commit new file"

🌍 Step 6: Publish Your Site

1. Click the Settings tab in your repo
2. Scroll to Pages
3. Under Source, select:
   Branch: main
   Folder: / (root)
4. Click Save

Your site will be live shortly at:
https://yourusername.github.io

➕ Want More Pages?

To add pages like about.html or gallery.html, just ask ChatGPT:

“Can you help me make an about.html page that matches the style of my site?”

Then follow the same steps: Add file → Create new file → Name it → Paste → Commit.