This is the second project of the Software Engineering program at TripleTen. It was created using HTML and CSS, based on the design brief.
The Triple Peaks Coffee Shop website is a responsive, single-page site that showcases the coffee shop's offerings, allows users to view recipes, and book a table. The project demonstrates the use of the following technologies and techniques:
- Semantic HTML5 for structure
- CSS3 for styling, including Flexbox for layout
- Positioning for precise element placement
- Flat BEM (Block, Element, Modifier) methodology for CSS organization
- Custom form implementation for table reservations
- CSS animations and transforms for interactive elements
- Responsive design that adapts to different screen sizes
- Navigation menu with smooth scrolling to different sections
- Embedded video content for coffee recipes
- Interactive reservation form with custom styling
- Menu section displaying various coffee and food items
- About section with information about the coffee shop
- Footer with social media links
This project was completed as part of the TripleTen Software Engineering bootcamp, demonstrating proficiency in HTML and CSS while adhering to design specifications.