Sifuentes anita testpage5

From 2014.igem.org

(Difference between revisions)
 
(65 intermediate revisions not shown)
Line 7: Line 7:
/*-- subdivided container (three equal columns)--*/
/*-- subdivided container (three equal columns)--*/
-
#featuredwrap {   
+
#firstwrap {   
width: 975px;  
width: 975px;  
margin-left: auto;  
margin-left: auto;  
margin-right: auto;  
margin-right: auto;  
background-color: #ffffff;  
background-color: #ffffff;  
 +
text-align:center;
}
}
-
#featuredupcomingevents {
+
#mission {
-
background-color: cyan;
+
background-color: #e3e3e3;
width: 275px;
width: 275px;
float: left;
float: left;
 +
height: 200px;
}
}
-
#featuredhighlights {
+
#programs {
-
background-color: lime;
+
background-color: #a5a5a5;
width: 425px;
width: 425px;
float: left;
float: left;
 +
height: 200px;
}
}
-
#featuredvideo {
+
#values {
-
background-color: cyan;
+
background-color: #e3e3e3;
width: 275px;
width: 275px;
  float: left;
  float: left;
 +
height: 200px;
}
}
 +
 +
 +
 +
 +
#communitywrap { 
 +
width: 975px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
text-align:center;
 +
}
 +
 +
#communityfeature1 {
 +
background-color: #a5a5a5;
 +
width: 243.75px;
 +
float: left;
 +
height:150px;
 +
}
 +
 +
#communityfeature2 {
 +
background-color: #e3e3e3;
 +
width: 243.75px;
 +
float: left;
 +
height:150px;
 +
}
 +
 +
 +
#featuredwrap { 
 +
width: 975px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
text-align:center;
 +
}
 +
 +
#featuredAandC {
 +
background-color: #414141;
 +
width: 245px;
 +
float: left;
 +
height: 200px;
 +
color: #ffffff;
 +
padding-top: 20px;
 +
padding-bottom: 20px;
 +
padding-left:15px;
 +
padding-right:15px;
 +
}
 +
 +
 +
#upcomingeventrow {
 +
width: 225px;
 +
height:30px;
 +
background-color: #ffffff;
 +
color: #414141;
 +
padding-left:10px;
 +
padding-right:10px;
 +
display: table-cell;
 +
vertical-align: middle;
 +
text-align:left;
 +
}
 +
 +
 +
#featuredhighlights {
 +
background-color: #a5a5a5;
 +
width: 415px;
 +
float: left;
 +
height: 200px;
 +
padding-left:5px;
 +
padding-right:5px;
 +
padding-top: 20px;
 +
padding-bottom: 20px;
 +
}
 +
 +
#clear {
#clear {
Line 46: Line 123:
</div>
</div>
-
<table width="100%" cellspacing="0">
 
-
<tr><td bgColor="#e3e3e3"></td>
 
-
<td width="975px">
 
-
<table width="975px"  cellspacing="0" cellpadding="20">
 
-
<tr height="230px">
+
<div id="firstwrap">
 +
<div id="mission">MISSION</div>
 +
<div id="programs">PROGRAMS</div>
 +
<div id="values">VALUES</div>
 +
<div id="clear"></div>
 +
</div>
-
<td width="300px" valign="top" bgColor="#414141">
+
<div id="fullwidthcontainer">
-
<b> MISSION </b><br><br>
+
<table width="905px" cellspacing="0" cellpadding="15" >
-
<p>The Registry is an open community that runs and grows on the "Get & Give (& Share)" philosophy. Users get parts, samples, data, and tools from the Registry to work on their synthetic biology projects</p>
+
-
<br>
+
-
<table width="150px" align="center"> <tr height="40px" > <td ></td>  <td style="border: 2px solid black;" align="center" width="100px">  <b>ABOUT</b> </td> <td ></td> </tr></table>
+
-
</td>
+
-
 
+
-
<td width="450px" bgColor="#a5a5a5"></td>
+
-
 
+
-
<td width="300px" valign="top" bgColor="#414141">
+
-
<b>VALUES</b><br><br>
+
-
<p>The Registry is an open community that runs and grows on the "Get & Give (& Share)" philosophy. Users get parts, samples, data, and tools from the Registry to work on their synthetic biology projects</p>
+
-
<br>
+
-
<table width="150px" align="center"> <tr height="40px" > <td ></td>  <td style="border: 2px solid black;" align="center" width="100px">  <b>DONATE</b> </td> <td ></td> </tr></table>
+
-
</td>
+
-
 
+
-
</tr>
+
-
</table>
+
-
</td>
+
-
<td bgColor="#e3e3e3"></td></tr>
+
-
</table>
+
-
 
+
-
 
+
-
<!----------------------------------------------------------------------------------------------------------------------------------------------->
+
-
<table width="100%" cellspacing="0">
+
-
<tr><td bgColor="#e3e3e3"></td>
+
-
<td width="975px" align="center">
+
-
 
