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-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
- 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 andtarget="_blank" - Lightweight and fully static β no CSS or JavaScript required
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
- Clone the repository:
git clone https://github.com/<your-username>/ryan-family-website.git
- Open any
.htmlfile (for example,index.html) in your browser. - Navigate between pages using the links in the header.
| 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 |
- HTML5 only
- No frameworks or dependencies
- Ideal for beginners or coursework demonstration
This project demonstrates clean, semantic HTML layout and internal linking β a foundation for learning web design or expanding into CSS and JS later.