Difference between revisions of "Team:London Biohackspace"

Line 1: Line 1:
<html>
+
<html lang="en">
 
+
   
 
     <head>
 
     <head>
 
          
 
          
Line 25: Line 25:
  
 
     </head>
 
     </head>
 +
<body class="page-1" id="top">
 +
 +
<!--==============================header=================================-->
 +
<header>
 +
    <div class="bg-1"><img src="/assets/bg-1.jpg" alt=""></div>
 +
    <div class="container_16">
 +
        <div class="row">
 +
            <div class="grid_16">
 +
                <nav>
 +
 +
                    <ul class="sf-menu" id="menu">
 +
            <li class="current">
 +
            <a href="#">Home</a>
 +
            </li>
 +
            <li>
 +
            <a href="#" class="sf-with-ul">Project<span></span></a>
 +
                            <ul>
 +
    <li><a href="followed.html">menu item</a></li>
 +
    <li><a href="followed.html">menu item</a></li>
 +
    <li><a href="followed.html">menu item</a></li>
 +
    <li><a href="followed.html">menu item</a></li>
 +
    </ul>
 +
            </li>
 +
            <li>
 +
            <a href="#">Policy &amp; practice</a>
 +
            </li>
 +
            <li>
 +
            <a href="#">Protocols</a>
 +
            </li>
 +
            <li>
 +
            <a href="#">Blog</a>
 +
            </li>
 +
            </ul>
 +
 +
                </nav>
 +
                <h1><a href="#"><img src="assets/logo.png" alt="BEER.CO - Royal quolity" height="250" width="250"  style="padding-bottom:200px;"></a> </h1>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</header>
 +
 +
<!--=======content================================-->
 +
<section class="content">
 +
    <div class="bg-2">
 +
        <div class="container_16">
 +
            <div class="row">
 +
                <div class="grid_4 box-1">
 +
                    <div class="title-1">project</div>
 +
                    <div class="text-1">Masagni dolquie luptate quinesciunteser. Nique porro i dolorem ipsu dlouytasas ctraserquia dolor</div>
 +
                    <a href="#" class="btn-1">more</a>
 +
                </div>
 +
                <div class="grid_4 box-1">
 +
                    <div class="title-1 orange">team</div>
 +
                    <div class="text-1">Jerta baditaut onseuntur magniolores eie voluptwea  atis nesciunue porroi squam estdolem ipsumqu.</div>
 +
                    <a href="#" class="btn-1">more</a>
 +
                </div>
 +
                <div class="grid_4 box-1">
 +
                    <div class="title-1 green">policy &amp; practice</div>
 +
                    <div class="text-1">Adipivelitsed quiaders <br> ainciduntut labore loreas <br> magnam aliquam quaerat voluptaim adima.</div>
 +
                    <a href="#" class="btn-1">more</a>
 +
                </div>
 +
                <div class="grid_4 box-1">
 +
                    <div class="title-1 violet">blog</div>
 +
                    <div class="text-1">Folern aditaut onsequ <br> untur magni dolores eosasquie voluptmsequi nesciunt. Nique porro quisquam.</div>
 +
                    <a href="#" class="btn-1">more</a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</section>
 +
<!--=======footer=================================-->
 +
 +
<footer>
 +
    <div class="container_16">
 +
        <div class="bord-1">
 +
            <div class="row">
 +
                <div class="grid_5 suffix_1 bord-2 maxheight" style="height: 96px;"><div class="box_inner">
 +
                    <div class="box-2"><span>e-mail:</span> <a href="#" class="link">info@demolink.org</a></div>
 +
                </div></div>
 +
                <div class="grid_4 suffix_1 bord-2 maxheight" style="height: 96px;"><div class="box_inner">
 +
                    <ul class="list-services clearfix">
 +
                        <li><a href="#" class="list-services-1"></a></li>
 +
                        <li><a href="#" class="list-services-2"></a></li>
 +
                        <li><a href="#" class="list-services-3"></a></li>
 +
                        <li><a href="#" class="list-services-4"></a></li>
 +
                    </ul>
 +
                </div></div>
 +
                <div class="grid_5 maxheight" style="height: 96px;"><div class="box_inner">
 +
                    <div class="box-3">London <br> 60604-2340</div>
 +
                </div></div>
 +
            </div>
 +
        </div>
 +
        <div class="row block-3">
 +
            <div class="copyright">
 +
                <a href="Main.html" class="h-underline">beer.co</a> © <span id="copyright-year">2015</span> &nbsp;<span class="dot">•</span> &nbsp;<a href="http://livedemo00.template-help.com/wt_47592/index-5.html" class="h-underline">Privacy policy</a>
 +
                <!--{%FOOTER_LINK} -->
 +
            </div>
 +
            <a href="#" onclick="goToByScroll(&#39;top&#39;); return false;" class="top"></a>
 +
        </div>
 +
    </div>
 +
</footer>
 +
 +
    <!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>-->
 +
<script src="/assets/jquery.js"></script>
 +
<script src="/assets/hoverIntent.js"></script>
 +
<script src="/assets/superfish.js"></script>
 +
 +
    <script>
 +
 +
        (function ($) { //create closure so we can safely use $ as alias for jQuery
 +
 +
            $(document).ready(function () {
 +
 +
                // initialise plugin
 +
                var example = $('#menu').superfish({
 +
                    //add options here if required
 +
                });
 +
 +
            });
 +
 +
        })(jQuery);
 +
 +
    </script>
 +
 +
</body>
  
<html>
+
</html>

Revision as of 13:18, 13 July 2015

Main

project
Masagni dolquie luptate quinesciunteser. Nique porro i dolorem ipsu dlouytasas ctraserquia dolor
more
team
Jerta baditaut onseuntur magniolores eie voluptwea atis nesciunue porroi squam estdolem ipsumqu.
more
policy & practice
Adipivelitsed quiaders
ainciduntut labore loreas
magnam aliquam quaerat voluptaim adima.
more
blog
Folern aditaut onsequ
untur magni dolores eosasquie voluptmsequi nesciunt. Nique porro quisquam.
more