+
-
<table width="975px" cellspacing="0" cellpadding="15" >
+
<tr><td colspan="7" align="center"> <b>FACETS </b><br>iGEM is much more than a competition...</td></tr>
<tr><td colspan="7" align="center"> <b>FACETS </b><br>iGEM is much more than a competition...</td></tr>
Line 97: Line 148:
<tr><td colspan="7" align="center"> </td></tr>
<tr><td colspan="7" align="center"> </td></tr>
</table>
</table>
-
</td>
 
-
<td bgColor="#e3e3e3"></td></tr>
+
</div>
-
</table>
+
-
<!----------------------------------------------------------------------------------------------------------------------------------------------->
+
-
<table width="100%" cellspacing="0">
+
-
<tr><td bgColor="#e3e3e3"></td>
+
-
<td width="975px" align="center" cellpadding="15">
+
-
<table cellspacing="0" >
+
-
<tr height="200px">
+
-
<td width="243px" bgColor="#414141"></td>
+
-
<td width="243px" bgColor="#a5a5a5"></td>
+
-
<td width="243px" bgColor="#414141"></td>
+
-
<td width="243px" bgColor="#a5a5a5"></td>
+
-
</tr>
+
-
<tr height="200px">
+
<div id="communitywrap">
-
<td width="243px" bgColor="#a5a5a5"></td>
+
<div id="communityfeature1">UpcomingEvents</div>
-
<td width="243px" bgColor="#414141"></td>
+
<div id="communityfeature2">Highlights</div>
-
<td width="243px" bgColor="#a5a5a5"></td>
+
<div id="communityfeature1">UpcomingEvents</div>
-
<td width="243px" bgColor="#414141"></td>
+
<div id="communityfeature2">Highlights</div>
-
</tr>
+
<div id="clear"></div>
 +
</div>
-
</table>
+
<div id="communitywrap">
-
</td>
+
<div id="communityfeature2">Highlights</div>
-
<td bgColor="#e3e3e3"></td></tr>
+
<div id="communityfeature1">UpcomingEvents</div>
-
</table>
+
<div id="communityfeature2">Highlights</div>
-
<!----------------------------------------------------------------------------------------------------------------------------------------------->
+
<div id="communityfeature1">UpcomingEvents</div>
-
<table width="100%" cellspacing="0">
+
<div id="clear"></div>
-
<tr><td bgColor="#e3e3e3"></td>
+
</div>
-
<td width="975px">
 
-
<table width="975px"  cellspacing="0">
 
-
<tr align="center"> <td width="300px" > UPCOMING EVENTS</td>
 
-
<td width="450px" > HIGHLIGHTS</td>
 
-
<td width="300px" > TWITTER</td></tr>
 
-
<tr height="300px">
+
<div id="featuredwrap">
-
<td width="300px" valign="top" bgColor="#414141">
+
<div id="featuredAandC">
-
</td>
+
<b> UPCOMING EVENTS </b>
 +
<br><br>
 +
<div id="upcomingeventrow"> June something </div>
 +
<br>
 +
<div id="upcomingeventrow"> June something </div>
 +
<br>
 +
<div id="upcomingeventrow"> June something </div>
-
<td width="450px" bgColor="#a5a5a5"></td>
+
</div>
-
<td width="300px" valign="top" bgColor="#414141"></td>
+
<div id="featuredhighlights">Highlights</div>
-
</tr>
+
-
</table>
+
-
</td>
+
-
<td bgColor="#e3e3e3"></td></tr>
+
-
</table>
+
 +
<div id="featuredAandC">
 +
<b> FEATURED VIDEO </b> <br><br>
 +
<img src="https://static.igem.org/mediawiki/igem.org/8/88/Teamexperiencescreenshot.png" width="245px">
 +
</div>
-
 
-
 
-
 
-
<div id="featuredwrap">
 
-
<div id="featuredupcomingevents">Column 1</div>
 
-
<div id="featuredhighlights">Column 2</div>
 
-
<div id="featuredvideo">Column 3</div>
 
<div id="clear"></div>
<div id="clear"></div>
</div>
</div>

Latest revision as of 19:07, 16 July 2014

MISSION
PROGRAMS
VALUES
FACETS
iGEM is much more than a competition...
COMPETITION EDUCATION TEAMWORK TECHNOLOGY ENTREPRENEURSHIP SAFETY+SECURITY SHARING
UpcomingEvents
Highlights
UpcomingEvents
Highlights
Highlights
UpcomingEvents
Highlights
UpcomingEvents
UPCOMING EVENTS

June something

June something

June something
Highlights
FEATURED VIDEO

SPONSORS

CONTACT

One Kendall Square, Cambridge, MA, USA 02139

hq at igem dot org

+1 617 500 3106



Get the latest updates from iGEM by subscribing to our monthly newsletter.

iGEM Foundation
Dedicated to education and competition, advancement of synthetic biology, and the development of open community and collaboration.