My Portfolio

index.html

<header>
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
   <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
</header>
<div class = "pageOne" id="p1">
  <ul class ="nav nav-pills">
    <li>
      <a href="#p1">Cesar Anzures</a>
    </li>
    <li class ="pull-right">
      <a href="#p2">About me</a>
    </li>
    <li class="pull-right">
      <a href="#p3">Portfolio</a>
    </li>
    <li class="pull-right">
      <a href="#p4">Contact</a>
    </li>
    <li class="pull-right">
      <a href="#p5">Resume</a>
    </li>
  </ul>
  <div class="block text-center">
  <h1>Cesar Anzures</h1>
  </div>
  <div class ="btnList text-center">
    <a class ="btn btn-default" href="https://twitter.com/cesaranz7"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a>
    <a class ="btn btn-default" href="https://github.com/cesaranz7"><i class="fa fa-github" aria-hidden="true"></i> GitHub</a>
    <a class ="btn btn-default" href="https://www.linkedin.com/in/cesar-anzures-578670a2/"><i class="fa fa-linkedin" aria-hidden="true"></i> Linkedin</a>
    <a class ="btn btn-default" href="[email protected]"><i class="fa fa-envelope-o" aria-hidden="true"></i> Email</a>
  </div>
</div>
</div>
<div class="pageTwo" id="p2">
  <div class ="row">
  <div class ="col-md-6 text-center">
    <h1>About me</h1>
    <p>I am boot camp student at Bloc currently completing an intense software engineering track. Languages known are Javascirpt Ruby HTML CSS. Currently being exposed to tools like AngularJS, Jquery, Git, SQL, and many more.</p>
    </div>
    <div class ="col-md-6">
      <img src="https://scontent-lga3-1.xx.fbcdn.net/v/t1.0-9/12193481_10208099479152597_8877240677997741828_n.jpg?oh=a5fab55bbc893d64d3db353df99a452a&oe=5AD0EBCE" class ="me"/>
    </div>
  </div>
</div>
  <div class ="pageThree text-center" id="p3">
    <div class="paddingTop">
      <h1>Portfolio</h1>
    </div>
    <div class="row">
      <div class="col-md-6"></div>
      <div class="col-md-6"></div>
      </div>
  </div>

  <div class="pageFour text-center" id="p4">
</div>

  <div class="pageFive text-center" id="p5">
</div>

my-portfolio.markdown

My Portfolio

A Pen by Cesar Anzures on CodePen.

License.

style.css

.nav-pills{
  font-size: 1.8em;
  margin-bottom: 15%;
}

.nav-pills a{
  color: white;
  font-size: 1.5em;
}

body{
  background-color: white;
  font-family: 'Montserrat', sans-serif;
  color: white;
}

h1{
  padding: 0;
  margin-top: 0px;
  font-size: 5em;
  color: white;
}

.btn-default{
  background-color: black;
  border-color: black;
  color: white;
  opacity: .6;
  font-size: 1.6em; 
  
}

.block{
  background-color: black;
  opacity: .6;
  padding: 20px;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 6px;
  
}

.pageOne{
  background:url(https://images.unsplash.com/photo-1500053857731-701d06fac2fa?auto=format&fit=crop&w=1431&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D);
  background-size:cover;
  height: 900px;
}

.pageTwo{
  background: url(https://images.unsplash.com/photo-1482189349482-3defd547e0e9?auto=format&fit=crop&w=1533&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D);
  background-size:cover;
  height: 900px;
  padding-top:10%;
}

p{
  font-size:2.0em;
}

.me{
  height: 500px;
  border-radius: 50%;
}

.pageThree{
  background:url("https://images.unsplash.com/photo-1474496517593-015d8b59450d?auto=format&fit=crop&w=1500&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D");
  background-size:cover;
  height:900px;
  padding-top:5%;
}

.pageFour{
  background:url(https://images.unsplash.com/photo-1458014350714-9881b36c0778?auto=format&fit=crop&w=1500&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D);
  background-size:cover;
  height:900px;
  padding-top:5%;
}

.pageFive{
  background:url("https://images.unsplash.com/photo-1503527142795-ec26d5a9ea52?auto=format&fit=crop&w=1500&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D");
  background-size:cover;
  height:900px;
  padding-top:5%;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />