Skip to content

W-aris/Technocollabs-Task-14

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌍 Aoife Conleavy – Morocco Travel Journal

Welcome to the Morocco Travel Journal website, a showcase of Aoife Conleavy’s journeys and stories, featuring beautiful typography, responsive design, and subtle animations.


✨ Features

  • Modern, Responsive Design: Looks great on all devices.
  • Custom Typography: Uses Google Fonts and a unique footer font for a literary feel.
  • Smooth Animations: Fade-in effects and interactive elements.
  • Easy Navigation: Sticky header and quick access to journal entries.
  • Accessible: Fallback fonts and semantic HTML for all users.

πŸ“ Folder Structure

Task-14/
β”‚
β”œβ”€β”€ index.html
β”œβ”€β”€ README.md
β”œβ”€β”€ styles/
β”‚   β”œβ”€β”€ reset.css
β”‚   β”œβ”€β”€ style.css
β”‚   └── fonts/
β”‚       └── CroissantOne-Regular.ttf

πŸš€ Getting Started

  1. Clone or Download this repository.
  2. Ensure all files and folders are in place as shown above.
  3. Open index.html in your browser to view the site.

πŸ–‹οΈ Typography

  • Header: Verdana, bold
  • Banner h2: Work Sans, Arial, sans-serif (weight 500)
  • Banner h1: Abril Fatface, sans-serif (weight 900)
  • Journal: Work Sans, serif
  • Photo captions: Merriweather, serif
  • Footer: Croissant One, Merriweather, serif

All fonts are loaded via @font-face in the CSS for performance and reliability.


πŸ“± Responsive & Animated

  • Mobile-friendly: Layout adapts for phones, tablets, and desktops.
  • Animations: Elements fade in as you scroll for a modern, engaging experience.
  • Interactive buttons and images: Subtle hover effects for a lively feel.

πŸ“ Author

Aoife Conleavy
Novelist & World Traveler

β€œNavigating by night is always easier.”


πŸ’‘ Customization

  • To change the footer font, replace CroissantOne-Regular.ttf in styles/fonts/.
  • To update journal content or images, edit index.html.

πŸ“Έ Preview

Preview of Morocco Travel Journal


🧭 License

This project is for educational and demonstration purposes.


Enjoy exploring Morocco through Aoife’s eyes!

Releases

No releases published

Packages

No packages published