Portfolio

index.html

<div>
  <link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
  <div class=“container-fluid">
  <div class="header">
    <div class="row">
      <div class="col-md-8 text-center">
        Glen Pamment
</div>
<div class="col-md-4" id="header-filler">
<div class="row">
<div class="col-md-1"><button class="btn btn-block">
                                                   <i class="fa fa-facebook"></i>                                                  </button></div>
<div class="col-md-1"><button class="btn btn-block">Linkedin</button></div>
<div class="col-md-1"><button class="btn btn-block">Twitter</button></div>
<div class="col-md-1" id="header-filler">
</div>
</div>
</div>
</div>
                                        
                                       

portfolio.markdown

Portfolio

A Pen by Glen Pamment on CodePen.

License.

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

style.css

body { 
    background-color: #FFEFEF;
    background-repeat: no-repeat;
    background-attachment: fixed;
  background-size:100%;
   height: 100%;
   width: 100%;

}
.header-cont {
    width:100%;
    position:fixed;
    top:0px;
}
.header {
    background:#700961;
    border:1px solid #CCC;
    width:100%;
    margin:0px auto;
    color:#FF7C38
   
}
.content {
    width:960px;
    background: #F0F0F0;
    border: 1px solid #CCC;
    height: 2000px;
    margin: 70px auto;
}

styles

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