User:Sifuentes anita

From 2014.igem.org

(Difference between revisions)
 
(1673 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Sifuentes01}} <!-- This calls the styling and the menu -->
-
{{NavBar}}
+
<html> <!-- Declare that you are going to use html code instead of wiki code -->
-
<html>
+
-
<div id="contentcontainer">
+
-
<!-- Content table -->
+
<!-- Content for the page starts here -->
 +
<body>
-
<div style="width:975px;height:100px">
+
<div id ="contentWrap">
 +
<div id="rightColumn"> <!-- this where the content and information go -->
-
<h3>Title  for Page</h3>
 
-
<table align="center">
 
-
<tr width="100%" >
 
-
<td style="border:1px solid black;" align="center" width="200px" height ="35px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#ffffff'" bgColor=#ffffff> 
+
<div class="fullWidthRight">  
-
<a href="#topic1" style="color:#000000">Topic 1</a> </td>
+
-
<td style="border:1px solid black;" align="center" width="200px" height ="35px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#ffffff'" bgColor=#ffffff>
+
<div class="smallBlockRight">  
-
<a href="#topic2" style="color:#000000">Topic 2</a> </td>
+
<h4> How to start an iGEM Team</h4>
 +
<p>All the things you need to know before starting your iGEM experience.</p>
 +
</div>
-
<td style="border:1px solid black;" align="center" width="200px" height ="35px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#ffffff'" bgColor=#ffffff>
+
<div class="smallBlockRight">
-
<a href="#topic3" style="color:#000000">Topic 3</a> </td>
+
<h4> FAQs</h4>  
 +
<p>Answers to our most frequent questions.</p>
 +
</div>
-
<td style="border:1px solid black;" align="center" width="200px" height ="35px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#ffffff'" bgColor=#ffffff>
+
<div class="smallBlockRight">
-
<a href="#topic4" style="color:#000000">Topic 4</a> </td>
+
<h4>Giant Jamboree </h4>
 +
<p>Mark your calendars for September 24 to September 28, 2015.</p>
 +
</div>
-
</tr>
+
</div>
-
</table>
+
-
</div>
+
 +
<div class="clear"></div>
 +
<div class="fullWidthRight">
-
<!-- Content table -->
+
<div class="smallBlockRight">  
-
<!-- Text Block A -->
+
<div class="button"> <a href=""> READ MORE </a> </div>
 +
</div>
-
<div style="width:975px;height:190px">
+
<div class="smallBlockRight">
 +
<div class="button"> <a href=""> READ MORE </a> </div>
 +
</div>
 +
 +
<div class="smallBlockRight">
 +
<div class="button"> <a href="igem.org"> READ MORE </a> </div>
 +
</div>
-
<h3><a id="topic1"></a>Title  for Text Block A</h3>
+
</div>
-
<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. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per.
+
<div class="clear"></div>
-
Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te. Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei. </p>
+
<div class="fullWidthRight">
 +
<h3> iGEM News </h3>
 +
<div class="newsItem">
 +
<div class="newsDate"> 17/March</div>
 +
<h5> New Tracks for 2015 </h5>
 +
<p>The new tracks for have been announced. More information: <a href=""> Tracks 2015 </a> </p>
 +
</div>
-
</div>
+
<div class="newsItem">
-
<!-- end of Text Block A -->
+
<div class="newsDate"> 18/March</div>
 +
<h5>High School teams at the Giant Jamboree</h5>
 +
<p>High School teams will participate in their own Jamboree inside the event.
 +
<br>More information: <a href=""> High School 2015 </a></p>
 +
</div>
 +
<div class="newsItem">
 +
<div class="newsDate"> 05/March</div>
 +
<h5> Early registration ends </h5>
 +
<p>Eearly registration is now closed. Read the <a href="">registration</a> page to see what is new.</p>
 +
</div>
 +
 +
<div class="clear"></div>
-
<!-- Text Block C -->
+
<br>
-
<div style="width:975px">
+
<div class="button">
 +
<a href=""> MORE NEWS </a>
 +
</div>
 +
