Team:UCL/Home

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!doctype html>
 +
<!--#include file="/includes/htmlheader.html" -->
-
<!-- this section changes the default wiki template to a white full width background -->
+
<body class="index">
-
<style type="text/css">
+
<!--#include file="/includes/pageheader.shtml" -->
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
+
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
<!-- begin #page - the container for everything but header -->
 +
<div id="page">
 +
 
 +
  <!-- CONTENT GOES HERE -->
-
border: 0 none;
+
<!--begin slider -->
-
height: 14px;
+
<div class="lemmon-wrap clearfix">
-
z-index: 100;
+
<div id="lemmon-slider" class="lemmon-slider">
-
top: 0;
+
<ul>
-
position: fixed;
+
<li> <a href="about.shtml">
-
width: 975px;
+
<!--link to article/post/portfolio entry for the entire image-->
-
left: 50%;
+
<img src="http://ucl-igem-2014.netne.net/images/lemmon-slider/Byzantinischer_Mosaizist_um_1122_001.png" alt="" /> </a>
-
margin-left: -487px;
+
<!--end image link-->
-
}
+
<div class="summary">
 +
<!--begin summary-->
 +
<a href="about.shtml">
 +
<!--begin link to article post or portfolio entry for the caption-->
 +
<h3>About our project</h3>
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
</a>
 +
<!--end link to article post or portfolio entry for the caption-->
 +
</div>
 +
<!--end summary-->
 +
</li>
 +
<li> <a href="team.shtml"> <img src="http://ucl-igem-2014.netne.net/images/lemmon-slider/Edouard_Manet_010.png" alt="" /></a>
 +
<div class="summary"> <a href="team.shtml">
 +
<h3>Meet the team</h3>
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
</a> </div>
 +
</li>
 +
<li> <a href="blog.shtml"> <img src="http://ucl-igem-2014.netne.net/images/lemmon-slider/Maler_der_Grabkammer_der_Nefertari_001.png" alt="" /></a>
 +
<div class="summary"> <a href="blog.shtml">
 +
<h3>Read our blog</h3>
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
</a> </div>
 +
</li>
 +
<li> <a href="faq.shtml"> <img src="http://ucl-igem-2014.netne.net/images/lemmon-slider/Mona_Lisa_by_Leonardo_da_Vinci_042.png" alt="" /></a>
 +
<div class="summary"> <a href="faq.shtml">
 +
<h3>Gallery</h3>
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
</a> </div>
 +
</li>
 +
<li> <a href="gallery.shtml"> <img src="http://ucl-igem-2014.netne.net/images/lemmon-slider/Mona_Lisa_by_Leonardo_da_Vinci_042.png" alt="" /></a>
 +
<div class="summary"> <a href="gallery.shtml">
 +
<h3>Frequently asked questions</h3>
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
</a> </div>
 +
</li>
 +
<li> <a href="contact.shtml"> <img src="http://ucl-igem-2014.netne.net/images/lemmon-slider/Sandro_Botticelli_046.png" alt="" /></a>
 +
<div class="summary"> <a href="contact.shtml">
 +
<h3>Contact us</h3>
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
</a> </div>
 +
</li>
 +
</ul>
 +
</div>
 +
<div class="controls"> <a href="#" class="prev-page">Prev Page</a> <a href="#" class="next-page">Next Page</a> </div>
 +
<!-- / .controls -->
 +
</div>
 +
<!-- / end slider -->
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
<div class="container clearfix" id="main-content" >
-
width: 100%;
+
-
height: 100%;
+
<h3 class="short_headline"><span>University College London, iGEM 2014 - Die Azo Dye</span></h3>
-
border: 0px;
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
<!-- begin equalHeights columns 3 -->
-
width: 100%;
+
<div class="row-fluid equalHero equalHeights">
-
height: 100%;  
+
<div class="span4"> <a href="about.shtml"><img src="http://ucl-igem-2014.netne.net/images/fc-Sandro_Botticelli_077.png" class="aligncenter" alt="" /></a>
-
background-color: transparent;
+
<h3><a href="about.html">About our project</a></h3>
-
}
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-
</style>
+
<p class="right"><a href="about.shtml" class="btn btn-primary">Details &rarr;</a></p>
-
<!-- here ends the section that changes the default wiki template to a white full width background -->
+
</div>
 +
<!-- close .span4 -->
 +
<div class="span4"> <a href="team.shtml"><img src="http://ucl-igem-2014.netne.net/images/fc-Sandro_Botticelli_046.png" class="aligncenter" alt="" /></a>
 +
