Team:UCL/Test

From 2013.igem.org

(Difference between revisions)
 
(15 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">
+
-
<h1>Project Summary</h1>
+
-
<p>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
-
Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
+
-
Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
+
-
Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br><br>
+
-
Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
+
-
Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
+
-
Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
-
Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
+
-
Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
+
-
Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra
+
-
</p>
+
</div>
</div>
-
<div class="small_right" style="background:#33ccff;" >
 
-
<br><br><br><br><br><br><br>
 
-
<center><i><b>twitter feed here</b></i></center>
 
-
</div>
 
-
</div>
 
-
 
-
<div class="buffer">
 
-
</div>
 
-
<div class="row_small">
+
<div class="row_small">
-
<div class="small_left" style="background-image:url('images/uclstock.jpg');">
+
 +
<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_center">
+
-
+
<div class="buffer">
-
<h1>Heading</h1>
+
-
+
-
<p>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
-
Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
+
-
Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
+
-
Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
+
-
</p>
+
-
+
</div>
</div>
-
<div class="small_right">
 
-
 
-
<h1>Heading</h1>
 
-
 
-
<p>
 
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
-
Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
 
-
Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
 
-
Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
 
-
</p>
 
-
 
-
</div>
 
-
</div>
 
-
 
-
    <div class="buffer">
 
-
</div>
 
-
<div class="row_small">
+
<div class="row_small">
-
<div class="large_left">
+
-
+
-
<h1>Heading</h1>
+
-
+
-
<p>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
-
Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
+
-
Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
+
-
Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
-
Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
+
-
</p>
+
 +
<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" style="background-image:url('images/petri.jpg');">
 
-
 
-
</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">
+
-
+
-
<h1>Heading</h1>
+
-
+
-
<p>
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
-
Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
+
-
Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
+
-
Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
+
-
</p>
+
-
+
</div>
</div>
-
<div class="large_right" style="background-image:url('images/team.jpg');">
 
 +
<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.