Team:Calgary/SandboxMain

From 2012.igem.org

(Difference between revisions)
Line 22: Line 22:
/***Nav styling***/
/***Nav styling***/
-
#nav{
+
#nav-wrap{
 +
height: 0px;
 +
margin-top: -45px;
 +
}
 +
 +
#nav, #nav ul{
list-style: none;
list-style: none;
-
height: 25em;
+
margin: 0;
-
width: 190px;
+
padding: 0;
-
margin: 0px 10px 0px 10px;
+
width: 965px;
-
padding: 20px 0px 20px 10px;
+
height: 100%;
-
text-indent: 0;
+
display: table;
-
float: left;
+
-
/*Background colours*/
 
-
background: #202020; /*backup colour in case gradients fail*/
 
-
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#202020', endColorstr='#333333'); /* for IE 6+7*/
 
-
-ms-filter:
 
-
"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#202020', endColorstr='#333333')"; /* for IE 8*/
 
-
background: -webkit-gradient(linear, left top, right top, from(#202020), to(#333333)); /* for webkit browsers */
 
-
background: -moz-linear-gradient(left,  #202020,  #333); /* for firefox 3.6+ */
 
-
background: linear-gradient(left, #202020 0%, #333333 100%); /*standard*/
 
}
}
 +
/*To be moved to JQ block*/
/*To be moved to JQ block*/
#menu-icon{
#menu-icon{
display: none;
display: none;
}
}
 +
 +
/*menu*/
#nav li{
#nav li{
height: auto;
height: auto;
padding: 0;
padding: 0;
 +
list-style: none;
 +
float: left;
 +
width: auto;
 +
margin: 0;
 +
background: #333333;
 +
position: relative;
}
}
-
/*submenu styling*/
+
#nav > li a{
-
#nav li a{
+
margin: 0 15px;
-
display: block;
+
-
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
+
-
color: white;
+
-
font-size: 1.5em;
+
-
line-height: 1.2em; /*line spacing between submenu rows*/
+
-
text-indent: 0.8em;
+
-
letter-spacing: 0.08em;
+
}
}
-
#nav li a.dropheader{
+
#nav > li{
-
text-indent: 0;
+
background: transparent;
-
margin-top: 1.3em;
+
}
}
-
/*primary menu styling*/
+
-
#nav li > a{
+
/*submenu*/
 +
#nav li ul {
 +
position: absolute;
 +
width: 200px;
 +
display: none;
 +
}
 +
#nav li:hover ul {
display: block;
display: block;
-
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
+
}
-
font-size: 1.8em;
+
/*sub-submenu*/
-
color: white;
+
#nav li ul ul{
 +
margin-left: 230px;
 +
margin-top: -15px;
 +
}
 +
#nav li:hover ul ul{
 +
display: none;
 +
}
 +
#nav li:hover ul, #nav li li:hover ul{
 +
display: block;
 +
}
 +
#nav a{
 +
display: block;
 +
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
 +
color: white;
 +
}
 +
#nav li a{
line-height: 1.4em; /*centers the text vertically*/
line-height: 1.4em; /*centers the text vertically*/
 +
font-size: 2em;
}
}
-
/*arrows to signify dropout menus; to be moved to JQ block*/
+
#nav ul li > a{
-
#nav li a.drop:after{
+
width: 200px;
-
content: '>';
+
margin: 0 15px;
-
padding-right: 20px;
+
-
color: #BBB;
+
-
display: inline;
+
-
float: right;
+
}
}
-
#nav li a:hover, #nav li a:hover::after{
+
#nav li a:hover, #nav li li a.drop:hover::after{
display: block;
display: block;
text-decoration: none;
text-decoration: none;
color: #43bbff;
color: #43bbff;
}
}
-
/*mega dropdown styling*/
+
#nav li ul li ul{
-
#nav li div{
+
margin-top: -35px;
position: absolute;
position: absolute;
-
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#333333', endColorstr='#424242'); /* for IE 6+7*/
 
-
-ms-filter:
 
-
"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#333333', endColorstr='#424242')"; /* for IE 8*/
 
