cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <!--This is the navigation menu -->
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span> 
      </button>
      <a class="navbar-brand" href="http://www.hannahourani.com" target="_blank">Hanna Hourani</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <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="#projects">Projects</a></li>
      </ul>
    </div>
  </div>
</nav>
<!--This is the red bit -->
<div id ="home" class="container-fluid bg-1 text-center">
  <h1>Web portfolio</h1>
  <img src ="https://primaryhomeworkhelp.co.uk/egypt/Ra.gif" alt="Hanna Hourani"/>
  <h3>Excavating my memories of coding</h3>
   <a href="https://www.freecodecamp.com/hannahourani" target= "_blank" class="btn btn-default btn-lg">Free Code Camp</a>
  <a href="https://twitter.com/HannaHourani" target= "_blank"  class="btn btn-default btn-lg">Twitter</a>
  <a href="https://github.com/hannahourani" target= "_blank"  class="btn btn-default btn-lg">Github</a>
   
</div>
<!--This is the blue bit -->
<div id="about" class="container-fluid bg-2 text-center">
  <h3>What Am I?</h3>
  <p>I'm a marketer, a writer and a coder.</p>
  <img src="data:image/jpeg;base64,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"/>
</div>
<!--This is the gray bit -->
<div id ="projects" class="container-fluid bg-3 text-center"> 
  <h3>My Projects</h3>
  <div class="row">
    <div class="col-sm-4">
      <p>"Death, Divinity and the Smiling Man" is the title of a paranormal fantasy book that I've written and self published on Amazon.</p>
     <a href="http://www.amazon.com/Death-Divinity-Smiling-Hanna-Hourani-ebook/dp/B00Y8GW3U2" target="_blank"> <img src="https://dwtr67e3ikfml.cloudfront.net/bookCovers/01c00b71a65daef33b706b50af29444341e2c5cd-thumb" class="img-responsive" alt="Death divinity and the smiling man"></a>
    </div>
    <div class="col-sm-4">  
      <p>Hanna's Travel blog is a blog that documented my journey through Nepal. It is built on wordpress.</p>
      <img class="img-responsive" src="http://www.hannahourani.com/travel/wp-content/uploads/2013/01/nepal-dawn.jpg" alt="Nepal Dawn">
    </div>
    <div class="col-sm-4"> 
      <p>Web-release.info is a wordpress site that I've developed. It regularely publishes all sorts of press releases from the middle east. PR agencies in the middle east are quite fond of it, and so is its owner.</p>
      <img class="img-responsive" src="http://www.web-release.info/wp-content/themes/News/images/logo.png" alt="Web-release.info logo">
    </div>
  </div>
</div>
<footer class="container-fluid bg-4 text-center">
  <p>Hanna Hourani - 2016</p> 
</footer>
            
          
!
            
              .bg-1 {
  background-color:#C92020; /*red */
  color: #ffffff;
}
.bg-2 { 
    background-color: #798EE0; /*  Blue */
    color: #ffffff;
}

.bg-3 { 
    background-color: #CDD3E9; /* Gray */
    color: #555555;
}
.container-fluid {
    padding-top: 70px;
    padding-bottom: 70px;
    
}

.div img {
  width= 100%;
}
.bg-4 { 
    background-color: #2f2f2f;
    color: #ffffff;
}

            
          
!
            
              $('ul.nav').find('a').click(function(){
    var $href = $(this).attr('href');
    var $anchor = $('#'+$href).offset();
    $('body').animate({ scrollTop: $anchor.top });
    return false;
});


            
          
!
999px
Loading ..................

Console