Skip to content

README.md

Latest commit

 

History

History
111 lines (78 loc) · 3.05 KB

README.md

File metadata and controls

111 lines (78 loc) · 3.05 KB

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

E-Scoot Website Demo

🎨 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
  1. Start the local server:
python server.py
  1. 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!