-
background: -webkit-gradient(linear, left top, right top, from(#333333), to(#424242)); /* for webkit browsers */
 
-
background: -moz-linear-gradient(left,  #333333,  #424242); /* for firefox 3.6+ */
 
-
background: linear-gradient(left, #333333 0%, #424242 100%); /*standard*/
 
}
}
-
/*1-column styles*/
+
#nav li ul li ul li a, #nav li ul li a{
-
#nav li div.col_1{
+
font-size: 1.8em;
-
left: -999px;
+
-
width: auto;
+
-
padding-bottom: 1.5em;
+
}
}
-
#nav li div.col_1 a{
+
#nav li li a.drop:after{
-
display: block;
+
content: '>';
-
padding: 0 1.5em;
+
-
}
+
-
#nav li:hover div.col_1{
+
-
left: 215px;
+
-
margin-top: -55px;
+
-
}
+
-
/*2-column styles*/
+
-
#nav li div.col_2{
+
-
width: auto;
+
-
left: -999em;
+
-
padding-bottom: 1.5em;
+
-
height: auto;
+
-
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#333333', endColorstr='#424242'); /* for IE 6+7*/
+
-
-ms-filter:
+
-
"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#333333', endColorstr='#424242')"; /* for IE 8*/
+
-
background: -webkit-gradient(linear, left top, right top, from(#333333), to(#424242)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(left,  #333333,  #424242); /* for firefox 3.6+ */
+
-
}
+
-
#nav li div.col_l, #nav li div.col_r{
+
-
position: relative;
+
-
width: auto;
+
-
float: left;
+
-
background: transparent;
+
padding-left: 20px;
padding-left: 20px;
-
padding-right: 20px;
+
color: #BBB;
-
}
+
display: inline;
-
#nav li div.col_l a, #nav li div.col_r a{
+
float: right;
-
display: block;
+
-
}
+
-
#nav li:hover div.col_2{
+
-
left: 215px;
+
-
margin-top: -55px;
+
}
}
 +
 +
/*
 +
#nav a {
 +
display: block;
 +
width: 10em;
 +
}
 +
#nav li {
 +
float: left;
 +
width: 10em;
 +
}
 +
#nav li ul {
 +
position: absolute;
 +
width: 10em;
 +
display: none;
 +
}
 +
 +
#nav li:hover ul {
 +
display: block;
 +
}
 +
#nav li ul ul {
 +
margin: 0;
 +
}
 +
#nav li:hover ul ul{
 +
display: none;
 +
}
 +
#nav li:hover ul, #nav li li:hover ul{
 +
display: block;
 +
}
 +
*/
/***End nav styling***/
/***End nav styling***/
/***Headerimage***/
/***Headerimage***/
#headerimage{
#headerimage{
-
width: 947px;
+
width: 968px;
position: relative;
position: relative;
-
left: 10px;
+
margin-left: 0px;
margin-bottom: 10px;
margin-bottom: 10px;
margin-top: -20px;
margin-top: -20px;
Line 173: Line 181:
}
}
-
/***Content styling***/
+
-
.boxtitle{
+
-
font-size: 2em;
+
-
padding-bottom: 0em;
+
-
padding-top: .3em;
+
-
}
+
-
 
+
-
#nav-wrap{
+
-
float: left;
+
-
height: auto;
+
-
}
+
-
 
+
-
#row1wrap{
+
-
float: left;
+
-
width: 100%;
+
-
margin-top: -60px;
+
-
height: 28em;
+
-
overflow: hidden;
+
-
}
+
-
#box1{
+
-
float: left;
+
-
background-color: #CCC;
+
-
width: 717px;
+
-
margin-top: 0px;
+
-
padding: 10px;
+
-
height: 150%;
+
-
}
+
-
#box1 a{
+
-
color: #0050E3;
+
-
}
+
-
 
