week1-bio-page

12 Week AI Dev Journey(16/04/2026)

Week 1: HTML Basics

Goal: Build a bio page with name, photo, hobbies, form.

live site

[click hrer to view my bio page] ( https://seth-com.github.io/week1-bio-page/)

Day 1: Boilerplate

Learned <!DOCTYPE>, html, head, body
Created index.html with h1 and p
Got Live Server working
Struggled with: nothing, it worked first try

Day 2: Images + Lists

-Added tag for profile picture -Created ordered list(<ol>…</ol>) and unordered lists(<ul>…</ul>|). -learned: src attribute, alt text, li tags. src must match filename exactly, alt shows when image breaks.

-Added anchor tags() with href. -Used terget=”_blank” for external links. -Used mailto: for email. -Added internal link with id=”#hobbies” -Learned: href, target attribute, internal page jumps.

Day 4:

-I couldn’t find my page on the internet though I pushed it to GitHub to be published, a 404 page poped up telling me my page can’t be found. So this is what I did; (Deploy a real website with GitHub Pages to the Internet. Make sure pages is enabled in settings. Your filename must be “index.html”.) -Added CSS Styling to today’s work.

Day 5: Flex-box Basics for Navbars.

nav = container for links.
Divs: Is a box, for grouping stuffs. so a div is used when u want multiple things to move together as a one group.
Used display:flex; to arrange items vertical in both div and nav tag.