Team:Heidelberg/StartPage Test

From 2013.igem.org

(Difference between revisions)
m
m
 
(38 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Heidelberg/Templates/style-css}}
 
{{:Team:Heidelberg/Templates/bootstrap-css}}
{{:Team:Heidelberg/Templates/bootstrap-css}}
{{:Team:Heidelberg/Templates/basic-css}}
{{:Team:Heidelberg/Templates/basic-css}}
 +
{{:Team:Heidelberg/Templates/style-css}}
 +
{{:Team:Heidelberg/Templates/countd-css}}
<html>
<html>
 +
<style type="text/css">
 +
.popover .arrow:after {
 +
    border-width: 0;
 +
}
 +
ul {
 +
    line-height: 1.1em;
 +
}
 +
.item ul {
 +
    left: 50%;
 +
}
 +
</style>
 +
<div class="container" style="margin-left:8%; margin-right:8%">
 +
<a href="https://2013.igem.org"><object data="https://static.igem.org/mediawiki/2013/b/b3/Heidelberg_igem_logo2.png" height="70" style="left:0.5%; margin-top:-2%"></object></a>
 +
     <div class="row">    
     <div class="row">    
-
         <div id="nav" class="navigation col-md-8">
+
         <div id="nav" class="navigation col-md-8 col-lg-8">
             <div class="item team">
             <div class="item team">
Line 29: Line 44:
             </div>
             </div>
             <div class="item notebook">
             <div class="item notebook">
-
                 <img class="circle" alt="" src="images/Notebook_bg2.png" style="opacity: 0; width: 52px; height: 52px;" height="199" width="199">
+
                 <img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/0/07/Heidelberg_bg_notebook.png" style="opacity: 0; width: 52px; height: 52px;" height="199" width="199">
                 <a class="icon" href="#"></a>
                 <a class="icon" href="#"></a>
Line 60: Line 75:
                 <img class="circle" alt="" src="images/Human_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199">
                 <img class="circle" alt="" src="images/Human_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199">
                 <a class="icon" href="#"></a>
                 <a class="icon" href="#"></a>
-
                 <h2>Human Practice</h2>
+
                 <h2>Outreach</h2>
                 <ul>
                 <ul>
                     <li><a href="#">Outreach</a></li>
                     <li><a href="#">Outreach</a></li>
Line 75: Line 90:
                 </ul>
                 </ul>
             </div>
             </div>
-
<img src="https://static.igem.org/mediawiki/2013/7/75/Heidelberg_start_background.png" style="z-index:-1">  
+
<img src="https://static.igem.org/mediawiki/2013/4/43/Heidelberg_start_background2.png" style="z-index:-1">  
         </div>
         </div>
-
<div class="col-md-4">
+
<div class="col-md-4 col-lg-4">
-
             <img id='logo' alt="" src="images/iGEM_StartLogo.png" height="173" width="400" style="margin-right:10px; margin-top:10px">  
+
             <img id='logo' alt="" src="https://static.igem.org/mediawiki/2013/6/60/Heidelberg_team_logo.png" width="407" style="margin-right:3%; margin-top:-15%; margin-bottom:5%">  
-
             <a href="http://www.facebook.com..."><img src="fb.png" height="50" style="float:right; margin-right:10px"/></a>
+
             <a href="https://www.facebook.com/pages/IGEM-Team-Heidelberg-2013/265102553624765"><img src="https://static.igem.org/mediawiki/2013/5/55/Heidelberg_Fb.png" height="50" style="float:right; margin-right:10%"/></a>
-
             <a href="http://www.twitter.com..."><img src="tw.png"height="50" style="float:right; margin-right:10px "/></a>
+
             <a href="https://twitter.com/igem_heidelberg"><img src="https://static.igem.org/mediawiki/2013/1/1c/Heidelberg_Tw.png" height="50" style="float:right; margin-right:2% "/></a>
 +
 
 +
-
             <span style="margin-left:30%; margin-top:37%; font-family:Arial, sans-serif" class="btn btn-default btn-lg btn-popover" data-content="For centuries, alchemists believed in the existence of the Philosopher’s Stone, a mysterious substance not only able to turn common metals into precious ones, such as silver and gold, but even capable of fulfilling mankind’s ultimate desires: rejuvenation and immortality.
+
             <span style="float:right; margin-top:10%; margin-right:5%;; font-family:Arial, sans-serif" class="btn btn-default btn-lg btn-popover" data-content="For centuries, alchemists believed in the existence of the Philosopher’s Stone, a mysterious substance not only able to turn common metals into precious ones, such as silver and gold, but even capable of fulfilling mankind’s ultimate desires: rejuvenation and immortality.
             Although the Philosopher’s Stone has never been found, the quest for it has pushed alchemists to test in their laboratories numerous substances and their interactions, building up a solid knowledge that can be found nowadays in the sciences of chemistry, metallurgy and pharmacology. </br>
             Although the Philosopher’s Stone has never been found, the quest for it has pushed alchemists to test in their laboratories numerous substances and their interactions, building up a solid knowledge that can be found nowadays in the sciences of chemistry, metallurgy and pharmacology. </br>
Line 94: Line 111:
             Join our quest!" title="" data-tigger="click" data-title="Welcome!">Welcome! Click here!</span>
             Join our quest!" title="" data-tigger="click" data-title="Welcome!">Welcome! Click here!</span>
-
             <h3 style="float:right; margin-right:10px">Check out our Highlights:</h3>
+
     
 +
             <h3 style="font-size:21px; float:right; margin-right:5%">Check out our Highlights:</h3>
 +
<div class="your-clock"></div>
-
+
</div>
</div>
-
+
    </div>
<div>
<div>
</html>
</html>
{{:Team:Heidelberg/Templates/Footer-Start}}
{{:Team:Heidelberg/Templates/Footer-Start}}

Latest revision as of 19:21, 3 October 2013