se_project_spots

TripleTen Project 3.5: Spots

Overview

• Description
• Techne
• Project Images
• Link to Project via GitHub
• Link to Video Explaining Project

Description

This is the fifth installment of the se_spots_project of the Software Engineering program at TripleTen. It was created using HTML, CSS, and JavaScript – based on the project description on the TripleTen website and the design on Figma – and features webpage layout technologies and techniques (techne), such as grid layout and media queries, making it responsive to popular screen sizes.

Techne

• HTML5
• CSS3
• JavaScript
• Flat BEM file structure
• BEM naming conventions
• Semantic tags
• Responsive formats: 320px - 1440px
• Grid layout
• Flexbox
• CSS hover effect
• Incorporation of Fonts.css
• Addition of fonts directory in vendor directory
• Font-face

Project Images images/avatar.jpg images/1-photo-by-moritz-feldmann-from-pexels.jpg

Link to Project via GitHub

https://marcpickel.github.io/se_project_spots/

Link to Video Explaining Project

https://drive.google.com/file/d/1ASJKkOX-5D_zDBUgLVbI4_gHTjgtWNiK/view