🚀 Matrix Club VIT Bhopal Website ✨ Overview Welcome to the official website for Matrix Club at VIT Bhopal University! This project aims to provide a dynamic, visually appealing, and informative online presence for the club, showcasing its mission, upcoming events, alumni success stories, and providing a platform for students to join. The design is inspired by modern tech and gaming aesthetics, featuring a dark theme with vibrant neon gradients to create an engaging user experience.
🌟 Features Modern UI/UX: A sleek, dark theme with vibrant violet, dark blue, and neon pink gradients.
Responsive Design: Fully optimized for seamless viewing and interaction across all devices (desktops, tablets, and mobile phones).
Intuitive Navigation: Smooth scrolling to various sections of the website.
Hero Section: An impactful introduction with a strong call to action.
About Us Section: Detailed information about Matrix Club's objectives and activities.
Upcoming Events: A dedicated section to highlight and provide details about club events with interactive modals.
Alumni Testimonials Carousel: Showcasing success stories from former members with a smooth sliding display.
Join Us Form: A call-to-action section with a simple form for interested students to apply.
Contact Information: Easy access to club contact details and social media links.
Dedicated Login Page: A separate, fully themed login page for members.
"Read More" Toggle: For expanding and collapsing detailed content sections.
Scroll-to-Top Button: For easy navigation back to the top of the page on longer scrolls.
🛠️ Technologies Used HTML5: For structuring the web content.
Tailwind CSS: A utility-first CSS framework for rapid and responsive styling.
JavaScript: For interactive elements, modals, form handling, and the testimonial carousel.
Google Fonts:
Inter: For clean and highly readable body text.
Space Mono: For a tech-inspired, monospace feel in headings and accents.
or simply double-click the index.html file.
📂 Project Structure . ├── index.html # Main club profile webpage ├── login.html # Dedicated login page └── README.md # This file
🤝 Contributing We welcome contributions! If you have suggestions for improvements or find any issues, please feel free to: