https://github.com/juditkaramazov/sprint2

📝 IT Academy v2 - Landing page
https://github.com/juditkaramazov/sprint2

Last synced: 6 months ago
JSON representation

📝 IT Academy v2 - Landing page

• Host: GitHub
• URL: https://github.com/juditkaramazov/sprint2
• Owner: JuditKaramazov
• Created: 2023-02-27T03:37:39.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-05-27T19:41:35.000Z (over 2 years ago)
• Last Synced: 2025-02-10T03:24:14.693Z (8 months ago)
• Language: CSS
• Homepage:
• Size: 1.64 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Sprint 2 IT Academy | Landing page

## Getting started with Bootstrap and SASS

What is a `UI library`? How about `Bootstrap` and `SASS`? Why should I consider using this software system (or toolchain) that comes with a collection of components that could make my life `way` easier? Although the first and second questions are completely understandable when we're just starting to dive into this immense area of knowledge, getting in touch with Bootstrap's definition pointing it as one of the most popular CSS frameworks for developing responsive and mobile-first websites should be a reason enough to, at least, give it a try - and that's what we did!

Once we thoroughly studied these new realities, their usage, and advantages, IT Academy proposed a project consisting of replicating `A simple bookmark manager`:

![Alt text](https://github.com/JuditKaramazov/Sprint2/blob/eb816d816a99bed87725867abeeffeb1bf19497d/images/Screenshot-1.jpg)

Although that's only a part of the requirements, the entire landing page incorporated:

- the `main content` with its corresponding `navbar`.

- a `features` section explaining the most remarkable characteristics of this (fictional) tool.

- a `download section` including Chrome, Firefox, and Opera versions of the extension.

- a `FAQS` section that allowed us to incorporate an `accordion component`.

- a `footer` with a `Contact us` area that would throw an error whenever the form receives an empty email address or an invalid one.

After working on each part of the landing page and modifying the `active state` of its buttons, links, and tabs, here's the final result:

![Alt text](https://github.com/JuditKaramazov/Sprint2/blob/eb816d816a99bed87725867abeeffeb1bf19497d/images/Screenshot-2.png)

After all this time, remember... `Don't go hollow` and keep on keeping on! Struggling is just a part of the process - and you're definitely not alone!