portfolio

index.html

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">
        Ismail Jamiu
      </a>
    </div>
    <div>
    <ul class="nav navbar-nav pull-right">
      <li class="active"><a href="#about">About</a></li> 
      <li><a href="#">My Porfolio</a></li>
      <li><a href="#contact">Contact me</a></li>
    </ul>
  </div>
  </div>
  <!--here  contain container that house all the nav-->
</nav>
<!--here we start the first section one of the Portfolio-->
<secton id="pageOne">
  <div class="jumbotron">
    <div class="container">
      <div class="row">
        <div class="col-md-offset-1 col-md-2">
          <img src="https://scontent.flos2-1.fna.fbcdn.net/v/t1.0-9/23722644_1727300980654608_1293345441573178687_n.jpg?_nc_eui2=v1%3AAeHAAjG7U6D7fuRn9uzuX-WVhEKVkOee8iOORyyLHZEd6FxefeCCWYUdklx8TqeqYmF0uhITHK4f2alCTMtso833odGlDsMs3TLfrKmbQzWCWg&oh=80da9d3c2ce5fcc854a206588aefe325&oe=5ABD8B52" alt="my signout px" class="img-responsive img-circle">
        </div>
        <div class="col-md-8 typed text">
          <p>
            <i class="fa fa-chevron-right"></i> Welcome friends! I am Ismail Jamiu Babatunde and this is my first <strong>freeCodeCamp</strong> portfolio
          </p>
          <p>
            <i class="fa fa-chevron-right"></i> I have not ready done much project since i have joined the Camp than the assignments to design a tribute page.
          <p>
            <i class="fa fa-chevron-right"></i> It is quite long I have been on this web development stuffs, but I have not been able to do a very big project because I am very busy with one thing or the other, but I am back and better now. If you want to know more about me, feel free to <a href="#social">get in touch</a> with me
          </p>
        </div>
      </div>
    </div>
  </div>
</secton>
<!-- Here we begin the section two of the Portfolio-->
<section id="about">
  <div class="jumbotron">
    <div class="container">
      <h2 class="text-center">
        About me
      </h2>
      <div class="row">
      <div class="col-md-offset-1 col-md-1 text-right"><i class="fa fa-code fa-lg"></i> 
      </div>
      <div class="col-md-9">
        <p>
          I am a self taught web developer, designer, electronic engineering, IT consultant, Forex trader, Mentor, an enterprenuerer, founder of Phantware company based in Nigeria. I work currently with an ERP company here in Nigeria as an IT consultant, I was once an Assistant co-ordinator of Association of Muslim Engineering Student of Nigeria in Yabatech.
        </p>
        <p>
          I have been to many Tech meetups, DEV C Lagos, Hackathon Community Challenge, Lagos, Member of Free Code Camp, an online programming class. My passion is to use my skills in bringing up another generation of technology expert to change the face of Nigeria Education and inculcate the habit of humanitarian service.

The Language and Frame works I like using are: Html, Css, Bootstrap3, Jquerry, Javascrip, Angular.js and Ionic. Tools are: Git, Responive web design and lot more.
        </p>
      </div>
        </div><!-- here denote the closing of row div -->
      <div class="row">
        <div class="col-md-offset-1 col-md-1 text-right"><i class="fa fa-graduation-cap fa-lg"></i>
        </div>
        <div class="col-md-9">
          <p>
            I am a graduate of Computer engineering from <a href="https://www.yabatech.edu.ng" targer="blank">Yaba College of Education,</a> Yaba Nigeria, where I obtained my Higher National Diploma in Computer Engineering.
          </p>
        </div>
      </div>
    </div>
  </div>  
</section>

<section id="contact">
  <div class="container">
    <h2 class="text-center">
      Contact Me<br>
      <small class="lead">follow me on my social networks</small>
    </h2>
    <div class="text-center">
      <a href="https://github.com/phantware" target="_blank" class="btn btn-default btn-lg" role="button"><i class="fa fa-github"></i> Github</a>
      <a href="https://www.linkedin.com/in/ismail-jamiu-92308612a" target="_blank" class="btn btn-default btn-lg" role="button"><i class="fa fa-linkedin-square"></i> Linkedin</a>
      <a href="https://freecodecamp.com/phantware" target="_blank" class="btn btn-default btn-lg" role="button">(<i class="fa fa-fire"></i>) freeCodeCamp</a>
    </div>
  </div>
</section>

<footer>
  <div class="container text-center">
      <i class="fa fa-copyright"></i> Copyright 2015, Ismail Jamiu Babatunde | All Rights Reserved.
      <a href="#" class="btn btn-default pull-right"><i class="fa fa-arrow-up fa-2x"></i></a>
  </div>
</footer>

portfolio.markdown

portfolio

A Pen by Ismail Jamiu Babatunde on CodePen.

License.

style.css

.navbar{
  margin: 0px;
}
section{
  margin: 0px;
}
.jumbotron{
  margin: 0px;
  padding: 50px 0 60px 0;
}
section h2{
  margin-bottom: 30px;
}
#pageOne .jumbotron{
  background-color: #3498db;
  color: #eee;
}
#pageOne a {
  color: #333;
}
#about .jumbotron {
  background-color: #EEEEEE;
}

styles

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" />