This project is a website for a cafe, created from a Figma design layout. The website is built using BEM (Block Element Modifier) methodology by Yandex, and utilizes CSS Flexbox and media queries to ensure a responsive design.Open a website in GitHub Pages
- BEM Methodology: The project structure and CSS classes follow the BEM methodology for better organization and maintainability.
- Flexbox: CSS Flexbox is used for flexible and efficient layout control.
- Responsive Design: Media queries are implemented to adapt the website to various screen sizes and devices.
- JavaScript Scroll Handling: JavaScript is used to handle page scrolling and track the user's position on the page for animations.
- HTML: The structure of the website is built using HTML.
- CSS: Styling is done using CSS with Flexbox and media queries for responsiveness.
- BEM: BEM methodology is applied to maintain a clear structure and reusable components.
- JavaScript: Scroll handling and animation triggering based on user's scroll position.
To get a local copy up and running, follow these simple steps:
You need a modern web browser to view the website.
- Clone the repository:
git clone https://github.com/Makhsum/cafe.git
Feel free to explore and modify the code to suit your needs. The project is organized to make it easy to understand and extend.
Contributions are welcome! Feel free to open an issue or submit a pull request.
- Figma: for the design layout
- Yandex BEM for the BEM methodology:
- CSS: Flexbox for layout management
This project does not have any external dependencies or third-party libraries.