My Portfolio Site

<link href='https://fonts.googleapis.com/css?family=Quicksand:700' rel='stylesheet' type='text/css'>

​

<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>

​

<link href='https://fonts.googleapis.com/css?family=Roboto|PT+Sans' rel='stylesheet' type='text/css'>

​

<div class="container-fluid">

  <div class="navbar row">

    <div class="col-md-4">

      <a href="https://codepen.io/babzcraig/posts/popular/"><button class="bttn-nav" id="btn-Babs">Hi! I'm Babs</button></a></div>

    <div class="col-md-8">

      <a href="#jump_contact"><button class="bttn-nav">Contact</button></a>

      <a href="#jump_portfolio"><button class="bttn-nav">Portfolio</button></a>

      <a href="#jump_about"><button class="bttn-nav">About</button></a>

      <a href="#jump_home"><button class="bttn-nav">Home</button></a>   

    </div>

  </div>

​

  <!-- Home Starts Here-->

  <A NAME="jump_home">

  <div class="home">

    <div class="hold-home">

        <h1 class= "text-center">Babasanya Craig<h1>

        <h3 class="text-center">Front End Web Developer</h3>

          <hr width = "80%">

          <hr width = "80%">

         <div class="row-fluid text-center">

           <a href="https://twitter.com/babzcraig"><button class="btn btn-home">Twitter</button></a>

           <a href="https://github.com/babzcraig"><button class="btn btn-home">Github</button></a>

           <a href="https://ng.linkedin.com/in/babasanyacraig"><button class="btn btn-home">LinkedIn</button></a>

           <a href="https://www.freecodecamp.com/babzcraig"><button class="btn btn-home">FreeCodeCamp</button></a>

        </div>

    </div>

  </div>

​

  <!-- About Starts Here-->

   <A NAME="jump_about">

  <div class="about">

    <div class="row">

      <div class="col-md-7">

       <h2>Babasanya Craig</h2>

       <p>A passion for creating solutions using technology has seen me walk away from a career in law to the tech industry. I've found myself in various tech related tasks from design to web development, business development, application development and more</p>

      </div>

      <div class="col-md-5">

        <img id= "image-me" class="img-responsive" src="https://scontent-lhr3-1.xx.fbcdn.net/hphotos-xtp1/v/t1.0-9/11426716_10206769082646415_6349468802017017007_n.jpg?oh=fbfe7004ae777b7627f3c3b5b83c7fcc&oe=56BDC7B2"/>

      </div>

    </div>

  </div>

​

  <!-- Portfolio Starts Here-->

   <A NAME="jump_portfolio">

  <div class="portfolio">

    <h2 class="text-center">My Portfolio</h2>

    <h3 class="text-center">Some Of My Recent Work</h4>

    <!-- PORTFOLIO BOXES HERE -->

    <div class="hold-thumbnail row-fluid text-center">

      <div class="thumbnail"></div>

      <div class="thumbnail"></div>

      <div class="thumbnail"></div>

    </div>

    <div class="hold-thumbnail row-fluid text-center">

      <div class="thumbnail"></div>

      <div class="thumbnail"></div>

      <div class="thumbnail"></div>

    </div>

  </div>

​

  <!-- Contact Starts Here-->

   <A NAME="jump_contact">

  <div class="contact">

    <div class="row">   

     <div class="col-md-8">

       <h2>Shoot Me An Email And Let's Get Talking!:<h2>

       <h3>babscraig@gmail.com</h3>

     </div>

     <div class="col-md-4">

           <a href="https://twitter.com/babzcraig"><button class="btn btn-home">Twitter</button></a>

           <a href="https://github.com/babzcraig"><button class="btn btn-home">Github</button></a>

           <a href="https://ng.linkedin.com/in/babasanyacraig"><button class="btn btn-home">LinkedIn</button></a>

           <a href="https://www.freecodecamp.com/babzcraig"><button class="btn btn-home">FreeCodeCamp</button></a>

      </div>

    </div> 

  </div>

</div>