06/10/2016

session 1

In todays lesson we went to brand style guide and looked at Marvel. We looked at the design,looking at what the color scheme they use, like the brand colors, grey colors and UI colors. we also looked at the typography they used <p class="fontFamily-fakt Soft">....</p>

https://marvelapp.com/styleguide/design/typography

We went onto google font's to find a font to use on our Portfolio.

https://fonts.google.com/specimen/Chewy

https://fonts.google.com/specimen/Orbitron

https://fonts.google.com/specimen/Bangers

we also went onto Adobe Kuler to get color schemes.

https://color.adobe.com/create/image/

color scheme 1 

color scheme 2

color scheme 3

https://color.adobe.com/create/image/

session 2

to change the font 

index.html

under the css

<link href="https://fonts.googleapis.com/css?family=Bangers|Chewy|Orbitron" rel="stylesheet">

style.css

h1{

font-family: 'Orbitron', sans-serif;

This changes the design of the font to what you have chosen I choose Orbittron which is the second image of my font choice

we went onto Unsplash and got a picture to use as a background for the about me section for my about me page.

download image and save in image file about.me

index.html

<div class="about_me"> put everything in between</div>

style.css

.about_me {background-image:url(../images/lake.jpg

);

width: 100%;

height:500px;

color: a60010;

font-size: 30px;

}

index.html

<div class="container">put what you want between (e.g.text for me)</div>

style.css

.container{

width:75%

margin:auto;