Making a Portfolio part 1

In class today I started making my portfolio based on the sketch that I did at home.

The first thing I did was make a navigation bar which should link you to the Home, About, Portfolio,Blog, Contact.

On the contact section and Portfolio section of the navigation bar it drops down to show the choices It can take you too. 

The portfolio drop down menu.

I then added three parent sections with a margin top of 5 px for all of them and a margin 8 px bottom with 5 different sections with spaces between of 5 px in between each section.

Where the white Square is I added text which was put into a child div which was inside a parent div
the white box is called section_two_right and it has a paragraph in it that says click here for Portfolio. this has a class which I called click. In the css for section two right we made the font-size: 2 rem, and the position relative.

On the div class click in the css we made the position:absolute with a top of -50%, and transform: translateY  (-50%) which allowed it to look like this.

I also made it so when you click on the section in  the navigation bar that says blog it opens a new page and takes you to my blogger.

 https://abbisands1.github.io/New-Portfolio/