Team:UIUC Illinois

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!--[[File:Igem logo.jpg|frameless|border|left|10px]]-->
+
<body>
-
<!--[[File:UIUC iGEM Logo.png|frameless|border|center|10px]]-->
+
 
-
<!--[[File:UIUC Illinois team.png|frameless|border|left|500px]]-->
+
<div id="page-container">
 +
<div id="logo"> <h1> iGEM UIUC</h1> </div>
 +
<div id="sidebar">
 +
<div id="main-nav">
 +
<ul>
 +
<li id="about"><a href="#">About</a></dt>
 +
<li id="services"><a href="#">Services</a></dt>
 +
<li id="portfolio"><a href="#">Portfolio</a></dt>
 +
<li id="contact"><a href="#">Contact Us</a></dt>
 +
</ul>
 +
</div>
 +
</div>
 +
<div id="picture"> Picture </div>
 +
<div id="abstract"> Abstract </div>
 +
<div id="sponsors"> Sponsors </div>
 +
</div>
 +
</body>
-
<html xmlns="http://www.w3.org/1999/xhtml">
 
<style type="text/css">
<style type="text/css">
-
{
+
.hidden {
-
  background-color: #FFFFFFF;
+
display: none;
}
}
-
#content
+
 
-
{
+
   #page-container {
-
   background-color: transparent;
+
background: red;
-
  background-image: url("https://static.igem.org/mediawiki/2012/e/e5/Zju_back.jpg");
+
width: 760px;
-
  background-attachment: scroll;
+
margin: auto;
-
  background-position: 50% 0;
+
   }
-
   background-repeat: repeat-y;
+
html, body {
-
  overflow: hidden;
+
margin:0;
-
  border-style: none;
+
padding:0;
-
  width: 100%;
+
}
}
-
/* Remove Top Item (origin item) */
+
 
-
#top-section
+
#logo{
-
{
+
background:white;
-
  height: 0px;
+
margin:auto;
-
  width: 100%;
+
height: 50px;
}
}
-
#p-logo {
+
 
-
  display: none;
+
#sidebar
-
}
+
-
#top
+
{
{
-
  display: none;
+
float:right;
 +
background:green;
 +
margin:auto;
 +
width:300px;
 +
height:300px;
}
}
-
#search-controls
+
#picture{
-
{
+
margin-right: 280px;
-
  display: none
+
background:yellow;
 +
height:300px;
 +
margin:auto;
}
}
-
</style>
+
 
-
<head>
+
#sponsors{
-
<style>
+
background:white;
-
body
+
height: 140px;
-
{
+
margin:auto;
-
background-color:#FFFFFF;
+
clear:both;
}
}
-
h1
+
 
-
{
+
h1{
-
font-family:"Mank Sans";
+
margin:0;
-
background-color: #12171E;
+
padding:0;
-
color:white;
+
-
text-align:center;
+
-
}
+
-
h2
+
-
{
+
-
font-family:"Mank Sans";
+
-
font-size:18px;
+
-
background-color: #12171E;
+
-
color:white;
+
-
text-align:center;
+
-
}
+
-
linkBox, MenuBar1
+
-
{
+
-
font-family:" London Between";
+
-
font-size:18px;
+
-
color:white;
+
-
text-align:left;
+
}
}
</style>
</style>
-
</head>
 
-
 
-
<body>
 
-
<div id="container" style="width:1160px">
 
-
<div id="divider"style="width:200px;height:800px;float:left"></div>
 
-
 
-
<div id="header" style=" width:960px;height=69px">
 
-
<a href="#"><img src="https://static.igem.org/mediawiki/2013/1/1b/IGEM_UIUC_Logo.jpg" alt="logo" width="161" height="69" align="left" /></a>
 
-
<a href="#"><img src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" alt="logo" width="88.25" height="69" align="right" /></a>
 
-
</div>
 
-
 
-
<div id="left" style=" height:360px; width:800px;float:left;">
 
-
  <img src="https://static.igem.org/mediawiki/2013/3/34/Image.png" alt="2013 iGEM UIUC" title="2013 iGEM UIUC" style="float:left; height:360px; width:800px;">
 
-
</div>
 
-
<div id="menu" style="height:360px; width:160; float:right;">
 
-
  <div style="background-color:#720005 ; padding:3px;">
 
-
    <a href="https://2013.igem.org/UIUC_Illinois/Project"><linkBox>Project</linkBox></a></div>
 
-
  <div style="height:7px;font-size:7px;">&nbsp;</div>
 
-
  <div style="background-color:#720005 ; padding:3px;">
 
