This project showcases a visually appealing and well-organized landing page, designed with curved sections to provide a modern and dynamic look. The design was inspired by a project from Frontend Mentor and was developed to strengthen and practice key skills in HTML and CSS.
The main objective of this project is to consolidate knowledge in advanced HTML and CSS, applying principles such as proper HTML semantics, the BEM methodology (Block, Element, Modifier), and other essential web design concepts. By replicating an existing design, the project aims to deepen the understanding of structure and styling used in modern web pages.
- Curved Sections: The layout stands out by using curved section dividers, adding a contemporary touch and breaking away from traditional flat design conventions.
- Intensive Practice: This project provided an opportunity to intensively practice building complex layouts, improving problem-solving skills in frontend development.
- Standards Compliance: Great attention was given to following best practices and coding standards in both HTML and CSS, ensuring clean and readable code.
- BEM Methodology: The BEM methodology was consistently applied to structure and organize the CSS, promoting modular and maintainable development.
- Reinforcement of HTML and CSS knowledge
- Practice in reproducing existing web designs
- Implementation of BEM methodology for better CSS structure
- Application of advanced web design concepts
-
Clone this repository to your local machine:
git clone https://github.com/jordanmedinaortiz/huddle-landing-page-with-curved-sections.git cd huddle-landing-page-with-curved-sections -
Open the
index.htmlfile in your preferred web browser. -
Explore the curved sections and observe the implementation of the learned concepts.
This project has been a valuable learning and practice experience, contributing to the development and consolidation of essential frontend skills.
You can view the project demo here.
