Welcome to the Morocco Travel Journal website, a showcase of Aoife Conleavyβs journeys and stories, featuring beautiful typography, responsive design, and subtle animations.
- 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.
Task-14/
β
βββ index.html
βββ README.md
βββ styles/
β βββ reset.css
β βββ style.css
β βββ fonts/
β βββ CroissantOne-Regular.ttf
- Clone or Download this repository.
- Ensure all files and folders are in place as shown above.
- Open
index.html
in your browser to view the site.
- 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.
- 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.
Aoife Conleavy
Novelist & World Traveler
βNavigating by night is always easier.β
- To change the footer font, replace
CroissantOne-Regular.ttf
instyles/fonts/
. - To update journal content or images, edit
index.html
.
This project is for educational and demonstration purposes.
Enjoy exploring Morocco through Aoifeβs eyes!