-
    <a href="https://2013.igem.org/UIUC_Illinois/About"><linkBox>About</linkBox></a></div>
 
-
  <div style="height:7px;font-size:7px;">&nbsp;</div>
 
-
  <div style="background-color:#720005 ; padding:3px;">
 
-
    <a href="https://2013.igem.org/UIUC_Illinois/Safety"><linkBox>Safety</linkBox></a></div>
 
-
  <div style="height:7px;font-size:7px;">&nbsp;</div>
 
-
  <div style="background-color:#720005 ; padding:3px;">
 
-
    <a href="https://2013.igem.org/UIUC_Illinois/Outreach"><linkBox> Outreach </linkBox></a></div>
 
-
  <div style="height:7px;font-size:7px;">&nbsp;</div>
 
-
  <div style="background-color:#720005 ; padding:3px;">
 
-
    <a href="https://2013.igem.org/UIUC_Illinois/Impact"><linkBox>Impact</linkBox></a></div>
 
-
  <div style="height:7px;font-size:7px;">&nbsp;</div>
 
-
  <div style="background-color:#720005 ; padding:3px;">
 
-
    <a href="https://2013.igem.org/UIUC_Illinois/Achievements"><linkBox>Achievements</linkBox></a></div>
 
-
  <div style="height:7px;font-size:7px;">&nbsp;</div>
 
-
  <div style="background-color:#720005 ; padding:3px;">
 
-
    <a href="https://2013.igem.org/UIUC_Illinois/Sponsors"><linkBox>Sponsors</linkBox></a></div>
 
-
  <div style="height:7px;font-size:7px;">&nbsp;</div>
 
-
  <div style="background-color:#720005 ; padding:3px;">
 
-
    <a href="https://2012.igem.org/Team:UIUC-Illinois"target="blank"><linkBox>2012 UIUC Team</linkBox></a></div>
 
-
  <div style="height:7px;font-size:7px;">&nbsp;</div>
 
-
  <div style="background-color:#720005 ; padding:3px;">
 
-
    <a href="https://igem.org"target="blank"><linkBox>iGEM Website</linkBox></a></div>
 
-
</div>
 
-
<div id="divider2"style="width:960px;height:15px;float:left;"></div>
 
-
 
-
<div id="description" style="width:960px; background-color:#12171E;float:right;">
 
-
<h1>Project Description</h1>
 
-
<h2>Cardiovascular disease (CVD) has been the leading cause of death in the United States for over twenty years and is becoming a severe global health issue. CVD is highly associated with the buildup of plaque in arteries, a disease known as Atherosclerosis. Trimethylamine N-oxide (TMAO) is a known proatherogenic substance, and is abundant in carnivorous humans and those who consume energy drinks. It is the goal of the University of Illinois at Urbana Champaign (UIUC) iGEM Team to lower the amount of TMAO found in such individuals and therefore reduce the risk of atherosclerosis for those afflicted.TMAO is produced when the gut microbiota process the amino acid derivatives L-carnitine and choline. These metabolites are abundant in red meats and energy drinks, and are important bodily compounds; however, humans are intrinsically capable of producing the necessary amounts. When these substances are consumed, specific gut bacteria convert L-carnitine and choline into a harmful byproduct trimethylamine (TMA.) To protect itself, the liver oxidizes TMA into TMAO.
 
-
 
-
We are creating a probiotic to outcompete the gut bacteria for L-carnitine and choline to effectively lower and ultimately remove the atherogenic activity caused by TMAO. Pseudomonas aeruginosa is a bacterium with novel adaptations that enable it to uptake L-carnitine as a sole source of carbon and nitrogen. These genes have been selected for and are being tested in various Escherichia coli.</h2>
 
-
</div>
 
-
 
-
</div>
 
-
</body>
 
-
</html>
 
-
<!-- Resource: http://www.w3schools.com/ -->
 
-
<!-- Got how to remove IGEM header andthe search menu and how to get rid of the border came from ZJU-China wiki https://2012.igem.org/wiki/index.php?title=Team:ZJU-China-->
 

Revision as of 20:38, 22 August 2013

<body>

Picture
Abstract
Sponsors

</body>

<style type="text/css"> .hidden { display: none; }

 #page-container {

background: red; width: 760px; margin: auto;

 }

html, body { margin:0; padding:0; }

  1. logo{

background:white; margin:auto; height: 50px; }

  1. sidebar

{ float:right; background:green; margin:auto; width:300px; height:300px; }

  1. picture{

margin-right: 280px; background:yellow; height:300px; margin:auto; }

  1. sponsors{

background:white; height: 140px; margin:auto; clear:both; }

h1{ margin:0; padding:0; } </style>