# data[].attributes.body
- Google fonts, is a blessing
- google in general is a wonderful source to find information on CSS and html.
- CSS color names website, therapeutic and informative.

# data[].attributes.body
- how to create the Home About and Contact links
- how to take away any text decoration
- how to find and use a good font
- navigation
- attribute tags

# data[].attributes.body
1. how to easily indent code to format properly
2.  How to easily find colours for css
3. how to create a multi page website

# data[].attributes.body
1. How to center titles and articles
2. How to make a multi page website with the same format
3. How to add a copyright footer

# data[].attributes.body
- How to centre titles
- The different type of fonts we can incorporate
- Padding and borders
- Banner
- Divs, Navs etc.

# data[].attributes.body
- How to make a navigation tag on the website using the <nav> tag.
- How to make a footer and input the copyright symbol

# data[].attributes.body
google fonts

banners

Href link

divs

neil orange peel

navigation

# data[].attributes.body
- How to add a footer
- how to center title
- how to add different pages on website

# data[].attributes.body
- How to use the 'tab' key to make coding easier
- Different ways to group the code
- Multi-page website

# data[].attributes.body
1. How to create multiple pages for a website
2. how to make a banner
3. how to add a footer

# data[].attributes.body
- I learned how to make a multi-page website
- I learned how to make banners and add google fonts
- I learned how to create navigation to redirect within a webpage

# data[].attributes.body
- link different webpages together
- what successful code should look like
- simple mistakes that can mess up websites
- websites that you can get font and colors from
-

# data[].attributes.body
Using different code to group the code (like divs, navs etc.)

Importing google fonts to our CSS

Making multiple pages in our website

# data[].attributes.body
To make a picture round, use: border-radius: 50%;

You can comment by using: /* */

When linking an image from your folder, do: <img src="images/filename.jpg">

When writing comments use <!— and end with —>

Right click and press “view page source to see code

Right click on a specific word and press “inspect” to see that specific code for that word

google fonts

how to center paragraphs

how to make banners

Navigation

# data[].attributes.body
1. How to use google fonts
2. How to use the "tab" key to make coding faster
3.  How to use navigation

# data[].attributes.body
1.  Navigation
2. Footer
3. Multi-Page Website

# data[].attributes.body
1. reinforced code we had previously learned.
2. navigation
3. How to center paragraphs

# data[].attributes.body
1. How to center photos and titles
2. How to add navigation tools
3. How to use google fonts for the website
4. Review of previous classwork