Team:UCL/Test

From 2013.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 8: Line 8:
<body>
<body>
-
 
+
<div class="header">
-
        <div class="header">
+
</div>
</div>
-
        <div class="nav_container">
+
    <div class="nav_container">
-
<div class="navbar">
+
<div class="navbar">
-
<div class="navlink">
+
-
Home
+
<a href="https://2013.igem.org/Team:UCL">
-
</div>
+
<div class="navlink">
-
<div class="navlink">
+
Home
-
Team
+
</div>
-
</div>
+
                        </a>
-
<div class="navlink">
+
-
Profile
+
<a href="https://2013.igem.org/Team:UCL/Team">
-
</div>
+
<div class="navlink">
-
<div class="navlink">
+
Team
-
Project
+
</div>
-
</div>
+
</a>
-
<div class="navlink">
+
-
Parts
+
<a href="https://igem.org/Team.cgi?year=2013&team_name=UCL">
-
</div>
+
<div class="navlink">
-
<div class="navlink">
+
Profile
-
Modeling
+
</div>
-
</div>
+
</a>
-
<div class="navlink">
+
-
Notebook
+
<a href="https://2013.igem.org/Team:UCL/Project">
-
</div>
+
<div class="navlink">
-
<div class="navlink">
+
Project
-
Safety
+
</div>
-
</div>
+
</a>
-
<div class="navlink" style="border-right:0px;">
+
-
Attributions
+
<a href="https://2013.igem.org/Team:UCL/Parts">
 +
<div class="navlink">
 +
Parts
 +
</div>
 +
</a>
 +
 +
<a href="https://2013.igem.org/Team:UCL/Modeling">
 +
<div class="navlink">
 +
Modeling
 +
</div>
 +
</a>
 +
 +
<a href="https://2013.igem.org/Team:UCL/Notebook">
 +
<div class="navlink">
 +
Notebook
 +
</div>
 +
</a>
 +
 +
<a href="https://2013.igem.org/Team:UCL/Safety">
 +
<div class="navlink">
 +
Safety
 +
</div>
 +
        </a>
 +
 +
<a href="https://2013.igem.org/Team:UCL/Attributions">
 +
<div class="navlink" style="border-right:0px;">
 +
Attributions
 +
</div>
 +
</a>
 +
</div>
</div>
 +
</div>
</div>
-
</div>
+
<div class="container">
-
<div class="container">
+
<div class="buffer">
 +
</div>
 +
 +
<div class="row_large">
 +
 +
<div class="large_left" style="height:298px;">
 +
 +
<h1>Gallery of progress</h1>
 +
<p>
 +
Here will be an image slideshow of the project's highlights. See DTU 2011's wiki.
 +
</p>
 +
 +
</div>
 +
 +
<div class="small_right" style="height:298px;" >
 +
        <a class="twitter-timeline" width="315" height="298"  data-theme="dark" href="https://twitter.com/UCLiGEM" data-widget-id="347346623115980800">Tweets by @UCLiGEM</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 class="buffer">
+
</div>
-
</div>
+
 +
</div>
-
<div class="row_large">
+
<div class="buffer">
-
<div class="large_left" style="height:298px;">
+
-
<h1>Gallery of progress</h1>
+
-
<p>
+
-
Here will be an image slideshow of the project's highlights. See DTU 2011's wiki. </p>
+
</div>
</div>
-
<div class="small_right" style="background:#33ccff; height:298px;" >
 
-
 
-
<a class="twitter-timeline" width="315" height="298"  href="https://twitter.com/UCLiGEM" data-widget-id="347346623115980800">Tweets by @UCLiGEM</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>
 
-
<div class="buffer">
+
<div class="row_small">
-
</div>
+
-
+
-
<div class="row_small">
+
-
<div class="small_left">
+
-
This first row will provide highlights from the current week, with some panels containing an entire image, etc.
+
-
</div>
+
-
<div class="small_center">
+
-
</p>
+
 +
<div class="small_left">
 +
This first row will provide highlights from the current week, with some panels containing an entire image, etc.
 +
</div>
 +
 +
<div class="small_center">
 +
</div>
 +
 +
<div class="small_right">
 +
</div>
 +
</div>
</div>
-
<div class="small_right">
 
-
</div>
 
-
</div>
 
-
    <div class="buffer">
+
<div class="buffer">
-
</div>
+
</div>
-
<div class="row_small">
+
<div class="row_small">
-
<div class="large_left">
+
-
This second row will provide highlights from the previous week, with some panels containing an entire image, etc.
+
<div class="large_left">
 +
This second row will provide highlights from the previous week, with some panels containing an entire image, etc.
 +
</div>
 +
 +
<div class="small_right">
 +
</div>
 +
</div>
</div>
-
<div class="small_right">
 
-
</div>
 
-
    </div>
 
-
<div class="buffer">
+
<div class="buffer">
-
</div>
+
-
<!-- example of how to use the 3rd row type. keep here for future use...
+
-
<div class="row_small">
+
-
<div class="small_left">
+
</div>
</div>
-
<div class="large_right">
+
 +
<div class="buffer">
</div>
</div>
-
    </div>
+
 
-
+
-
<div class="buffer">
+
</div>
</div>
-
 
-
--!>
 
-
 
-
</div>
 
</body>
</body>
</html>
</html>

Latest revision as of 14:01, 19 June 2013

Gallery of progress

Here will be an image slideshow of the project's highlights. See DTU 2011's wiki.

This first row will provide highlights from the current week, with some panels containing an entire image, etc.
This second row will provide highlights from the previous week, with some panels containing an entire image, etc.