https://github.com/scc416/meyoucome

A product landing page.
https://github.com/scc416/meyoucome

chota css font-awesome freecodecamp html responsive

Last synced: about 1 month ago
JSON representation

A product landing page.

• Host: GitHub
• URL: https://github.com/scc416/meyoucome
• Owner: scc416
• License: mit
• Created: 2021-12-11T18:35:39.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-25T04:30:09.000Z (almost 3 years ago)
• Last Synced: 2024-05-28T15:59:00.312Z (7 months ago)
• Topics: chota, css, font-awesome, freecodecamp, html, responsive
• Language: HTML
• Homepage: https://scc416.github.io/meyoucome/
• Size: 8.75 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# YOUMECOME

A product landing page. This web page is one of my project for [Responsive Web Design Certification](https://www.freecodecamp.org/learn/responsive-web-design/) on [freeCodeCamp](https://www.freecodecamp.org/): [Build a Product Landing Page](https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page).

## Table of Content

- [Live Demo](#live-demo)

- [Final Product](#final-product)

- [Dependencies](#dependencies)

- [Getting Started](#getting-started)

- [Credit](#credit)

## Live demo

This app is built on [codepen](https://codepen.io/) and exported to distribute for this live demo:  

https://scc416.github.io/meyoucome/

## Final Product

| ![desktop-initial](./docs/desktop-initial.png) |

| :--------------------------------------------: |

|           _The web page on desktop_            |

| ![content](./docs/desktop-content.png) |

| :------------------------------------: |

|       _The web page on desktop_        |

| ![mobile](./docs/mobile-initial.png) |

| :----------------------------------: |

|       _The web page on mobile_       |

| ![mobile](./docs/mobile-content.png) |

| :----------------------------------: |

|       _The web page on mobile_       |

## Dependencies

- [chota](https://jenil.github.io/chota/): CSS library

- [Font Awesome](https://fontawesome.com/): for icons

## Getting Started

1. Clone or download this repository onto your local device.

2. Open `index.html` with browser.

## Credit

- The actual product can be found [here](https://mudagostini.stores.jp/items/5eeb40a6561e175764cf1bc8).

- The web page of the inventor: [Marina Fujiwara](https://marinafujiwara.persona.co/).

- Article of the product on [OurWindsor.ca](https://www.ourwindsor.ca/opinion-story/10039859-emma-teitel-covid-19-is-not-the-only-ailment-in-this-pandemic-some-of-us-have-a-nasty-case-of-zoom-fatigue/).

- Article of the product on [Japan Trends](https://www.japantrends.com/video-call-emergency-escape-gadget-zoom/).

- favicons from [font-awesome](https://fontawesome.com/v5.15/icons/spinner), modified to animated gif by myself.