<h3><a href="about.html">Meet the team</a></h3>
 +
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
<p class="right"><a href="team.shtml" class="btn btn-primary">Details &rarr;</a></p>
 +
</div>
 +
<!-- close .span4-->
 +
<div class="span4"> <a href="blog.shtml"><img src="http://ucl-igem-2014.netne.net/images/fc-Sandro_Botticelli_058.png" class="aligncenter" alt="" /></a>
 +
<h3><a href="about.html">Read our blog</a></h3>
 +
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
<p class="right"><a href="blog.shtml" class="btn btn-primary">Details &rarr;</a></p>
 +
</div>
 +
<!-- close .span4 -->
 +
</div>
 +
<!-- close #equalHeights .featured 3 columns -->  
 +
<h3 class="short_headline"><span>Latest updates</span></h3>
 +
 +
<!-- begin equalHeights columns 4 -->
 +
<div class="row-fluid equalHero equalHeights">
 +
<div class="span3">
 +
<h3><a href="about.html">Crisp is the industry leader of real world iteration.</a></h3>
 +
<p><a href="about.html"><img src="http://ucl-igem-2014.netne.net/images/fc-mucha-sm-1.png" class="alignleft" alt="" /></a>Public domain images. We will increase our aptitude to evolve without decrementing our capacity to leverage. It may seem marvelous, but it&#039;s true!</p>
 +
<p class="right"><a href="about.html" class="btn btn-primary">Details &rarr;</a></p>
 +
</div>
 +
<!-- close .span3 -->
 +
<div class="span3">
 +
<h3><a href="about.html">It is better to maximize virally than to exploit holistically.</a></h3>
 +
<p><a href="about.html"><img src="http://ucl-igem-2014.netne.net/images/fc-mucha-sm-2.png" class="alignleft" alt="" /></a>If all of this seems stunning to you, that&#039;s because it is! The capability to strategize extensibly leads to the aptitude to upgrade compellingly.</p>
 +
<p class="right"><a href="about.html" class="btn btn-primary">Details &rarr;</a></p>
 +
</div>
 +
<!-- close .span3-->
 +
<div class="span3">
 +
<h3><a href="about.html">It is better to maximize virally than to exploit holistically.</a></h3>
 +
<p><a href="about.html"><img src="http://ucl-igem-2014.netne.net/images/fc-mucha-sm-2.png" class="alignleft" alt="" /></a>If all of this seems stunning to you, that&#039;s because it is! The capability to strategize extensibly leads to the aptitude to upgrade compellingly.</p>
 +
<p class="right"><a href="about.html" class="btn btn-primary">Details &rarr;</a></p>
 +
</div>
 +
<!-- close .span3 -->
 +
<div class="span3">
 +
<h3><a href="about.html">It is better to maximize virally than to exploit holistically.</a></h3>
 +
<p><a href="about.html"><img src="../images/fc-mucha-sm-2.png" class="alignleft" alt="" /></a>If all of this seems stunning to you, that&#039;s because it is! The capability to strategize extensibly leads to the aptitude to upgrade compellingly.</p>
 +
<p class="right"><a href="about.html" class="btn btn-primary">Details &rarr;</a></p>
 +
</div>
 +
<!-- close .span3 -->
 +
</div>
 +
<!-- close .equalHeights .featured 4 columns -->
-
<!-- beginning of your page -->
+
<div class="row-fluid clientlogos">
 +
<h3 class="short_headline margin-top"><span>Our sponsors</span></h3>
 +
<ul class="slides">
 +
<li><img src="http://ucl-igem-2014.netne.net/images/fakelogo-1.png" alt="" /></li>
 +
<li><img src="http://ucl-igem-2014.netne.net/images/fakelogo-2.png" alt="" /></li>
 +
<li><img src="http://ucl-igem-2014.netne.net/images/fakelogo-3.png" alt="" /></li>
 +
<li><img src="http://ucl-igem-2014.netne.net/images/fakelogo-4.png" alt="" /></li>
 +
<li><img src="http://ucl-igem-2014.netne.net/images/fakelogo-5.png" alt="" /></li>
 +
<li><img src="http://ucl-igem-2014.netne.net/images/fakelogo-6.png" alt="" /></li>
 +
<li><img src="http://ucl-igem-2014.netne.net/images/fakelogo-1.png" alt="" /></li>
 +
<li><img src="http://ucl-igem-2014.netne.net/images/fakelogo-2.png" alt="" /></li>
 +
<li><img src="http://ucl-igem-2014.netne.net/images/fakelogo-3.png" alt="" /></li>
 +
