Sifuentes anita5 main

From 2014.igem.org

(Difference between revisions)
 
(43 intermediate revisions not shown)
Line 58: Line 58:
}
}
 +
 +
#leftColumn {
 +
width: 150px;
 +
float:left;
 +
padding: 5px 10px 5px 10px;
 +
margin-top: 15px;
 +
}
 +
 +
#rightColumn {
 +
width: 780px;
 +
float: left;
 +
padding: 5px 10px 0px 10px;
 +
margin-top: 15px;
 +
}
 +
 +
 +
#rightColumn ul li{
 +
display: inline;
 +
padding-right: 35px;
 +
margin-left: -18px;
 +
}
.horizontalDiv {
.horizontalDiv {
Line 66: Line 87:
}
}
-
 
.clear {
.clear {
     clear: both;
     clear: both;
Line 108: Line 128:
padding: 5px 20px 10px 20px;
padding: 5px 20px 10px 20px;
margin-bottom:15px;
margin-bottom:15px;
-
width: 265px;
+
width: 215px;
float: left;
float: left;
}
}
-
 
-
 
-
 
.smallBlockC{
.smallBlockC{
padding: 5px 20px 10px 20px;
padding: 5px 20px 10px 20px;
-
width: 265px;
+
width: 215px;
float: left;
float: left;
margin-bottom:15px;
margin-bottom:15px;
}
}
 +
 +
.smallBlockLeft {
 +
margin:auto;
 +
padding: 5px 5px 5px 5px;
 +
width : 140px;
 +
float: left;
 +
display:block;
 +
}
 +
.smallBlockLeft img {
 +
margin: auto;
 +
text-align:center;
 +
display: block;
 +
}
.smallBlockC img {
.smallBlockC img {
Line 172: Line 202:
<div id="contentWrap">
<div id="contentWrap">
-
<div class="horizontalDiv">
+
<div id="leftColumn">
-
<h2>Title of page</h2>
+
<div class="smallBlockLeft">  
-
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+
<img src="https://static.igem.org/mediawiki/2014/2/2a/Featureboxdemo_logo.jpg" width="75px">
-
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+
</div>
-
voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+
</div>
-
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
 
-
</p>
+
<div id="rightColumn"> <h2>iGEM 2015</h2>
-
<img src="https://static.igem.org/mediawiki/2014/1/19/Chairmansprize_Sumbawagen.jpg" width="930px">
+
 
-
<h3> subtitle </h3>
+
-
<p> Lorem ipsum dolor sit amet, consectetur adipiscing 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>
+
-
<p> <a href=""> Lorem ipsum dolor </a>sit amet, consectetur adipiscing 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>
+
-
<p> Lorem ipsum dolor sit amet, consectetur adipiscing 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>
+
<ul>
<ul>
-
<li>subtitle one</li>
+
<li> <a href="">quick link 1</a></li>
-
<li>subtitle two </li>
+
<li> <a href="">quick link 2</a></li>
-
<li>subtitle three</li>
+
<li> <a href="">quick link 3</a></li>
 +
<li> <a href="">quick link 4</a></li>
</ul>
</ul>
-
 
 
 +
</div>
 +
<div class="clear"></div>
 +
 +
 +
<div style="width: 900px; height: 1px; background-color: #ccc; margin:auto;"></div>
 +
<div class="clear"></div>
 +
 +
 +
 +
 +
<div id="leftColumn">
 +
<h4> iGEM News </h4>
 +
 +
 +
</div>
 +
 +
 +
<div id="rightColumn">
 +
<div class="newsItem">
 +
<div class="newsDate"> 15/January</div>
 +
<h5>Welcome to 2015!</h5>
 +
<p>iGEM 2015 is about to start, more information will be posted soon</p>
 +
</div>
 +
<div class="newsItem">
 +
<div class="newsDate"> 15/January</div>
 +
<h5>Welcome to 2015!</h5>
 +
<p>iGEM 2015 is about to start, more information will be posted soon</p>
 +
</div>
 +
<div class="newsItem">
 +
<div class="newsDate"> 15/January</div>
 +
<h5>Welcome to 2015!</h5>
 +
<p>iGEM 2015 is about to start, more information will be posted soon</p>
</div>
</div>
 +
</div>
 +
<div class="clear"></div>
 +
 +
<div id="leftColumn">
 +
<div class="smallBlockLeft">
 +
<h4> Season Highlights </h4>
 +
</div>
 +
</div>
 +
 +
<div id="rightColumn">
 +
 +
<div class="smallBlockC">
 +
<img src="https://static.igem.org/mediawiki/2014/0/03/Featurebox_startateam.jpg">
 +
<h4> How to start an iGEM Team</h4>
 +
<p>All the things you need to know before starting your iGEM experience.</p>
 +
</div>
 +
 +
<div class="smallBlockC">
 +
<img src="https://static.igem.org/mediawiki/2014/4/4c/Featureboxdemo.jpg">
 +
<h4>Registration</h4>
 +
<p>Registration will open soon. More information coming soon.</p>
 +
</div>
 +
 +
<div class="smallBlockC">
 +
<img src="https://static.igem.org/mediawiki/2015/1/10/IGEM_Globe.png" width="190px">
 +
<h4>Giant Jamboree </h4>
 +
<p>Mark your calendars for September 24 to September 28, 2015.</p>
 +
</div>
 +
 +
</div>
 +
<div class="clear"></div>
 +
 +
 +
 +
 +
<div class="clear"></div>
 +
 +
<div id="leftColumn">
 +
<div class="smallBlockLeft">
 +
<h4> Community Highlights </h4>
 +
</div>
 +
</div>
 +
 +
<div id="rightColumn">
 +
 +
<div class="smallBlockRight">
 +
<a href=""><img src="https://static.igem.org/mediawiki/2014/c/cd/2014INSA-Lyon_2_vid_thumb_s.png" width="215px"></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" width="215px"></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" width="215px"></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 id="leftColumn">
 +
<div class="smallBlockLeft">
 +
<h4> 2015 Teams </h4>
 +
</div>
 +
</div>
 +
 +
<div id="rightColumn">
 +
 +
<iframe width="720" 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>
 +
 +
</div>
  </div> <!-- end of contentWrap -->
  </div> <!-- end of contentWrap -->

Latest revision as of 19:29, 20 January 2015

iGEM News

15/January
Welcome to 2015!

iGEM 2015 is about to start, more information will be posted soon

15/January
Welcome to 2015!

iGEM 2015 is about to start, more information will be posted soon

15/January
Welcome to 2015!

iGEM 2015 is about to start, more information will be posted soon

Season Highlights

How to start an iGEM Team

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

Registration

Registration will open soon. More information coming soon.

Giant Jamboree

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

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

2015 Teams