https://github.com/code-beaker/insure-landing-page-code-beaker-2

https://github.com/code-beaker/insure-landing-page-code-beaker-2

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/code-beaker/insure-landing-page-code-beaker-2
• Owner: Code-Beaker
• Created: 2024-06-03T11:36:19.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-19T10:32:42.000Z (almost 2 years ago)
• Last Synced: 2025-02-01T23:32:56.312Z (about 1 year ago)
• Language: SCSS
• Homepage: https://insure-landing-page-code-beaker.vercel.app
• Size: 1.53 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Insure Landing Page Solution

This is a solution to the **Insure Landing Page** from [Frontend Mentor](https://frontendmentor.io)

- [Insure Landing Page Solution](#insure-landing-page-solution)

  - [Preview](#preview)

    - [Desktop](#desktop)

    - [Mobile: Default](#mobile-default)

    - [Mobile: Navigation expanded](#mobile-navigation-expanded)

  - [Built With](#built-with)

  - [What I learned](#what-i-learned)

  - [Links](#links)

## Preview

### Desktop

![Desktop Preview](./image.png)

### Mobile: Default

![Mobile Default](image-1.png)

### Mobile: Navigation expanded

![Mobile Expanded](image-2.png)

## Built With

Tech used to build this project.

- HTML

- SCSS

- CSS

- JavaScript

- [Vite](https://vitejs.dev)

- [Bootstrap Icons](https://icons.getbootstrap.com)

- Firefox

- Brave

## What I learned

I got to explore a new world of layouts by building this amazing projects. I was able to use:

- `grid` layout and make it repsonsive.

- use `flex` to create and manage simple and complex layouts

- Build accessible links and buttons

- Match the website to the design as close as possible.

It took about a week because I was busy with my school but I finally completed it on 19/06/2024.

I got to use SCSS to write better and easier CSS. I'm proud of completing it without the help of google or stackoverflow.

## Links

- GitHub Repository: [Visit ➜](https://github.com/Code-Beaker/insure-landing-page-code-beaker-2)

- Vercel Deploy: [Visit ➜](https://insure-landing-page-code-beaker.vercel.app/index.html)