+
-
#row2wrap{
+
-
float: left;
+
-
width: 947px;
+
-
margin: 14px 10px;
+
-
}
+
-
/*row2wrap div covers both the #fredbox and #oscarbox*/
+
-
#row2wrap div{
+
-
width: 465px;
+
-
height: 280px;
+
-
}
+
-
#row2wrap div img{
+
-
float: left;
+
-
padding-top: 30px;
+
-
padding-left: 15px;
+
-
padding-right: 15px;
+
-
padding-bottom: 30px;
+
-
}
+
-
+
-
#row2wrap div h1, #row2wrap div p{
+
-
padding-top: 10px;
+
-
padding-right: 15px;
+
-
}
+
-
+
-
#row2wrap div h1{
+
-
padding-top: 25px;
+
-
}
+
-
+
-
#fredbox{
+
-
background-color: #59F052;
+
-
float: left;
+
-
text-decoration: none;
+
-
}
+
-
+
-
#fredbox:hover{
+
-
background-color: #81FF74;
+
-
}
+
-
+
-
#oscarbox{
+
-
background-color: #79BEFF;
+
-
float: right;
+
-
text-decoration: none;
+
-
}
+
-
+
-
#oscarbox:hover{
+
-
background-color: #91E0FF;
+
-
}
+
-
 
+
-
/*wrapper for all the small orange boxes*/
+
-
.smallboxwrap{
+
-
width: 947px;
+
-
float: left;
+
-
margin: 0px 10px;
+
-
margin-bottom: 10px;
+
-
}
+
-
.smallboxwrap a{
+
-
text-decoration: none;
+
-
float: left;
+
-
}
+
-
+
-
.smallboxwrap div, .smallboxwrap a{
+
-
width: 305px;
+
-
height: 165px;
+
-
background-position: top;
+
-
}
+
-
+
-
.smallboxwrap div h1, .smallboxwrap div p{
+
-
padding: 10px 15px;
+
-
}
+
-
+
-
.smallboxwrap div h1{
+
-
padding-bottom: 0px;
+
-
padding-top: 25px;
+
-
}
+
-
+
-
#sboxteam div{
+
-
background: url('https://static.igem.org/mediawiki/2012/1/18/UCalgary2012_MainPageSmallBoxTeam.png');
+
-
}
+
-
#sboxnotebook div{
+
-
background: url('https://static.igem.org/mediawiki/2012/a/af/UCalgary2012_MainPageSmallBoxNotebook.png');
+
-
}
+
-
#sboxoutreach div{
+
-
background: url('https://static.igem.org/mediawiki/2012/d/d5/UCalgary2012_MainPageSmallBoxOutreach.png');
+
-
}
+
-
#sboxdonate div{
+
-
background-color: #FFCC60;
+
-
}
+
-
#sboxdata div{
+
-
background-color: #FFCA48;
+
-
}
+
-
#sboxfollow div{
+
-
background-color: #FFC62A;
+
-
}
+
-
+
-
/*spacing the middle box out*/
+
-
#sboxnotebook, #sboxdata{
+
-
margin: 0px 16px;
+
-
}
+
-
+
-
/*all orange boxes hover with the same colour or switch sprites*/
+
-
#sboxdonate:hover div, #sboxdata:hover div, #sboxfollow:hover div{
+
-
background-color: #FFEE82;
+
-
}
+
-
#sboxteam:hover div, #sboxnotebook:hover div, #sboxoutreach:hover div{
+
-
background-position: bottom;
+
-
}
+
-
 
+
-
#sponsorbox{
+
-
width: 943px;
+
-
float: left;
+
-
margin: 0px 10px;
+
-
border: 2px solid #cccccc;
+
-
}
+
-
#sponsorbox h1, #sponsorbox table{
+
-
margin: 15px;
+
-
}
+
-
#sponsorbox table{
+
-
width: 917px;
+
-
}
+
-
#sponsorbox table td{
+
-
width: 250px;
+
-
margin: auto;
+
-
}
+
-
#sponsorbox table td img{
+
-
margin: auto;
+
-
}
+
}
}
-
 
