E-Scoot 🛴

A modern, animation-heavy sample website showcasing advanced CSS design techniques, smooth animations, and interactive components. This project demonstrates contemporary web design patterns with a focus on visual appeal and user experience.

🌐 Live Demo

Visit the live website: https://e-scoot-68e6jkjr4-bishal-boros-projects.vercel.app/

✨ Preview

🎨 Features

• CSS & Design Heavy: Extensive use of modern CSS techniques including:

  • Custom animations and transitions
  • Glassmorphism effects
  • Gradient backgrounds
  • Responsive layouts

• Animation Rich: Multiple interactive elements featuring:

  • Smooth scroll animations
  • Team member carousel with navigation arrows
  • Dynamic hover effects
  • Marquee scrolling elements

• Modern UI Components:

  • Interactive team slider
  • Animated social media icons
  • Custom footer designs
  • Responsive navigation

🚀 Getting Started

Prerequisites

• Python 3.x (for local development server)

Running Locally

1. Clone the repository:

git clone https://github.com/Bishaldgr8/E-Scoot.git
cd E-Scoot

2. Start the local server:

python server.py

3. Open your browser and navigate to:

http://localhost:8000

📁 Project Structure

E-Scoot/
├── index.html          # Main HTML file
├── webflow.css         # Core styling
├── custom.css          # Custom styles and animations
├── webflow.js          # Core JavaScript
├── animations.js       # Animation handlers
├── main.js             # Main JavaScript functionality
├── assets/             # Images, icons, and other assets
├── SS/                 # Screenshots and demos
└── server.py           # Local development server

🛠️ Technologies Used

• HTML5: Semantic markup
• CSS3: Advanced styling and animations
• JavaScript: Interactive functionality
• Webflow: Design framework
• Python: Local development server

🎯 Key Design Highlights

This project serves as a design-focused sample website emphasizing:

• Visual Excellence: Premium aesthetics with attention to detail
• Smooth Interactions: Carefully crafted animations and transitions
• Modern Patterns: Contemporary web design trends and best practices
• User Experience: Intuitive navigation and engaging interactions

📱 Responsive Design

The website is fully responsive and optimized for:

• Desktop screens
• Tablets
• Mobile devices

🤝 Contributing

This is a sample/demonstration project. Feel free to fork and experiment with the design patterns and animations showcased here.

📄 License

This project is open source and available for educational and demonstration purposes.

👨‍💻 Author

Bishal
GitHub: @Bishaldgr8

---

⭐ If you found this project interesting or useful for learning modern web design patterns, please consider giving it a star!