https://github.com/johndev19/wanderlust-chronicles-website
Wanderlust Chronicles is a travel blog template designed to captivate and engage users with its modern and responsive design. It’s built using AngularJS for dynamic content and Vanilla JavaScript for additional interactivity and animations.
https://github.com/johndev19/wanderlust-chronicles-website
angular-js blog blogging blogging-site css html javascript travel travel-blog-template travel-blog-website vanilla-js website website-template
Last synced: about 2 months ago
JSON representation
Wanderlust Chronicles is a travel blog template designed to captivate and engage users with its modern and responsive design. It’s built using AngularJS for dynamic content and Vanilla JavaScript for additional interactivity and animations.
- Host: GitHub
- URL: https://github.com/johndev19/wanderlust-chronicles-website
- Owner: JohnDev19
- License: mit
- Created: 2024-07-23T13:57:13.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-23T14:14:24.000Z (almost 2 years ago)
- Last Synced: 2025-01-30T06:27:37.114Z (over 1 year ago)
- Topics: angular-js, blog, blogging, blogging-site, css, html, javascript, travel, travel-blog-template, travel-blog-website, vanilla-js, website, website-template
- Language: CSS
- Homepage: https://johndev19.github.io/Wanderlust-Chronicles-Website/
- Size: 46.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Wanderlust Chronicles - Travel Blog Template
## Overview
**Wanderlust Chronicles** is a travel blog template designed to captivate and engage users with its modern and responsive design. It’s built using AngularJS for dynamic content and Vanilla JavaScript for additional interactivity and animations.
## Features
- **Hero Section**: Prominent call-to-action button with animated text.
- **Featured Stories**: Grid layout displaying story cards with images and excerpts.
- **Photography Section**: Grid of images with overlay titles.
- **Travel Itineraries**: Section for displaying itineraries with images and details.
- **Newsletter Subscription**: Form for subscribing to updates.
- **Footer**: Sections for about information, quick links, and social media icons.
## Technologies Used
- **AngularJS**: For dynamic content and data binding.
- **Vanilla JavaScript**: For smooth scroll, scroll-triggered animations, and parallax effects.
- **GSAP**: For advanced animations and scroll effects.
- **AOS (Animate On Scroll)**: For scroll-triggered animations.
- **FontAwesome**: For icons.
- **Google Fonts**: For typography.
## JavaScript Libraries
- **AngularJS**: Manages dynamic content and user interactions.
- **GSAP**: Handles animations and scroll effects.
- **AOS**: Adds animations triggered by scrolling.
## Styles
- **CSS**: Custom styles for layout and design.
- **Fonts**: Google Fonts for typography.
- **Icons**: FontAwesome for icons.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/JohnDev19/wanderlust-chronicles-website.git
```
2. Navigate to the project directory:
```bash
cd wanderlust-chronicles-website
```
3. Open `index.html` in your web browser to view the template.
## Usage
- Modify the AngularJS data and Vanilla JS scripts as needed to suit your content and functionality.
- Customize the CSS and HTML to fit your branding and design preferences.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.