/Medical-Website

Very basic project for the beginner''s

Primary LanguageHTML

🏥 Medical Website - Interactive Photo Collection & Scroll Animation

This project focuses on a medical-themed website where dynamic scrolling and interactive photo collection features are implemented using JavaScript. You can explore the live version here.

🚀 Features

1. Logo Scroll Animation 🖱️

  • JavaScript is used to dynamically reposition the logo when the user scrolls down the page. As you scroll, the logo smoothly transitions to the center, giving the website a polished and professional look.

2. Photo Collection with 3D Effects 🖼️

  • The photo collection has been designed with box-shadow for a 3D effect. Each photo responds to hover actions with smooth hover animations, making the collection more engaging.
  • The photos are displayed in a grid format, offering an interactive visual experience.

3. Improved User Interface ✨

  • A clean and modern design with interactive elements.
  • Responsive layout ensuring compatibility with various screen sizes 📱💻.

🖼️ Screenshot

Photo Collection & Scroll Animation Preview:

Medical Website Preview

💻 How to Use

  1. Clone the repository: 
    git clone https://github.com/Ek-ta-bharti/Medical-Website.git
  2. Navigate to the project folder: 
    cd Medical-Website
  3. Open the index.html file in your browser to view the website.

🛠️ Technologies Used

  • HTML: Structure of the webpage.
  • CSS: Styling, including box-shadow for the 3D effect and responsive design.
  • JavaScript: Logic for the scroll-triggered logo animation.

🚧 Future Enhancements

  • Add a lightbox gallery for the photo collection.
  • Enhance the scrolling effects with more interactive animations.
  • Integrate user authentication for personalized content.