|
|
Line 1: |
Line 1: |
− | <!DOCTYPE html>
| + | {{Leicester}} |
| <html lang="en"> | | <html lang="en"> |
− |
| |
| <body> | | <body> |
− | | + | |
− | <!-- Navigation --> | + | <div class="container" style="padding-bottom: 50px; padding-top:2px;"> |
− | <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
| + | <div class="row"> |
− | <div class="container topnav">
| + | <div class="col-sm-2" style="padding-left:0px; padding right:30px;"> |
− | <!-- Brand and toggle get grouped for better mobile display -->
| + | <ul class="nav nav-pills nav-stacked" style="margin-left:0px;"> |
− | <div class="navbar-header">
| + | <li class="active"><a href="#">Home</a></li> |
− | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
| + | |
− | <span class="sr-only">Toggle navigation</span>
| + | |
− | <span class="icon-bar"></span>
| + | |
− | <span class="icon-bar"></span>
| + | |
− | <span class="icon-bar"></span>
| + | |
− | </button>
| + | |
− | <a class="navbar-brand topnav" href="#">Start Bootstrap</a>
| + | |
− | </div>
| + | |
− | <!-- Collect the nav links, forms, and other content for toggling -->
| + | |
− | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
| + | |
− | <ul class="nav navbar-nav navbar-right">
| + | |
− | <li>
| + | |
− | <a href="#about">About</a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="#services">Services</a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="#contact">Contact</a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | <!-- /.navbar-collapse -->
| + | |
− | </div>
| + | |
− | <!-- /.container -->
| + | |
− | </nav>
| + | |
− | | + | |
− | | + | |
− | <!-- Header -->
| + | |
− | <a name="about"></a>
| + | |
− | <div class="intro-header">
| + | |
− | <div class="container"> | + | |
− | | + | |
− | <div class="row">
| + | |
− | <div class="col-lg-12">
| + | |
− | <div class="intro-message">
| + | |
− | <h1>Landing Page</h1>
| + | |
− | <h3>A Template by Start Bootstrap</h3>
| + | |
− | <hr class="intro-divider">
| + | |
− | <ul class="list-inline intro-social-buttons">
| + | |
− | <li>
| + | |
− | <a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://github.com/IronSummitMedia/startbootstrap" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="#" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Linkedin</span></a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | </div>
| + | |
− | <!-- /.container -->
| + | |
− | | + | |
| </div> | | </div> |
− | <!-- /.intro-header --> | + | <div class="col-sm-8" style="color:#fff; background-color: #3498db; border-radius: 50px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom:20px; box-shadow: 10px 10px 50px #000000;"> |
| | | |
− | <!-- Page Content -->
| + | <h1> Safety </h1> |
− | | + | |
− | <a name="services"></a>
| + | |
− | <div class="content-section-a">
| + | |
− | | + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-lg-5 col-sm-6">
| + | |
− | <hr class="section-heading-spacer">
| + | |
− | <div class="clearfix"></div>
| + | |
− | <h2 class="section-heading">Death to the Stock Photo:<br>Special Thanks</h2>
| + | |
− | <p class="lead">A special thanks to <a target="_blank" href="http://join.deathtothestockphoto.com/">Death to the Stock Photo</a> for providing the photographs that you see in this template. Visit their website to become a member.</p>
| + | |
− | </div>
| + | |
− | <div class="col-lg-5 col-lg-offset-2 col-sm-6">
| + | |
− | <img class="img-responsive" src="img/ipad.png" alt="">
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
| + | </div> |
| + | <div class="col-sm-2"> |
| + | <a class="twitter-timeline" |
| + | data-widget-id="327381807010025474" |
| + | href="https://twitter.com/iGEMLeicester" |
| + | width="80" |
| + | height="300"> |
| + | Tweets by @iGEMLeicester |
| + | </a> |
| + | <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); </script> |
| </div> | | </div> |
− | <!-- /.container -->
| + | |
− | | + | |
| </div> | | </div> |
− | <!-- /.content-section-a --> | + | |
− | | + | |
− | <div class="content-section-b"> | + | </div> |
− | | + | </div> |
− | <div class="container">
| + | <p></p> |
− | | + | |
− | <div class="row">
| + | |
− | <div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6">
| + | |
− | <hr class="section-heading-spacer">
| + | |
− | <div class="clearfix"></div>
| + | |
− | <h2 class="section-heading">3D Device Mockups<br>by PSDCovers</h2>
| + | |
− | <p class="lead">Turn your 2D designs into high quality, 3D product shots in seconds using free Photoshop actions by <a target="_blank" href="http://www.psdcovers.com/">PSDCovers</a>! Visit their website to download some of their awesome, free photoshop actions!</p>
| + | |
− | </div>
| + | |
− | <div class="col-lg-5 col-sm-pull-6 col-sm-6">
| + | |
− | <img class="img-responsive" src="img/dog.png" alt="">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | </div>
| + | |
− | <!-- /.container -->
| + | |
− | | + | |
− | </div> | + | |
− | <!-- /.content-section-b -->
| + | |
− | | + | |
− | <div class="content-section-a">
| + | |
− | | + | |
− | <div class="container">
| + | |
− | | + | |
− | <div class="row">
| + | |
− | <div class="col-lg-5 col-sm-6">
| + | |
− | <hr class="section-heading-spacer">
| + | |
− | <div class="clearfix"></div>
| + | |
− | <h2 class="section-heading">Google Web Fonts and<br>Font Awesome Icons</h2>
| + | |
− | <p class="lead">This template features the 'Lato' font, part of the <a target="_blank" href="http://www.google.com/fonts">Google Web Font library</a>, as well as <a target="_blank" href="http://fontawesome.io">icons from Font Awesome</a>.</p>
| + | |
− | </div>
| + | |
− | <div class="col-lg-5 col-lg-offset-2 col-sm-6">
| + | |
− | <img class="img-responsive" src="img/phones.png" alt="">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | </div>
| + | |
− | <!-- /.container -->
| + | |
− | | + | |
− | </div>
| + | |
− | <!-- /.content-section-a -->
| + | |
− | | + | |
− | <a name="contact"></a>
| + | |
− | <div class="banner">
| + | |
− | | + | |
− | <div class="container">
| + | |
− | | + | |
− | <div class="row">
| + | |
− | <div class="col-lg-6">
| + | |
− | <h2>Connect to Start Bootstrap:</h2>
| + | |
− | </div>
| + | |
− | <div class="col-lg-6">
| + | |
− | <ul class="list-inline banner-social-buttons">
| + | |
− | <li>
| + | |
− | <a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://github.com/IronSummitMedia/startbootstrap" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="#" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Linkedin</span></a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | </div>
| + | |
− | <!-- /.container -->
| + | |
− | | + | |
− | </div>
| + | |
− | <!-- /.banner -->
| + | |
− | | + | |
− | <!-- Footer -->
| + | |
− | <footer>
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-lg-12">
| + | |
− | <ul class="list-inline">
| + | |
− | <li>
| + | |
− | <a href="#">Home</a>
| + | |
− | </li>
| + | |
− | <li class="footer-menu-divider">⋅</li>
| + | |
− | <li>
| + | |
− | <a href="#about">About</a>
| + | |
− | </li>
| + | |
− | <li class="footer-menu-divider">⋅</li>
| + | |
− | <li>
| + | |
− | <a href="#services">Services</a>
| + | |
− | </li>
| + | |
− | <li class="footer-menu-divider">⋅</li>
| + | |
− | <li>
| + | |
− | <a href="#contact">Contact</a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | <p class="copyright text-muted small">Copyright © Your Company 2014. All Rights Reserved</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </footer>
| + | |
− | | + | |
− | <!-- jQuery -->
| + | |
− | <script src="js/jquery.js"></script>
| + | |
− | | + | |
− | <!-- Bootstrap Core JavaScript -->
| + | |
− | <script src="js/bootstrap.min.js"></script>
| + | |
− | | + | |
| </body> | | </body> |
− |
| |
| </html> | | </html> |