<li><img src="http://ucl-igem-2014.netne.net/images/fakelogo-4.png" alt="" /></li>
 +
</ul>
 +
</div>
 +
<!--close row-fluid clientlogos-->  
-
<div id="contentcontainer">
+
</div>
 +
<!--close .container role="main-content" -->
 +
   
 +
  <!--#include file="/includes/pagefooter.shtml" -->
 +
</div>
 +
<!-- close #page-->
-
<!-- this table contains the navigation bar -->
+
<!--#include file="/includes/htmlfooter.html" -->
-
<table  width="975px" align="center">
+
-
<tr> <td colspan="10" heigth="155px"> </td></tr>
+
-
<br>
+
</body>
-
<tr>
 
-
<!--
 
-
**************Navigation bar**************
 
-
Each cell represents a button,
 
-
1.-  first row defines the borders outside each box, how the text is aligned and the height
 
-
2.- second row defines the color, here you can change the color by modifying the hex code
 
-
3.- third row is where you place the link to where you want that button to take you
 
-
4.- fourth row you define the color of the text inside the button and the content of it
 
-
-->
 
-
 
-
 
-
<td style="border:1px solid black;" align="center" height ="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/WikitemplateA_home"
 
-
style="color:#000000">Home <?php echo "Hello world!"; ?></a>
 
-
</td>
 
-
 
-
<td style="border:1px solid black;" align="center" height ="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/WikitemplateA_team"
 
-
style="color:#000000"> Team </a> </td>
 
-
 
-
<td style="border:1px solid black;" align="center"  height ="45px" 
 
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href=""
 
-
style="color:#000000"> Official Team Profile </a></td>
 
-
 
-
<td style="border:1px solid black" align="center"  height ="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/WikitemplateA_project"
 
-
style="color:#000000"> Project</a></td>
 
-
 
-
<td style="border:1px solid black;" align="center"  height ="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/WikitemplateA_parts"
 
-
style="color:#000000"> Parts</a></td>
 
-
 
-
<td style="border:1px solid black;" align="center" height ="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href=""
 
-
style="color:#000000"> Modeling</a></td>
 
-
 
-
<td style="border:1px solid black;" align="center" height ="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href=""
 
-
style="color:#000000"> Notebook</a></td>
 
-
 
-
<td style="border:1px solid black;" align="center"  height ="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href=""
 
-
style=" color:#000000"> Safety </a></td>
 
-
 
-
<td style="border:1px solid black;" align="center"  height ="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href=""
 
-
style="color:#000000"> Attributions </a></td>
 
-
 
-
 
-
<!-- this is the iGEM logo! it will take to igem.org -->
 
-
<td align ="center"> <a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
 
-
</tr>
 
-
 
-
<tr> <td colspan="10" heigth="45px"> </td></tr>
 
-
</table>
 
-
 
-
<!-- end of navigation bar -->
 
-
 
-
 
-
 
-
 
-
<!-- page content begins-->
 
-
 
-
<table width="975px" align="center">
 
-
<tr ><td coslpan="2" height="35px"></td></tr>
 
-
<tr>
 
-
 
-
<td width="35%" valign="top">
 
-
<h3>Welcome ! </h3>
 
-
<p>
 
-
This is a basic template you may use to customize your wiki, you can take it apart and modify it as much as you want. The links and tabs provided here are basic suggestions, feel free to adapt it for your team and your project. </p>
 
-
<p>
 
-
If you are looking for general  wiki guidelines, restrictions, design tips and more, visit the <br><a href="https://2014.igem.org/Wiki_How-To"> Wiki How-To Page</a></p>
 
-
</p>
 
-
 
-
 
-
</td>
 
-
 
-
<td width="5%" > </td>
 
-
 
-
 
-
<!-- here you can place an image related to your project or your logo! -->
 
-
<td width="60%" > <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="600px" height="300px"></td>
 
-
 
-
 
-
 
-
<tr ><td coslpan="2" height="35px"></td></tr>
 
-
</tr>
 
-
</table>
 
-
 
-
 
-
 
-
 
-
<!-- 3 columns content
 
-
this area is divided intro 3 columns, you can add more information about your team, project, city or mention your sponsors! -->
 
-
<table width="975px" align="center">
 
-
 
-
 
-
<tr>
 
-
<!-- first column -->
 
-
<td width="30%">
 
-
<!-- you can have an image related to your paragraph -->
 
-
<img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="300px" height="200px">
 
-
<h4> Results</h4>
 
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber
 
-
hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. </p>
 
-
 
-
</td>
 
-
 
-
<td width="5%"></td>
 
-
 
-
 
