title: Github Page Rendering Incorrectly
body: <p>I've looked around the forums but unfortunately couldn't find the answers I was looking for - basically I have a HTML page that renders perfectly locally in chrome but when uploaded onto GitHub it renders incorrectly (the lower subscription form and social icons in the pop out menu)
  I've ran it through some cross-browser compatibility tools and it seems to render correctly on ca 70% of browsers. Im really not sure what the cause is, would love some help on this one.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="author" content=""&gt;
      &lt;link rel="shortcut icon" href="assets/ico/favicon.ico"&gt;
  
      &lt;title&gt;WEAVE.&lt;/title&gt;
  
      &lt;!-- Bootstrap core CSS --&gt;
      &lt;link href="assets/css/bootstrap.css" rel="stylesheet"&gt;
  
      &lt;!-- Custom styles for this template --&gt;
      &lt;link href="assets/css/style.css" rel="stylesheet"&gt;
      &lt;link href="assets/css/font-awesome.min.css" rel="stylesheet"&gt;
      &lt;link href="assets/js/fancybox/jquery.fancybox.css" rel="stylesheet" /&gt;
  
      &lt;!-- Just for debugging purposes. Don't actually copy this line! --&gt;
      &lt;!--[if lt IE 9]&gt;&lt;script src="../../assets/js/ie8-responsive-file-warning.js"&gt;&lt;/script&gt;&lt;![endif]--&gt;
  
      &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt;
        &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
    &lt;/head&gt;
  
    &lt;body data-spy="scroll" data-offset="0" data-target="#theMenu"&gt;
    
   &lt;!-- Menu --&gt;
   &lt;nav class="menu" id="theMenu"&gt;
    &lt;div class="menu-wrap"&gt;
     &lt;h1 class="logo"&gt;&lt;a&gt;&lt;img class="img-responsive" src="assets/img/logo-text.png" alt="WEAVE."&gt;&lt;/a&gt;&lt;/h1&gt;
     &lt;i class="fa fa-times menu-close"&gt;&lt;/i&gt;
     &lt;a href="#home" class="smoothScroll"&gt;Home&lt;/a&gt;
     &lt;a href="#about" class="smoothScroll"&gt;About&lt;/a&gt;
     &lt;a href="#contact" class="smoothScroll"&gt;Contact&lt;/a&gt;
     &lt;a href="#"&gt;&lt;i class="fa fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
     &lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;
     &lt;a href="#"&gt;&lt;i class="fa fa-envelope"&gt;&lt;/i&gt;&lt;/a&gt;
    &lt;/div&gt;
    
    &lt;!-- Menu button --&gt;
    &lt;div id="menuToggle"&gt;&lt;i class="fa fa-bars"&gt;&lt;/i&gt;&lt;/div&gt;
   &lt;/nav&gt;
  
   &lt;section id="home" &gt;&lt;/section&gt;
   &lt;div id="headerwrap"&gt;
    &lt;div class="container"&gt;
     &lt;div class="row"&gt;
      &lt;div class="col-md-6 col-md-offset-3"&gt;
       &lt;h1&gt;&lt;a&gt;&lt;img class="img-responsive" src="assets/img/logo.png" alt="WEAVE."&gt;&lt;/a&gt;&lt;/h1&gt;
      &lt;/div&gt;
     &lt;/div&gt;&lt;!--/row--&gt;
    &lt;/div&gt;&lt;!--/container--&gt;
   &lt;/div&gt;&lt;!--/headerwrap--&gt;
   
   &lt;section id="about"&gt;&lt;/section&gt;
   &lt;div id="aboutwrap"&gt;
    &lt;div class="container"&gt;
     &lt;div class="row"&gt;
      &lt;div class="col-lg-4 name"&gt;
       &lt;img class="img-responsive" src="assets/img/pic.png" alt="WEAVE."&gt;
       &lt;p&gt;WHATS IT ABOUT?&lt;/p&gt;
       &lt;div class="name-label"&gt;&lt;/div&gt;
      &lt;/div&gt;&lt;!--/col-lg-4--&gt;
      &lt;div class="col-lg-8 name-desc"&gt;
       &lt;h2&gt;THE BEST MOMENTS&lt;br/&gt;ARE THE ONES WE FIND&lt;br/&gt;WHILE LOOKING FOR SOMETHING ELSE&lt;/h2&gt;
       &lt;div class="name-zig"&gt;&lt;/div&gt;
       
       &lt;div class="col-md-6"&gt;
        &lt;p&gt;Being loved, sad, determined and hopeful are just a few of the thousands of emotions that we all commonly share between us. Describing these important moments with words alone doesn’t usually live up to how we truly feel. Creating a small post that captures our thoughts, and connects it with its abstract surroundings; allows us to illustrate the real value and importance that words alone sadly can’t.&lt;/p&gt;
        &lt;p&gt;Weave is all about reflecting on special moments and exploring how they mesh and interact with the world.&lt;/p&gt;
       &lt;/div&gt;
       &lt;div class="col-md-6"&gt;
        &lt;p&gt;It’s not designed to be searched or filed away, but to be randomly explored like stumbling upon an obscure and insightful message with a friend.&lt;/p&gt;
        &lt;p&gt;Spending some time to explore through Weave gives us a chance to experience and feel that we normally forget. Weave leads us to states of mind, feelings and those little hidden inward passages that we’d otherwise rarely visit.&lt;/p&gt;
        &lt;p&gt;Because the best moments are always the ones we stumble upon while looking for something else.&lt;/p&gt;
       &lt;/div&gt;
       
      &lt;/div&gt;&lt;!--/col-lg-8--&gt;
    
     &lt;/div&gt;&lt;!-- /row --&gt;
    &lt;/div&gt;&lt;!-- /container --&gt;
   &lt;/div&gt;&lt;!-- /aboutwrap --&gt;
   
   &lt;!--ABOUT SEPARATOR--&gt;
   
   &lt;section id="contact"&gt;&lt;/section&gt;
   &lt;!--CONTACT SEPARATOR--&gt;
   &lt;div class="sep contact" data-stellar-background-ratio="0.5"&gt;&lt;/div&gt;
   
   &lt;div id="contactwrap"&gt;
    &lt;div class="container"&gt;
     &lt;div class="row"&gt;
      &lt;div class="col-lg-6"&gt;
       &lt;p&gt;GET IN CONTACT&lt;/p&gt;
       &lt;p&gt;Dont worry, that warm tingling in your fingers is only your animalistic urge to give us a shout! Feel free to hop onto our mailing list or just drop us a message - We would love to hear from you.&lt;/p&gt;   
        &lt;p&gt;&lt;small&gt;&lt;a href="http://www.google.com/"&gt;Twitter&lt;/a&gt;&lt;br/&gt;
        &lt;a href="http://www.google.com/"&gt;Facebook&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;    
      &lt;/div&gt;
      
      &lt;div class="col-lg-6"&gt;
       &lt;form action="http://weave.us11.list-manage.com/subscribe/post?u=a728b31e70e478151dac586df&amp;amp;id=adea7a56c1" id="mc-embedded-subscribe-form" method="post" name="mc-embedded-subscribe-form" class="validate" target="_blank"&gt;
         &lt;div class="form-group"&gt;&lt;/div&gt;
           &lt;label for="mce-NAME"&gt;Your Name&lt;/label&gt;
        &lt;input class="form-control" name="NAME" type="text" id="mce-NAME" placeholder="Enter Name" data-validate="validate(required, email)" required="required"&gt;
           &lt;label for="mce-EMAIL"&gt;Email Address&lt;/label&gt;
        &lt;input class="form-control" name="EMAIL" type="email" id="mce-EMAIL" placeholder="Enter Email" data-validate="validate(required, email)" required="required"&gt;
           &lt;label for="mce-MMERGE3"&gt;Message&lt;/label&gt;
           &lt;textarea class="form-control" rows="3" name="MMERGE3" id="mce-MMERGE3"&gt;&lt;/textarea&gt;
         &lt;br&gt;
         &lt;button type="submit" class="btn btn-default"&gt;Submit&lt;/button&gt;
       &lt;/form&gt;
      &lt;/div&gt;
     
     &lt;/div&gt;&lt;!--/row--&gt;
    &lt;/div&gt;&lt;!--/container--&gt;
   &lt;/div&gt;
   
      &lt;!-- Bootstrap core JavaScript
      ================================================== --&gt;
      &lt;!-- Placed at the end of the document so the pages load faster --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
   &lt;script src="assets/js/classie.js"&gt;&lt;/script&gt;
      &lt;script src="assets/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="assets/js/smoothscroll.js"&gt;&lt;/script&gt;
   &lt;script src="assets/js/jquery.stellar.min.js"&gt;&lt;/script&gt;
   &lt;script src="assets/js/fancybox/jquery.fancybox.js"&gt;&lt;/script&gt;    
   &lt;script src="assets/js/main.js"&gt;&lt;/script&gt;
    &lt;script&gt;
    $(function(){
     $.stellar({
      horizontalScrolling: false,
      verticalOffset: 40
     });
    });
    &lt;/script&gt;
    
    &lt;script type="text/javascript"&gt;
        $(function() {
          //    fancybox
            jQuery(".fancybox").fancybox();
        });
      &lt;/script&gt;
    &lt;script&gt;
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  
    ga('create', 'UA-65614881-1', 'auto');
    ga('send', 'pageview');
  
  &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The page is at www.weave.ws if that helps - honestly I'm really struggling with this one so thanks very much in advanced.</p>
  
  <p>Cheers</p>