+
<!--
/*======
/*======
Mobile Style
Mobile Style
Line 465: Line 318:
}
}
-
 
+
-->
</style>
</style>
<script>
<script>
Line 505: Line 358:
<a id="css-mobi" href="#mobile">Mobile View</a>
<a id="css-mobi" href="#mobile">Mobile View</a>
-->
-->
-
<div id="headerimage"><img src="https://static.igem.org/mediawiki/2012/8/87/UCalgary2012_Header_Image_V3.0-Generic.png"></img></div>
+
<div id="headerimage"><img src="https://static.igem.org/mediawiki/2012/7/7c/UCalgary2012_HeaderImage_V7.2.png"></img></div>
<a id="logo" href="https://2012.igem.org/Team:Calgary"><img src="https://static.igem.org/mediawiki/2012/4/48/UCalgary2012_White_Low-Res_Official_Logo.png"></img></a>
<a id="logo" href="https://2012.igem.org/Team:Calgary"><img src="https://static.igem.org/mediawiki/2012/4/48/UCalgary2012_White_Low-Res_Official_Logo.png"></img></a>
-
</header>
 
-
<div id="row1wrap">
 
<div id="nav-wrap">
<div id="nav-wrap">
<ul id="nav">
<ul id="nav">
<li><a href="https://2012.igem.org/Team:Calgary">Home</a></li>
<li><a href="https://2012.igem.org/Team:Calgary">Home</a></li>
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Team">Team</a>
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Team">Team</a>
-
<div class="col_1">
+
<ul>
-
<a class="dropheader" href="#">MEMBERS</a>
+
<li>
-
<a href="#">Undergraduates</a>
+
<a class="drop" href="#">Members</a>
-
<a href="#">Advisors</a>
+
<ul>
-
<a href="#">Supervisors</a>
+
<li><a href="#">Undergraduates</a></li>
-
<a class="dropheader" href="http://ung.igem.org/Team.cgi?id=902">OFFICIAL PROFILE</a>
+
<li><a href="#">Advisors</a></li>
-
<a class="dropheader" href="#">THE UNIVERSITY</a>
+
<li><a href="#">Supervisors</a></li>
-
</div>
+
</ul>
 +
</li>
 +
<li><a class="dropheader" href="http://ung.igem.org/Team.cgi?id=902">Official Profile</a></li>
 +
<li><a class="dropheader" href="#">The University</a></li>
 +
</ul>
</li>
</li>
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Project">Project</a>
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Project">Project</a>
-
<div class="col_2">
+
<ul>
-
<div class="col_l">
+
<li>
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project">OVERVIEW</a>
+
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project">Overview</a>
-
<a href="#">Data Page</a>
+
<ul>
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Biosensor">BIOSENSOR</a>
+
<li><a href="#">Data Page</a></li>
-
<a href="#">Sensing NAs</a>
+
</ul>
-
<a href="#">Promoter Library</a>
+
</li>
-
<a href="#">Electrochemistry</a>
+
<li>
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Hydrocarbon">FUEL CONVERSION</a>
+
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project/FRED">FRED</a>
-
<a href="#">Decarboxylation</a>
+
<ul>
-
<a href="#">Desulfurization</a>
+
<li><a href="#">Sensing NAs</a></li>
-
<a href="#">Denitrification</a>
+
<li><a href="#">Electroreporting</a></li>
-
<a href="#">Catechol Degradation</a>
+
<li><a href="#">Modelling</a></li>
-
<a href="#">Flux Analysis</a>
+
<li><a href="#">Devide Prototype</a></li>
-
</div>
+
</ul>
-
+
</li>
-
<div class="col_r">
+
<li>
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Killswitch">KILLSWITCH</a>
+
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project/OSCAR">OSCAR</a>
-
<a href="#">Riboswitches</a>
+
<ul>
-
<a href="#">Rhamnose Promoter</a>
+
<li><a href="#">Decarboxylation</a></li>
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Bioreactor">BIOREACTOR</a>
+
<li><a href="#">Desulfurization</a></li>
-
<a href="#">Design</a>
+
<li><a href="#">Denitrification</a></li>
-
<a href="#">Modelling</a>
+
<li><a href="#">Catechol Degradation</a></li>
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/FutureDirections">FUTURE DIRECTIONS</a>
+
<li><a href="#">Bioreactor Design</a></li>
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Attributions">ATTRIBUTIONS</a>
+
<li><a href="#">Flux Analysis</a></li>
-
</div>
+
</ul>
-
+
</li>
-
</div>
+
<li>
 +
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project/Killswitch">Killswitch</a>
 +
<ul>
 +
<li><a href="#">Death Genes</a></li>
 +
<li><a href="#">Regulation</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:Calgary/Project/FutureDirections">Future Directions</a></li>
 +
</ul>
</li>
</li>
<li><a href="https://2012.igem.org/Team:Calgary/Parts">Parts</a></li>
<li><a href="https://2012.igem.org/Team:Calgary/Parts">Parts</a></li>
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Notebook">Notebook</a>
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Notebook">Notebook</a>
-
<div class="col_1">
+
<ul>
-
<a class="dropheader" href="#">JOURNAL</a>
+
<li><a href="#">Journal</a></li>
-
<a class="dropheader" href="#">SAFETY</a>
+
<li><a href="#">Protocols</a></li>
-
<a class="dropheader" href="#">PROTOCOLS</a>
+
</ul>
-
</div>
+
</li>
</li>
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Outreach">Outreach</a>
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Outreach">Outreach</a>
-
<div class="col_1">
+
<ul>
-
<a class="dropheader" href="#">HUMAN PRACTICES</a>
+
<li><a class="drop" href="#">Killswitch Design</a>
-
<a href="#">Video Series</a>
+
<ul>
-
<a href="#">Video Game</a>
+
<li><a href="#">Collaboration</a></li>
-
<a class="dropheader" href="#">FOLLOW US</a>
+
</ul>
-
<a href="#">Twitter</a>
+
</li>
-
<a href="#">Facebook</a>
+
<li><a class="drop" href="#">Engineering</a>
-
</div>
+
<ul>
 +
<li><a href="#">Biosensor</a></li>
 +
<li><a href="#">Bioreactor</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:Calgary/Safety">Safety</a></li>
 +
<li>
 +
<a class="drop" href="#">Community</a>
 +
<ul>
 +
<li><a href="#">Spark Science</a></li>
 +
<li><a href="#">Minds in Motion</a></li>
 +
<li><a href="#">TEDxCalgary</a></li>
 +
<li><a href="#">Follow Us!</a></li>
 +
</ul>
 +
</li>
 +
 +
</ul>
</li>
</li>
<li><a href="https://2012.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
<li><a href="https://2012.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
-
<li><a href="https://2012.igem.org" target="_blank">iGEM Home</a></li>
+
<li><a href="https://2012.igem.org" target="_blank">iGEM</a></li>
</ul>
</ul>
</div>
</div>
-
 
+
</header>
-
<div id="box1">
+
-
<h1 class="boxtitle">Converting Naphthenic Acids to Biofuels</h1>
+
-
<p>Naphthenic acids (NAs) are a group of recalcitrant carboxylic acid-containing compounds which are byproducts of the bitumen extraction process in the northern Alberta oil sands. These toxic and corrosive compounds are part of the solid and liquid wastes deposited into large holding areas called tailings ponds, which pose a potential environmental and economic concern to Alberta and to other areas. The University of Calgary 2012 iGEM team aims to develop a collection of NA-sensing and degrading organisms for their detection and bioremediation.</p>
+
-
<p>Continuing from the <a href="https://2011.igem.org/Team:Calgary" target="_blank">2011 iGEM team’s work</a> on developing a NA biosensor, our team aims to better characterize a biological system for detection and measurement of NAs and other tailings pond compounds using an electrochemical output. New to this year, our major objective is to develop procedures for the conversion of NAs into useful hydrocarbons. As well, our group aims to develop biological and structural solutions to safety problems found in the scale-up process of synthetic biology industrial applications.</p>
+
-
<p>Finally, we hope to develop a proof-of-concept bioreactor system that will be capable of converting these NAs into clean hydrocarbons suitable for industrial use. By providing both an environmental and economic benefit through the remediation of NAs, the 2012 University of Calgary iGEM team hopes to better facilitate biological methodologies for toxin remediation in Alberta, Canada, and beyond.</p>
+
-
</div>
+
-
</div>
+
-
 
+
-
<div id="row2wrap">
+
-
<a id="fredbox" href="https://2012.igem.org/Team:Calgary/Project/FRED">
+
-
<div>
+
-
<img src="https://static.igem.org/mediawiki/2012/3/31/UCalgary2012_FRED_Index_Box.png"></img>
+
-
<h1>Meet FRED</h1>
+
-
<p>FRED is our <b>F</b>unctional, <b>R</b>obust <b>E</b>lectrochemical <b>D</b>etector. He helps us detect NAs in tailings pond water by using <i>lacZ</i> to electrochemically measure NAs in a sample. FRED can even measure multiple different compounds simultaneously!
+
-
</p>
+
-
<p>
+
-
Click here to learn more!
+
-
</p>
+
-
</div>
+
-
</a>
+
-
<a id="oscarbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR">
 
-
<div>
 
-
<img src="https://static.igem.org/mediawiki/2012/c/c3/UCalgary2012_OSCAR_Index_Box.png"></img>
 
-
<h1>Meet OSCAR</h1>
 
-
<p>OSCAR is our <b>O</b>ptimized <b>S</b>ystem for <b>C</b>arboxylic <b>A</b>cid <b>R</b>emediation. He helps us convert NAs in the tailings ponds into hydrocarbons that can be used for more fuel. OSCAR can purify hydrocarbons by removing sulfur and nitrogen groups from the NAs, too!</p>
 
-
<p>Click here to learn more!</p>
 
-
</div>
 
-
</a>
 
-
</div>
 
-
 
-
<div class="smallboxwrap">
 
-
<a id="sboxteam" href="#">
 
-
<div>
 
-
<h1>Our Team</h1>
 
-
<p>Who are we? What do we do? Where is this "Calgary" place, anyway? Click here to read our team profiles!</p>
 
-
</div>
 
-
</a>
 
-
<a id="sboxnotebook" href="#">
 
-
<div>
 
-
<h1>Notebook</h1>
 
-
<p>Click here to find records of our summer's work, as well as attributions. We would also like to thank everybody who helped us along the way.</p>
 
-
</div>
 
-
</a>
 
-
<a id="sboxoutreach" href="#">
 
-
<div>
 
-
<h1>Outreach</h1>
 
-
<p>We helped spread the word on synthetic biology and why it's so great. Click here to see our outreach initiatives, and also to play our video game!</p>
 
-
</div>
 
-
</a>
 
-
</div>
 
-
<div class="smallboxwrap">
 
-
<a id="sboxdonate" href="#">
 
-
<div>
 
-
<h1>Donate!</h1>
 
-
<p>We appreciate any support from you to help us complete our project and send our team to the Jamboree. Click here to help us reach our goals!</p>
 
-
</div>
 
-
</a>
 
-
<a id="sboxdata" href="#">
 
-
<div>
 
-
<h1>Data Page</h1>
 
-
<p>Click here to take a look at a summary of all our research data so far. Details of each project can be found by clicking on FRED and OSCAR above.</p>
 
-
</div>
 
-
</a>
 
-
<a id="sboxfollow" href="#">
 
-
<div>
 
-
<h1>Follow Us!</h1>
 
-
<p>Keep tabs on what we're up to by following our Facebook page and our Twitter feed!</p>
 
-
</div>
 
-
</a>
 
-
</div>
 
-
 
-
<div id="sponsorbox">
 
-
<h1>Thanks to Our Sponsors!</h1>
 
-
<table>
 
-
<tr>
 
-
<td><img style="width: 200px;" src="https://static.igem.org/mediawiki/2011/3/3f/UCalgary2011_AITF_Logo_Small.png"></img></td>
 
-
<td><img style="width: 200px;" src="https://static.igem.org/mediawiki/2011/c/c1/UCalgary_UofCLogo.png"></img></td>
 
-
<td><img style="width: 200px;" src="https://static.igem.org/mediawiki/2011/c/c7/UCalgary_BHSc_Logo.png"></img></td>
 
-
</tr>
 
-
<tr>
 
-
<td><img src="https://static.igem.org/mediawiki/2011/d/da/UCalgary2011_OSLI_Banner_Logo_Small.png"></img></td>
 
-
</tr>
 
-
</table>
 
-
</div>
 
</body>
</body>
</html>
</html>

Revision as of 20:13, 28 August 2012