|
|
Line 624: |
Line 624: |
| <!--Content begins--> | | <!--Content begins--> |
| <div class="container"> | | <div class="container"> |
− | <div class="div_vl backgroundimage"> | + | <h1>Human Practices - Gold Award</h1> |
− | <h1 id="title">HP Gold</h1>
| + | |
− | <!--Contains links to sections on page-->
| + | |
− | <div class="div_banner">
| + | |
− | <!--Right picture (the teal line on right)-->
| + | |
− | <div class="col-sm-2 subdiv_banner left">
| + | |
− | <img src="https://static.igem.org/mediawiki/2016/8/8a/T--Exeter--Template_Banner_left.png">
| + | |
− | </div>
| + | |
− | <!--Contains all information of banner in the middle-->
| + | |
− | <!--of the two outer images-->
| + | |
− | <div class="col-xs-12 col-sm-8 subdiv_banner middle">
| + | |
− | <!--Use bootstrap to add links using all 12 columns-->
| + | |
− | <!--For each link please give double the coloumns for when-->
| + | |
− | <!--the screen is xs compared to when it is sm-->
| + | |
− |
| + | |
− | <!--Give span class "oneline" or "twoline" depending on how llong the section text is-->
| + | |
− | <a href="#section_1" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S1</span></a>
| + | |
− | <a href="#section_2" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S2</span></a>
| + | |
− | <a href="#section_3" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S3</span></a>
| + | |
− | <a href="#section_4" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S4</span></a>
| + | |
− | </div>
| + | |
− | <!--Left picture (the teal line on left)-->
| + | |
− | <div class="col-sm-2 subdiv_banner right">
| + | |
− | <img src="https://static.igem.org/mediawiki/2016/5/56/T--Exeter--Template_Banner_right.png">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <a id="Section_link" href="#section_1" style="display:block;margin:34vh auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-xs-12 div_content">
| + | |
− | <div id="section_1" class="link_fix"></div>
| + | |
− | <div id="contentTitle">
| + | |
− | S1
| + | |
− | </div>
| + | |
− | | + | |
− |
| + | |
− | <div>
| + | |
− | <a id="Section_link" href="#section_2" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-xs-12 div_content">
| + | |
− | <div id="section_2" class="link_fix"></div>
| + | |
− | <div id="contentTitle">
| + | |
− | S2
| + | |
− | </div>
| + | |
− |
| + | |
| | | |
− |
| + | <br /> |
− | <div>
| + | |
− | <a id="Section_link" href="#section_3" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-xs-12 div_content">
| + | |
− | <div id="section_3" class="link_fix"></div>
| + | |
− | <div id="contentTitle">
| + | |
− | S3
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− |
| + | |
− |
| + | |
− | <div>
| + | |
− | <a id="Section_link" href="#section_4" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-xs-12 div_content">
| + | |
− | <div id="section_4" class="link_fix"></div>
| + | |
− | <div id="contentTitle">
| + | |
− | S4
| + | |
− | </div>
| + | |
− |
| + | |
− | | + | |
− |
| + | |
− | </div> | + | |
− | | + | |
| </div> | | </div> |
| | | |