Sifuentes anita5 main

From 2014.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 63: Line 63:
float:left;
float:left;
padding: 5px 10px 5px 10px;  
padding: 5px 10px 5px 10px;  
-
margin-top: 15px;
+
margin-top: 15px;
}
}
Line 70: Line 70:
float: left;
float: left;
padding: 5px 10px 0px 10px;  
padding: 5px 10px 0px 10px;  
-
margin-top: 15px;
+
margin-top: 15px;
}
}
Line 76: Line 76:
#rightColumn ul li{
#rightColumn ul li{
display: inline;
display: inline;
-
padding-right: 15px;
+
padding-right: 35px;
 +
margin-left: -18px;
}
}
Line 127: 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;
}
}
Line 133: Line 134:
.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;
Line 207: Line 208:
</div>
</div>
-
<div id="rightColumn"> <h2>Title of page</h2>
+
<div id="rightColumn"> <h2>iGEM 2015</h2>
<ul>
<ul>
-
<li> <a href="">subtitle one</a></li>
+
<li> <a href="">quick link 1</a></li>
-
<li> <a href=""> subtitle two </a></li>
+
<li> <a href="">quick link 2</a></li>
-
<li> <a href=""> subtitle three </a></li>
+
<li> <a href="">quick link 3</a></li>
-
<li> <a href="">subtitle four</a></li>
+
<li> <a href="">quick link 4</a></li>
-
<li> <a href=""> subtitle five </a></li>
+
-
<li> <a href=""> subtitle six </a></li>
+
</ul>
</ul>
Line 223: Line 222:
-
<div class="horizontalDiv">
+
<div style="width: 900px; height: 1px; background-color: #ccc; margin:auto;"></div>
-
<h3> subtitle one </h3>
+
<div class="clear"></div>
-
<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> <br>
+
-
<img src="http://2014.igem.org/wiki/images/1/19/Chairmansprize_Sumbawagen.jpg" width="925px"><br>
+
-
<h3> subtitle two </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>
 
-
<li>subtitle one</li>
 
-
<li>subtitle two </li>
 
-
<li>subtitle three</li>
 
-
</ul>
 
-
 
 
 +
 +
<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="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/4/4c/Featureboxdemo.jpg">
 +
<h4>Registration</h4>
 +
<p>Registration will open soon. More information coming soon.</p>
 +
</div>
 +
 +
<div class="smallBlockC">
 +
<img src="http://2015.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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