Portfolio navbar help!

I have been fighting with my navbar for way too long. First I could not get it to work, and now that it looks okay, I cannot get the text on the rest of the page to show up. I think the text is showing up behind the navbar, so I must have it coded wrong. Any help would be much appreciated.

here is the code I have written so far:
https://codepen.io/kkannen/pen/KmjVqx?editors=1000

Codepen is much too finicky, if you ask me, but as it is what we are supposed to use for these projects… I really need help because I’m about to rip my hair out.

See here:
http://getbootstrap.com/components/#navbar-fixed-top

Basically, you need to add padding to the body (at least 40px). So putting this in the CSS window should be enough:

body {
padding-top: 40px;
}

And you can increase the amount until it looks right for you. For the record, Codepen already handles head and body tags so all you need to worry about in the HTML window is the content. If you export as .zip and open the .html file you’ll see what I mean!

This worked, thank you so much!