🌄 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.