Colmar Academy is a responsive website project that replicates the design and layout of the popular academy landing page. It includes sections like header, banner, information, courses, thesis, and footer, with a focus on clean design and mobile responsiveness.
- Fixed header with desktop and mobile navigation menus
- Banner section with headline, description, image, and button
- Information section with main feature and side info cards
- Courses section with grid layout cards
- Thesis section featuring video and side content
- Responsive design adapting to various screen sizes
- Hover effects on info cards
- Mobile-friendly layout with hidden/show elements as needed
- HTML5
- CSS3 (Flexbox, Media Queries)
- Clone or download the repository.
- Ensure the folder contains:
- index.html
- style.css
- The Resources/capstone_colmar_assets/ folder with images and videos.
- Open index.html in any modern web browser.
This project is for educational and practice purposes only.
Made with ❤ by Yash raj Vardhan