html - Github Page Rendering Incorrectly -
i've looked around forums unfortunately couldn't find answers looking - have html page renders locally in chrome when uploaded onto github renders incorrectly (the lower subscription form , social icons in pop out menu) i've ran through cross-browser compatibility tools , seems render correctly on ca 70% of browsers. im not sure cause is, love on one.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href="assets/ico/favicon.ico"> <title>weave.</title> <!-- bootstrap core css --> <link href="assets/css/bootstrap.css" rel="stylesheet"> <!-- custom styles template --> <link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/font-awesome.min.css" rel="stylesheet"> <link href="assets/js/fancybox/jquery.fancybox.css" rel="stylesheet" /> <!-- debugging purposes. don't copy line! --> <!--[if lt ie 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> <!-- html5 shim , respond.js ie8 support of html5 elements , media queries --> <!--[if lt ie 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body data-spy="scroll" data-offset="0" data-target="#themenu"> <!-- menu --> <nav class="menu" id="themenu"> <div class="menu-wrap"> <h1 class="logo"><a><img class="img-responsive" src="assets/img/logo-text.png" alt="weave."></a></h1> <i class="fa fa-times menu-close"></i> <a href="#home" class="smoothscroll">home</a> <a href="#about" class="smoothscroll">about</a> <a href="#contact" class="smoothscroll">contact</a> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-envelope"></i></a> </div> <!-- menu button --> <div id="menutoggle"><i class="fa fa-bars"></i></div> </nav> <section id="home" ></section> <div id="headerwrap"> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <h1><a><img class="img-responsive" src="assets/img/logo.png" alt="weave."></a></h1> </div> </div><!--/row--> </div><!--/container--> </div><!--/headerwrap--> <section id="about"></section> <div id="aboutwrap"> <div class="container"> <div class="row"> <div class="col-lg-4 name"> <img class="img-responsive" src="assets/img/pic.png" alt="weave."> <p>whats about?</p> <div class="name-label"></div> </div><!--/col-lg-4--> <div class="col-lg-8 name-desc"> <h2>the best moments<br/>are ones find<br/>while looking else</h2> <div class="name-zig"></div> <div class="col-md-6"> <p>being loved, sad, determined , hopeful few of thousands of emotions commonly share between us. describing these important moments words alone doesn’t live how feel. creating small post captures our thoughts, , connects abstract surroundings; allows illustrate real value , importance words alone sadly can’t.</p> <p>weave reflecting on special moments , exploring how mesh , interact world.</p> </div> <div class="col-md-6"> <p>it’s not designed searched or filed away, randomly explored stumbling upon obscure , insightful message friend.</p> <p>spending time explore through weave gives chance experience , feel forget. weave leads states of mind, feelings , little hidden inward passages we’d otherwise visit.</p> <p>because best moments ones stumble upon while looking else.</p> </div> </div><!--/col-lg-8--> </div><!-- /row --> </div><!-- /container --> </div><!-- /aboutwrap --> <!--about separator--> <section id="contact"></section> <!--contact separator--> <div class="sep contact" data-stellar-background-ratio="0.5"></div> <div id="contactwrap"> <div class="container"> <div class="row"> <div class="col-lg-6"> <p>get in contact</p> <p>dont worry, warm tingling in fingers animalistic urge give shout! feel free hop onto our mailing list or drop message - love hear you.</p> <p><small><a href="http://www.google.com/">twitter</a><br/> <a href="http://www.google.com/">facebook</a></small></p> </div> <div class="col-lg-6"> <form action="http://weave.us11.list-manage.com/subscribe/post?u=a728b31e70e478151dac586df&id=adea7a56c1" id="mc-embedded-subscribe-form" method="post" name="mc-embedded-subscribe-form" class="validate" target="_blank"> <div class="form-group"></div> <label for="mce-name">your name</label> <input class="form-control" name="name" type="text" id="mce-name" placeholder="enter name" data-validate="validate(required, email)" required="required"> <label for="mce-email">email address</label> <input class="form-control" name="email" type="email" id="mce-email" placeholder="enter email" data-validate="validate(required, email)" required="required"> <label for="mce-mmerge3">message</label> <textarea class="form-control" rows="3" name="mmerge3" id="mce-mmerge3"></textarea> <br> <button type="submit" class="btn btn-default">submit</button> </form> </div> </div><!--/row--> </div><!--/container--> </div> <!-- bootstrap core javascript ================================================== --> <!-- placed @ end of document pages load faster --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="assets/js/classie.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/smoothscroll.js"></script> <script src="assets/js/jquery.stellar.min.js"></script> <script src="assets/js/fancybox/jquery.fancybox.js"></script> <script src="assets/js/main.js"></script> <script> $(function(){ $.stellar({ horizontalscrolling: false, verticaloffset: 40 }); }); </script> <script type="text/javascript"> $(function() { // fancybox jquery(".fancybox").fancybox(); }); </script> <script> (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'); </script> </body> </html>the page @ www.weave.ws if helps - i'm struggling 1 in advanced.
cheers
so managed solve last night... after using w3c code checkers , cleaning code , whatnot, issue fixed on cross browser checks still not on local pc when run off server - realized seeing social links , email form perhaps being blocked adblock extension... , voila cause!
@pete - point plan implement improvement later week.
thanks again - can use @ least proof check isn't cause if have slight issues in future.
cheers
Comments
Post a Comment