VAUV - Underwater Robotics Team Website

Visit VAUV Website

Description

This project is a website for VAUV (Vit Autonomous Underwater Vehicle), an underwater robotics team. The website showcases the team's achievements, projects, and sponsors. It features a modern, responsive design with interactive elements and a sleek user interface.

Features

• Responsive design that works on desktop, tablet, and mobile devices
• Dynamic content sections for team stories and achievements
• Interactive sponsor showcase
• Animated UI elements for enhanced user experience
• Custom cursor and hover effects
• Integrated video backgrounds and image galleries
• Contact form for inquiries

Technologies Used

• HTML5
• CSS3 (with custom animations and transitions)
• JavaScript (for interactive elements)
• Webflow (for some design elements and animations)

Project Structure

• index.html: Main HTML file containing the structure of the website
• css/style.css: Main CSS file with all styles and responsive design rules
• images/: Directory containing all image assets used in the project
• js/: Directory for JavaScript files (if any custom scripts are added)

Key Sections

1. Hero Section: Introduces the team with a dynamic background and main headline
2. About Us: Provides information about the team and their mission
3. Projects: Showcases the team's projects and achievements
4. Sponsors: Highlights the sponsors supporting the team
5. Contact: Allows visitors to get in touch with the team

Responsive Design

The website is fully responsive with specific styles for different screen sizes:

• Desktop: Default styles
• Tablet: Styles apply for screens up to 991px wide
• Mobile: Styles apply for screens up to 767px wide

Setup and Deployment

1. Clone the repository to your local machine
2. Open index.html in a web browser to view the site locally
3. To deploy, upload all files to your web hosting service

Future Improvements

• Add more interactive elements to the Projects section
• Implement a blog or news section for team updates
• Enhance accessibility features
• Optimize images and assets for faster loading times

Contributing

Contributions to improve the website are welcome. Please follow these steps:

1. Fork the repository
2. Create a new branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is licensed under the MIT License.

Contact

VAUV Team