</div>
-
<div style="width:470px;float:left;  margin-right: 20px;height:250px; " >
+
<div class="clear"></div>
-
<h3><a id="topic2"></a>Title  for Text Block C</h3>
+
-
<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. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per.
+
<div class="clear"></div>
-
Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore.</p>
+
-
</div>
+
<div class="fullWidthRight">
 +
<h3>Community Highlights</h3>
 +
<div class="smallBlockRight">
 +
<a href=""><img src="https://static.igem.org/mediawiki/2014/c/cd/2014INSA-Lyon_2_vid_thumb_s.png"></a>
 +
<h4> Team INSA-Lyon</h4>
 +
<p><a href=""> Team INSA-Lyon</a>  has made a <a href=""> music video </a>about the frustrations of cloning!</p>
 +
</div>
 +
<div class="smallBlockRight">
 +
<a href=""><img src="https://static.igem.org/mediawiki/2014/4/4a/2014KIT-Kyoto_vid_thumb_s.png"></a>
 +
<h4> KIT Kyoto </h4>
 +
<p><a href="">Team KIT-Kyoto</a> made an <a href=""> introductory video </a> 'How to make basic BioArt.' </p>
 +
</div>
 +
<div class="smallBlockRight">
 +
<a href=""><img src="https://static.igem.org/mediawiki/2014/e/ed/2014METU_Turkey_vid_thumb2_s.png"></a>
 +
<h4>METU Turkey</h4>
 +
<p><a href=" ">Team METU Turkey</A> made a game related to their project <a href=""> PET degredation </a> </p>
 +
</div>
 +
</div>
-
<div style=" width:470px;float:right;align:center;height:250px;" >
+
<div class="clear"></div>
-
<img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" > <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" >
 
-
<p> <i> Image footnote - Lorem ipsum ad his scripta blandit partiendo.</i> </p>
 
-
</div>
 
-
</div>
 
-
<!--end of Text Block C -->
 
 +
<div class="fullWidthRight">
 +
<h3>iGEM Teams</h3>
 +
<iframe width="740" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/ms?msa=0&amp;msid=211889735555343806668.0004f9377a323c3820df3&amp;hl=en&amp;ie=UTF8&amp;t=p&amp;ll=16.636192,14.0625&amp;spn=112.407019,280.898438&amp;z=2&amp;output=embed"></iframe>
-
<!-- Text Block B -->
 
-
<div style="width:975px">
 
-
<div style="width:470px;float:left;  margin-right: 20px; " >  
+
</div>
-
<h3><a id="topic3"></a>Title for Text Block B1</h3>
+
</div>  <!--end of the right side of the page -->
-
<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. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per.
+
-
Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te. Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei. </p>
+
-
</div>
+
</div> <!-- end of content -->
-
<div style=" width:470px;float:right;" >
+
</body>
-
<h3><a id="topic4"></a>Title Text Block B2</h3>
+
<!-- End of page -->
-
<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. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per.
+
-
Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te. Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei. </p>
+
-
</div>
+
-
</div>
 
-
<!--end of Text Block B -->
 
-
 
+
<!-- end of html -->
-
 
+
-
</div> <!-- end main container-->
+
</html>
</html>

Latest revision as of 15:21, 9 January 2015

How to start an iGEM Team

All the things you need to know before starting your iGEM experience.

FAQs

Answers to our most frequent questions.

Giant Jamboree

Mark your calendars for September 24 to September 28, 2015.

iGEM News

17/March
New Tracks for 2015

The new tracks for have been announced. More information: Tracks 2015

18/March
High School teams at the Giant Jamboree

High School teams will participate in their own Jamboree inside the event.
More information: High School 2015

05/March
Early registration ends

Eearly registration is now closed. Read the registration page to see what is new.


Community Highlights

Team INSA-Lyon

Team INSA-Lyon has made a music video about the frustrations of cloning!

KIT Kyoto

Team KIT-Kyoto made an introductory video 'How to make basic BioArt.'

METU Turkey

Team METU Turkey made a game related to their project PET degredation

iGEM Teams