Skip to content

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

HTML Biography Page

Welcome! 👋

This repository contains my HTML Biography Page, created as part of my HTML learning journey.

The goal of this project is to practice semantic HTML, proper document structure, and writing clean, readable code.


📚 Learning Objectives

By completing this project, I learned how to:

  • Create an HTML5 document
  • Use semantic HTML elements
  • Structure content correctly
  • Create navigation links
  • Build forms
  • Organize content with headings
  • Link external websites
  • Write accessible HTML

📂 Project Structure

html-biography/
│
├── index.html
├── README.md
└── assets/
    ├── images/
    └── icons/

🚀 Getting Started

1. Clone the repository

git clone https://github.com/your-username/html-biography.git

2. Open the project

cd html-biography

3. Open in Visual Studio Code

code .

4. Run the project

Open index.html in your browser.

Or install the Live Server extension in VS Code and click Go Live.


📖 Assignment Requirements

The page should include:

  • ✅ Header
  • ✅ Navigation
  • ✅ Main
  • ✅ At least 3 Sections
  • ✅ At least 1 Article
  • ✅ Aside
  • ✅ Footer
  • ✅ Biography
  • ✅ Skills
  • ✅ Learning Goals
  • ✅ Projects
  • ✅ Contact Form
  • ✅ Social Links
  • ✅ One <h1> with logical <h2> and <h3> headings

🛠 Technologies Used

  • HTML5

🌐 Semantic HTML Elements Used

  • <header>
  • <nav>
  • <main>
  • <section>
  • <article>
  • <aside>
  • <footer>
  • <form>
  • <input>
  • <textarea>
  • <button>

📸 Preview

Add a screenshot of your webpage here after completing the project.

Example:

assets/images/screenshot.png

🎯 What I Learned

  • HTML document structure
  • Semantic HTML
  • Page navigation
  • Forms
  • Accessibility basics
  • Organizing content

🚧 Future Improvements

  • Add CSS styling
  • Make the page responsive
  • Add profile picture
  • Add animations
  • Deploy online using GitHub Pages

👨‍💻 Author

Your Name


📄 License

This project is for educational purposes.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages