Skip to content

This is an assignment from The Odin Project: Landing Page

License

Notifications You must be signed in to change notification settings

decoleby91/landing_page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

92 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

landing_page

This is an assignment from The Odin Project: Landing Page

This is the deployment link

https://decoleby91.github.io/landing_page/

The link the Github repository

https://github.com/decoleby91/landing_page

Instructions

Don’t forget to commit early & often! You can reference the Commit Message lesson here!

Download the design images and take a look at what you’re going to be creating here. Image One (Full Design), Image Two (Color and Fonts)

  • The font that’s being used in the images is roboto.
  • Hero text is the statement that appears at the top of a web page.

2.There are many ways to tackle a project like this, and it can be overwhelming to look at a blank HTML document and not know where to start. Our suggestion: take it one section at a time. The website you’re creating has 4 main sections (and a footer), so pick one and get it into pretty good shape before moving on. Starting at the top is always a solid plan.

3.For the section you’re working on, begin by getting all the content onto the page before beginning to style it. In other words, do the HTML and then do the CSS. You’ll probably have to go back to the HTML once you start styling, but bouncing back and forth from the beginning will take more time and may cause more frustration. (Note: you don’t need to use more than one stylesheet. Using only one CSS file is adequate for this project). 4.Many of the elements on this page are very similar to things you saw in our flexbox exercises… feel free to go back to those if you need a refresher. 5.Do not worry about making your project look nice on a mobile device. We’ll learn that later. 6.When you finish, don’t forget to push it up to GitHub!

The Odin Project Link

https://www.theodinproject.com/lessons/foundations-landing-page

The link to the full web page

https://cdn.statically.io/gh/TheOdinProject/curriculum/81a5d553f4073e593d23a6ab00d50eef8620796d/foundations/html_css/project/imgs/01.png

The link to the color and font settings

https://cdn.statically.io/gh/TheOdinProject/curriculum/81a5d553f4073e593d23a6ab00d50eef8620796d/foundations/html_css/project/imgs/02.png

About

This is an assignment from The Odin Project: Landing Page

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published