-
<!-- second column -->
 
-
<td width="30%">
 
-
<img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="300px" height="200px">
 
-
<h4>Human Practice</h4>
 
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in,
 
-
eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. </p>
 
-
</td>
 
-
<td width="5%"></td>
 
-
 
-
 
-
<!-- third column -->
 
-
<td width="30%">
 
-
<img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" width="300px" height="200px">
 
-
<h4>Follow us on Twitter/Facebook!</h4>
 
-
<p>Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in,
 
-
eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. </p>
 
-
</td>
 
-
</tr>
 
-
 
-
 
-
</table>
 
-
<!-- end of 3 column content -->
 
-
 
-
 
-
 
-
</div>
 
</html>
</html>
-
 
-
<!-- end of page -->
 

Revision as of 10:44, 16 May 2014

<!doctype html>


<body class="index">



<a href="#" class="prev-page">Prev Page</a> <a href="#" class="next-page">Next Page</a>


University College London, iGEM 2014 - Die Azo Dye

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum


<a href="about.shtml"><img src="http://ucl-igem-2014.netne.net/images/fc-Sandro_Botticelli_077.png" class="aligncenter" alt="" /></a>

<a href="about.html">About our project</a>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<a href="about.shtml" class="btn btn-primary">Details →</a>

<a href="team.shtml"><img src="http://ucl-igem-2014.netne.net/images/fc-Sandro_Botticelli_046.png" class="aligncenter" alt="" /></a>

<a href="about.html">Meet the team</a>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<a href="team.shtml" class="btn btn-primary">Details →</a>

<a href="blog.shtml"><img src="http://ucl-igem-2014.netne.net/images/fc-Sandro_Botticelli_058.png" class="aligncenter" alt="" /></a>

<a href="about.html">Read our blog</a>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<a href="blog.shtml" class="btn btn-primary">Details →</a>


Latest updates


<a href="about.html">Crisp is the industry leader of real world iteration.</a>

<a href="about.html"><img src="http://ucl-igem-2014.netne.net/images/fc-mucha-sm-1.png" class="alignleft" alt="" /></a>Public domain images. We will increase our aptitude to evolve without decrementing our capacity to leverage. It may seem marvelous, but it's true!

<a href="about.html" class="btn btn-primary">Details →</a>

<a href="about.html">It is better to maximize virally than to exploit holistically.</a>

<a href="about.html"><img src="http://ucl-igem-2014.netne.net/images/fc-mucha-sm-2.png" class="alignleft" alt="" /></a>If all of this seems stunning to you, that's because it is! The capability to strategize extensibly leads to the aptitude to upgrade compellingly.

<a href="about.html" class="btn btn-primary">Details →</a>

<a href="about.html">It is better to maximize virally than to exploit holistically.</a>

<a href="about.html"><img src="http://ucl-igem-2014.netne.net/images/fc-mucha-sm-2.png" class="alignleft" alt="" /></a>If all of this seems stunning to you, that's because it is! The capability to strategize extensibly leads to the aptitude to upgrade compellingly.

<a href="about.html" class="btn btn-primary">Details →</a>

<a href="about.html">It is better to maximize virally than to exploit holistically.</a>

<a href="about.html"><img src="../images/fc-mucha-sm-2.png" class="alignleft" alt="" /></a>If all of this seems stunning to you, that's because it is! The capability to strategize extensibly leads to the aptitude to upgrade compellingly.

<a href="about.html" class="btn btn-primary">Details →</a>


Our sponsors

  • <img src="http://ucl-igem-2014.netne.net/images/fakelogo-1.png" alt="" />
  • <img src="http://ucl-igem-2014.netne.net/images/fakelogo-2.png" alt="" />
  • <img src="http://ucl-igem-2014.netne.net/images/fakelogo-3.png" alt="" />
  • <img src="http://ucl-igem-2014.netne.net/images/fakelogo-4.png" alt="" />
  • <img src="http://ucl-igem-2014.netne.net/images/fakelogo-5.png" alt="" />
  • <img src="http://ucl-igem-2014.netne.net/images/fakelogo-6.png" alt="" />
  • <img src="http://ucl-igem-2014.netne.net/images/fakelogo-1.png" alt="" />
  • <img src="http://ucl-igem-2014.netne.net/images/fakelogo-2.png" alt="" />
  • <img src="http://ucl-igem-2014.netne.net/images/fakelogo-3.png" alt="" />
  • <img src="http://ucl-igem-2014.netne.net/images/fakelogo-4.png" alt="" />





</body>

</html>

Retrieved from "http://2014.igem.org/Team:UCL/Home"