Skip to content

vib3co0der/html-ryan-webpage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŒ„ Ryan Family Website

A simple multi-page HTML website showcasing the Ryan family's love for the outdoors β€” from the Wicklow Mountains of Ireland to the Austrian Alps.
Built with pure HTML as a learning project demonstrating semantic structure, navigation, and multimedia integration.


πŸ“ Project Structure

/project-root
β”‚
β”œβ”€β”€ index.html        # Home page β€” family hobbies, table, and glossary
β”œβ”€β”€ austria.html       # Page about the Austrian Alps
β”œβ”€β”€ wicklow.html       # Page about the Wicklow Mountains
β”œβ”€β”€ /images/           # Folder containing related photos
β”‚     β”œβ”€β”€ austria_mts_small.jpg
β”‚     β”œβ”€β”€ lambs_small.jpg
β”‚     β”œβ”€β”€ meadow_small.jpg
β”‚     β”œβ”€β”€ primroses_small.jpg
β”‚     └── wicklow_mts_small.jpg
└── README.md

🧭 Features

  • 3 interconnected pages with consistent navigation bar
  • Semantic HTML5 structure: <header>, <nav>, <main>, <footer>
  • Tables, definition lists, and anchors (#top) for structured content
  • Images and embedded YouTube videos for multimedia presentation
  • Internal and external linking using <a> tags and target="_blank"
  • Lightweight and fully static β€” no CSS or JavaScript required

🎯 Purpose

Created for educational practice in basic web development:

  • Understanding HTML document flow and tag hierarchy
  • Working with lists, tables, and hyperlinks
  • Embedding media content and structuring multi-page websites

πŸš€ How to Run

  1. Clone the repository:
    git clone https://github.com/<your-username>/ryan-family-website.git
  2. Open any .html file (for example, index.html) in your browser.
  3. Navigate between pages using the links in the header.

πŸ–ΌοΈ Preview

Page Description
Home Family introduction, hobbies, and table of members
Wicklow Irish landscapes, Wicklow Way info, YouTube embed
Austria Austrian Alps, hiking info, and alpine wildlife

πŸ“š Technologies Used

  • HTML5 only
  • No frameworks or dependencies
  • Ideal for beginners or coursework demonstration

🧠 Author Notes

This project demonstrates clean, semantic HTML layout and internal linking β€” a foundation for learning web design or expanding into CSS and JS later.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages