Skip to content

A website I made to learn more about github and webpack. This simple static site uses javascript to reveal on scroll and has a drop down mobile menu when clicked.

Rebeccals1/TravelAgencyExample

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌍 TravelAgencyExample

This is a sample static website built as a practice project to explore modern web development tools like GitHub and Webpack. The site simulates a travel agency homepage with animated interactions and mobile responsiveness.

✨ Features

  • Scroll Reveal Animations
    Sections smoothly animate into view as the user scrolls down the page.

  • Responsive Navigation Menu
    A mobile-friendly hamburger menu toggles a dropdown navigation on small screens.

  • Modal Overlay Menu
    An interactive modal appears for additional menu functionality or announcements.

  • Webpack Integration
    JavaScript modules are bundled using Webpack for a modular and optimized build process.

🛠️ Installation & Setup

To run the project locally:

Clone the repository:

git clone https://github.com/Rebeccals1/TravelAgencyExample.git

Then, while in the TravelAgencyExample directory:

npm install

Finally, type the following to run the site:

npm run build

Deployment with GitHub Pages

🚀 Live Demo: Click to view the site

About

A website I made to learn more about github and webpack. This simple static site uses javascript to reveal on scroll and has a drop down mobile menu when clicked.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •