https://github.com/cbedroid/tribute-page
FreeCodeCamp Responsive Web Design Project - Tribute Page - built using HTML and CSS
https://github.com/cbedroid/tribute-page
100daysofcode bootstrap4 css freecodecamp html tribute-page webdevelopment
Last synced: 7 months ago
JSON representation
FreeCodeCamp Responsive Web Design Project - Tribute Page - built using HTML and CSS
- Host: GitHub
- URL: https://github.com/cbedroid/tribute-page
- Owner: cbedroid
- Created: 2020-12-22T04:09:54.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-02-10T09:20:16.000Z (over 4 years ago)
- Last Synced: 2025-01-27T10:28:54.735Z (9 months ago)
- Topics: 100daysofcode, bootstrap4, css, freecodecamp, html, tribute-page, webdevelopment
- Language: HTML
- Homepage:
- Size: 89.8 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tribute Page
A [**FreeCodeCamp**](https://freecodecamp.org)
Tribute Page Project about inventor and bussinessman [Garrett Morgan](https://en.wikipedia.org/wiki/Garrett_Morgan), whom invented the traffic light system.
In this project, we were asked to build a responsive web design website for a blog post. Additionally to design the website from scatch, we were asked to implement some given features to pass.
For more information about this project, Visit [here][project-doc].
This Responsive Web Design was made using [**HTML5**][html],
[**CSS**][css], and [**BootStrap4**][bootstrap].
### Demo :rocket: [Tribute Blog][githubpage]
## Getting started
This repo can be deployed locally on your machine using [**live-server**][live-server].
**Run from terminal** _(requires [NodeJS](https://nodejs.org/en/download/))_
```bash
# Clone this repo
git clone https://github.com/cbedroid/Tribute-Page.git
# Change directory to Tribute-Page repo
cd Tribute-Page
# Go live (requires NodeJS)
live-server --port=5500 .
# Open Browser to view website
http://localhost:5500
```
**Run in VSCode**
1. Launch VSCode.
2. Open VSCode terminal, then clone repo `git clone https://github.com/cbedroid/Tribute-Page.git`.
3. Open __Tribute-Page__ folder.
4. *(Goto 6 if you already have live-server installed)* Launch VS Code Quick Open by pressing `Ctrl+P`,
5. Paste in _`ext install ritwickdey.LiveServer`_
6. Go Live - click Go Live at the bottom right of screen.
7. Open web browser to `localhost:5500`.
## Built using
- [**HTML**][html]
- [**CSS**][css]
- [**BootStrap4**][bootstrap]
[githubpage]: https://cbedroid.github.io/Tribute-Page/
[project-doc]: https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-tribute-page
[link-author]: https://twitter.com/cbedroid
[html]: https://developer.mozilla.org/es/docs/HTML/HTML5
[css]: https://developer.mozilla.org/en-US/docs/Glossary/CSS
[bootstrap]: https://getbootstrap.com/
[live-server]: https://www.npmjs.com/package/live-server