KzgvwY

index.html

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.jumbotron {
  background-color: #434A45;
  color: #ffffff;
}
  h4{
  font-family: Lobster;
  }
  h1{
   font-family: Lobster;
  }
  h3{
   font-family: Lobster;
  }
   .container-bg{   
  background-image:  url('https://www.dropbox.com/s/4dl17i7cy4gyydo/Nature-Background.jpg?dl=1');
   color:#0000;
  background-attachment:fixed;
  margin-height:400px;
  margin-top:5px;
  margin-right: auto;
  margin-bottom:20px;
  }
</style>
<div class="container-fluid">
<div class="jumbotron text-center">
<a href="#"><img src="https://www.dropbox.com/s/srgjarykodq0m3i/me.jpg?dl=1" class="img-circle" length="10" width="110"></a>
  <h3>portofolio</h3>
  <form class="form-inline">
    <input type="search"class="form-control" size="50" placeholder="Search" required>
    <button type="button"class="btn btn-primary"> <span class="glyphicon glyphicon-search"></span>Search</button>
  </form>
  </div>
   
</div>
<div class=" container-bg" id="home">
<div class="navbar navbar-inverse">

  <div class="navbar-header">
    <a class="navbar-brand" href="#home"> Mohammedadem</a>
    
  </div>
  <ul class="nav navbar-nav navbar-right">
    <li><a href="#home">Home</a></li>
    <li><a href="#about">About Me</a></li>
    <li><a href="#works">Works</a></li>
    <li><a href="#contact">Contact</a></li>
  </ul>
   
</div>
  <!-- here we go again !!!!!!!---->
  <div class=" block container"> 
     
   
  <h1 class="text-center text-danger">Here we go again !!</h1>
 
 
    </div>
    <!--home contents -->
    <table class="table">
      <thead><h3 class="text-center text-black">"A speculator is a man who observes the future, and acts before it occurs"</h3>
      </thead>  
      </table>          
        
      
      <div class="btnlist text-center" id="home"><button class="btn btn-default"><a href="https://twitter.com/moms36604907" target="_blank"><h4>Twitter</h4></a></button>
        
        <button class="btn btn-default"><a href="https://www.linkedin.com/in/mohammed-adem-3757b1b0?trk=nav_responsive_tab_profile_pic" target="_blank"><h4>Linkdin</h4></a></button>
        <button class="btn btn-default"><a href="https://github.com/mohamma548" target="_blank" ><h4>Github</h4></a></button>
        <button class="btn btn-default"><a href="http://www.freecodecamp.com/mohamma548" target="_blank"><h4>Freecode Camp</h4></a></button>
        <button class="btn btn-default"><a href="#" target="_blank"><h4>Certification</h4></a></button>
      </div>
  </div>
<!--about me page-------->
<div class="container abtme text-center" id="about">   
  
  <div class="row">
    <div class="col-sm-6 text-success"><h2>A short personal description </h2>
    <h3>I am a software engineer and a web developer graduated last year. I have a lso a very good knowledge on Networking specially Cisco subjects(CCNA, CCNP).
    -Previously I have developed a couple of web apps for a charity organization. some of the programming languages I know are: Javascript,JQuery,Object Oriented programming,C, Java, bootstrap...
      </h3></div>
    <div class="col-sm-4">
    <img src="https://www.dropbox.com/s/7rkdo0z7mqdlxnc/2014-04-23%2010.01.50.jpg?dl=1" class=" img-responsive img-thumbnail"></div>
  </div>
  
 
</div>
<!--- my projects and previous works---->
<div class="container myworks" id="works">
  <h4>project works are: </h4>
   
</div>
<div class="container" id="contact">
  <h3>Please do not hesitate to give me constractive feedback</h3>
  <form class="form-horizontal">
    <label class="control-label">Name:</label>
  <input  class="form-control" id="name" type="name" size="30px" placeholder="name" >
    <label class="control-label">Email:</label>
    <input  class="form-control" id="email" type="email" placeholder="email address"><label class="control-label">comment</label>
    <textarea  class="form-control" id="comment" type="comment" placeholder="comment"></textarea>
    <button type="submit" class="btn btn-primary">submit</button></form>
  
</div>
       
      
    
  
  
 

KzgvwY.markdown

KzgvwY

A Pen by mohammedadem on CodePen.

License.

scripts

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

style.css

<style>
.jumbotron {
  background-color: #434A45;
  color: #fffff;
}

.block {
  background-color: #F2ECEC;
  padding: 20px 10px 20px 10px;
  width: 50%;
  font-size: 2.0em;
  margin-left: auto;
  margin-right: auto;
}
.abtme {
  background-image: url('https://www.dropbox.com/s/ccanv9y1jp5d49e/abutmepage.jpg?dl=1');
  color:#fffff;
  font-family:lobster;
 
}
.myworks{
  background-image:url('https://www.dropbox.com/s/7899pbcrzws0qut/myworks.jpg?dl=1');
 padding: 30px 30px 30px 30px;

  height: 300px;
  
}


</style>

styles

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css" rel="stylesheet" />