This repository contains the source code for the Alurinha landing page, a fictional website for an online course platform. It was developed as part of Boticário's Programa Desenvolve to study mobile-first front-end design using the Flexbox layout.
The landing page was built using the following technologies:
- HTML: The structure and content of the page were created using HTML markup language.
- CSS: Cascading Style Sheets were used to style and customize the appearance of the page.
- Flexbox: The Flexbox layout was extensively employed to create responsive and flexible designs, allowing the content to adapt to different screen sizes and orientations.
The project structure is as follows:
index.html: The main HTML file that represents the landing page structure.css/reset.css: A CSS file that resets the default styles of HTML elements.css/style.css: The main CSS file that contains the custom styles for the landing page.css/flexbox.css: A CSS file that contains additional styles related to the Flexbox layout.
To view the Alurinha landing page, follow these steps:
- Clone the repository to your local machine.
git clone https://github.com/tverderesi/alurinha
- Open the
index.htmlfile in your preferred web browser. - Explore the different sections of the landing page, including the course listings and contact form.
The Flexbox layout was heavily utilized throughout the page to create responsive and visually appealing designs. It allows the content to automatically adjust and align itself based on the available space, ensuring a consistent and optimal user experience across different devices and screen sizes.
Please note that this is a fictional website created solely for educational purposes as part of Boticário's Programa Desenvolve.
For more information about Boticário's Programa Desenvolve, visit desenvolve.grupoboticario.com.br.
Happy learning! 😊