Skip to content

phquyenle/HW-Wireframe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

#HW-Wireframe

HW-Wireframe

Instructions

Create a new repository in GitHub called HW-Wireframe. Clone this repository to your computer by following the process we went over in class. Navigate to the HW-Wireframe folder you just cloned onto your machine. Then create two files inside this folder: index.html and style.css. Make your initial Git commit and push it to GitHub.

git add . git commit -m "" git push origin master If this process was done correctly, you should see these two files appear in your repository. This will be your initial test to confirm that you're hooked into GitHub.

Return to your local copies of index.html and style.css. Using the screenshot at the top of these instructions, recreate the design using HTML/CSS.

All of your HTML should be inside of the index.html file. All of your CSS should be inside of the style.css file.

When you finish the assignment, commit your changes with Git and push them into your GitHub repo. Remember:

git add . git commit -m "" git push origin master

Additional Specifications

Your HTML should have each of the following sections:

Header Nav Aside (With a Heading) Section (With a Heading) Article (With a Heading) contained within the Section Headers contained within the Article Paragraph contained within the Article

Your CSS should have styles for each of the following elements:

Body

font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif; color: '#777' background: '#777' width: '960px' font-size: '18px'

Header, Nav, Section, Aside, and Footer

background: '#ebebeb'

Article

color: '#ebebeb', background: '#777'

h1 and p

color: '#777', background: '#ebebeb'

The width of the section should be:

section: 495px

About

Building a Wireframe using HTML and CSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published