https://github.com/b-l-u-e/odin-landingpage
Built landing page using HTML and pure CSS.
https://github.com/b-l-u-e/odin-landingpage
css3 flex html5
Last synced: 8 months ago
JSON representation
Built landing page using HTML and pure CSS.
- Host: GitHub
- URL: https://github.com/b-l-u-e/odin-landingpage
- Owner: b-l-u-e
- Created: 2024-02-25T11:58:42.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-25T18:55:23.000Z (over 2 years ago)
- Last Synced: 2025-06-11T01:43:18.410Z (about 1 year ago)
- Topics: css3, flex, html5
- Language: CSS
- Homepage:
- Size: 24.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# odin-landingpage
## Setting up project GitHub repository
- Create a new repo for this project on GitHub.com and call it `odin-landingpage` and choose the `public` option instead of the default private.
- Clone that repository onto your local machine. The command should look like git clone `git@github.com:username/odin-landingpage.git (use SSH)`
- `cd` into the `odin-landingpage` project directory that is now on your local machine.
- Set up your `README.md` file and write a brief introduction describing what the current project is and what skills you will have demonstrated once you have completed it. (You can also do this as a self-reflection at the end of the project, which is a good way to review what you have learned.)
### Tips on when to commit changes
- When writing code, it’s considered best practice to commit early and often. Commit every time you have a meaningful change in the code. This will create a timeline of your progress and show that your finished code didn’t appear out of nowhere.
## Assignment
### Initial structure
- Within the `odin-landingpage` directory, create an `index.html` file.
- Follow this structure from the screenshot [design](/screenshots/design.png)
- create style.css file and follow [style-guide](/screenshots/style-guide.png)
- create a new directory `img` and add images that going to use in the project. You can get inspiration from this sites: [unsplash](https://unsplash.com/), [pexels](https://www.pexels.com/), and [pixabay](https://pixabay.com/)