Difference between revisions of "Team:Leicester/Safety"

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">&sdot;</li>
+
−
                        <li>
+
−
                            <a href="#about">About</a>
+
−
                        </li>
+
−
                        <li class="footer-menu-divider">&sdot;</li>
+
−
                        <li>
+
−
                            <a href="#services">Services</a>
+
−
                        </li>
+
−
                        <li class="footer-menu-divider">&sdot;</li>
+
−
                        <li>
+
−
                            <a href="#contact">Contact</a>
+
−
                        </li>
+
−
                    </ul>
+
−
                    <p class="copyright text-muted small">Copyright &copy; 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>

Revision as of 21:04, 10 September 2015

Live Preview

Safety