Team:Uppsala/test

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Team:Uppsala/test}}
+
{{Team:Uppsala/styles}}
 +
{{Team:Uppsala/Index_styles}}
<html>
<html>
<head>
<head>
-
<link rel="stylesheet" type="text/css" href="css/home-style.css">
 
-
<link rel="stylesheet" type="text/css" href="css/style.css">
 
<meta charset="utf-8" />
<meta charset="utf-8" />
<title>Uppsala iGEM 2013</title>
<title>Uppsala iGEM 2013</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
-
<!--
+
<link rel="stylesheet" type="text/css" href="css/style.css">
-
<link rel="stylesheet" href="https://2013.igem.org/Template:Team:Uppsala/styles ?action=raw&ctype=text/css" type="text/css" />
+
<link rel="stylesheet" type="text/css" href="css/resveratrol-style.css">
-
-->
+
 
 +
<style type="text/css">
 +
 
 +
</style>
 +
 
</head>
</head>
Line 20: Line 23:
<div id= "main_frame">  
<div id= "main_frame">  
-
<!--Contains our team logo-->
+
<!--Contains our top header-->
-
<header id="header">
+
<div id= "header">  
-
 
+
-
<div id="logo">
+
-
<a href="https://2013.igem.org/Main_Page">
+
-
<img class="logo" src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png"></a>
+
-
</div>
+
-
 
+
-
 
+
-
<!--Contains the navigation menu, contains a total of 3 div elements -->
+
-
<div id="igem_logo">
+
-
<a href="https://2013.igem.org/Main_Page">
+
-
<img class="igem_logo" src="https://static.igem.org/mediawiki/2013/5/59/IGEMlogo.png"></a>
+
-
</div>
+
-
 
+
-
</header>
+
-
 
+
-
<div id="n_container">
+
-
 
+
-
<div id="home-knapp">
+
-
 
+
-
<a href="https://2013.igem.org/Team:Uppsala"> <img class="home-knapp" src="https://static.igem.org/mediawiki/2013/9/9a/Home.png"></a>
+
-
</div>
+
<!-- Contains sub-logo picture -->
-
 
+
<div id="igem_logo"><a href="https://2013.igem.org/Main_Page"><img class="igem_logo" src="https://static.igem.org/mediawiki/2013/5/59/IGEMlogo.png"></a></div>
-
<div id="navbar">
+
-
+
-
<div id="drop-down">
+
-
<ul>
+
-
<li>
+
-
<a href="project.html"><img src="https://static.igem.org/mediawiki/2013/9/92/Project.png"></a>
+
-
<ul>
+
-
<li><a href="#">Result</a></li>
+
-
<li><a href="#">Overwiev</a></li>
+
-
<li><a href="#">Chassi</a></li>
+
-
<li><a href="#">Chromoprotein</a></li>
+
-
<li><a href="#">Collection</a></li>
+
-
<li><a href="#">Safety experiments</a></li>
+
-
<li><a href="#">Resveratrol</a></li>
+
-
<li><a href="#">Caretnoids</a></li>
+
-
<li><a href="#">Saffron</a></li>
+
-
<li><a href="#">Miraculin</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
  <li>
+
-
  <a href="#"><img src="https://static.igem.org/mediawiki/2013/3/3c/Modeling.png"></a>
+
-
  <ul>
+
-
  <li><a href="#">Resveratrol</a></li>
+
-
  <li><a href="#">Carotenoids</a></li>
+
-
  </ul>
+
-
 
+
-
  </li>
+
-
  <li>
+
-
    <img src="https://static.igem.org/mediawiki/2013/7/79/Parts.png">
+
-
    <ul>
+
-
      <li><a href="#">Web Design</a></li>
+
-
      <li><a href="#">Web Development</a></li>
+
-
      <li><a href="#">Illustrations</a></li>
+
-
    </ul>
+
-
  </li>
+
-
 
+
-
  <li>
+
-
  <a href="team.html"><img src="https://static.igem.org/mediawiki/2013/3/32/Team.png"></a>
+
-
  <ul>
+
-
  <li><a href="#">Hampans bakterielåda</a></li>
+
-
  <li><a href="#">Clonerz</a></li>
+
-
  <li><a href="#">Geneticals</a></li>
+
-
  <li><a href="#">Instructors</a></li>
+
-
  <li><a href="#">Supervisors</a></li>
+
-
  </ul>
+
-
  </li>
+
-
 
+
-
  <li>
+
-
  <a href="hp.html"><img src="https://static.igem.org/mediawiki/2013/f/f5/HP.png"></a>
+
-
  <ul>
+
-
  <li><a href="#">Yoghurt Products</a></li>
+
-
  <li><a href="#">Synbioday</a></li>
+
-
  <li><a href="#">Bioethics</a></li>
+
-
  <li><a href="#">Safety</a></li>
+
-
  <li><a href="#">Societ / Public opinion</a></li>
+
-
  <li><a href="#">High School Outreach</a></li>
+
-
  </ul>
+
-
  </li>
+
-
  <li><a href="#"><img src="https://static.igem.org/mediawiki/2013/8/8d/Attributions.png"></a></li>
+
-
  <li><a href="#"><img src="https://static.igem.org/mediawiki/2013/9/95/Notebook.png"></a></li>
+
-
</ul>
+
-
</div>
+
-
 
+
-
</div>
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
<!--
+
-
<div id="n_container">
+
-
 
+
-
<div id="button_1"> <a href="https://2013.igem.org/Team:Uppsala"> <img class="home-knapp" src="https://static.igem.org/mediawiki/2013/9/9a/Home.png">                            </a> </div>
+
-
 
+
-
<div id="navbar">
+
-
 
+
-
<!--http://cssdeck.com/labs/another-simple-css3-dropdown-menu
+
-
<div class="nav">
+
-
<ul>
+
-
<li class="a"><a href="project.html"><img class="navbar-text" src="https://static.igem.org/mediawiki/2013/9/92/Project.png"></a>
+
-
<li ><a href="modeling.html"><img class="navbar-text" src="https://static.igem.org/mediawiki/2013/3/3c/Modeling.png"></a>
+
-
<li ><a href="parts.html"><img class="navbar-text" src="https://static.igem.org/mediawiki/2013/7/79/Parts.png"></a>
+
-
<li ><a href="team.html"><img class="navbar-text" src="https://static.igem.org/mediawiki/2013/3/32/Team.png"></a>
+
-
<li ><a href="hp.html"><img class="navbar-text" src="https://static.igem.org/mediawiki/2013/f/f5/HP.png"></a>
+
-
<li ><a href="attribution.html"><img class="navbar-text-att" src="https://static.igem.org/mediawiki/2013/8/8d/Attributions.png"></a></li>
+
-
    <li ><a href="notebook.html"><img class="navbar-text" src="https://static.igem.org/mediawiki/2013/9/95/Notebook.png"></a> </li>
+
-
    </div>
+
-
 
+
-
 
+
-
</div> <!--Closing div element for navbar-->
+
-
 
+
-
<!-- </div> <!--Closing div element for n_container-->
+
-
 
+
-
<section id="main_content">
+
-
+
-
<div id="project-description">
+
-
<h1>
+
-
Making the world healthier with a new probiotic platform
+
-
</h1>
+
-
 
+
-
<p class="project-text"> Malnutrition is today a major global problem that affects people both in affluent and developing countries. Even if you get the right amount of calories, if these do not contain sufficient amounts of micronutrients, like vitamins and minerals, serious illness and even death can be the result.<br><br>
+
-
 
+
-
The goal of our project is to alleviate this problem by applying synthetic biology to <a href="#">probiotic bacteria</a>. These bacteria are already a part of normal human diet and our goal is to modify them so that they enrich the nutritional content of the food they grow in.<br><br>
+
-
 
+
-
With our project, we will make the <a href="#">lactobacillus genus</a> the new probiotic platform for metabolic engineering of nutritional compounds. We will engineer probiotics to produce <a href="#">beta-carotene</a> (vitamin), <a href="#">resveratrol</a> (antioxidant), <a href="#">miraculin</a> (sweetener) and <a href="#">saffron</a> (taste).<br><br>
+
-
 
+
-
To exemplify what this combination of probiotics and metabolic engineering can accomplish we used our modified bacteria to create nutritionally enriched <a href"#">yoghurt</a>. We have also put great effort into addressing the <a href="#">ethical</a> and <a href"#">safety</a> issues that naturally follow when creating GM food.<br><br>
+
-
 
+
-
Lets make yoghurt!
+
-
 
+
-
</p>
+
-
</div>
 
-
<div id="grid-matrix">
+
</div>  
-
+
-
<div id="grid-a">
+
-
  <a href="https://2013.igem.org/Team:Uppsala/background"><img class="top" src="https://static.igem.org/mediawiki/2013/c/c1/Backgroundblur.png"></a>
+
<!-- Contains the "nav div" and the stripe background for the navigation menu -->  
-
</div>
+
<div id="navbar">  
-
<div id="grid-b">
+
<!-- Contains the navigation menu with list elements -->
-
                        <a href="https://2013.igem.org/Team:Uppsala/vision"><img class="top" src="https://static.igem.org/mediawiki/2013/6/6d/Visionblur.png"></a>
+
-
</div>
+
<div id="nav">
 +
<div id="cow-box"><a href="https://2013.igem.org/Team:Uppsala"><img class="home-knapp" src="https://static.igem.org/mediawiki/2013/9/9a/Home.png"><a/></div>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:Uppsala/project" id="list_type1"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/9/92/Project.png"></a>
 +
<ul>
 +
<li><a href="#">Result</a></li>
 +
<li><a href="https://2013.igem.org/Team:Uppsala/overview">Overiew</a></li>
 +
<li><a href="#">Chassi</a>
 +
<ul>
 +
<li><a href="#">asd</a></li>
 +
<li><a href="#">asdad</a></li>
 +
<li><a href="#">bakasdla</a></li>
 +
</ul></li>
-
<div id="grid-c">
+
<li><a href="#">Chromoprotein collection</a></li>
-
                        <a href="#"><img class="top" src="https://static.igem.org/mediawiki/2013/2/28/Metabolic_engineeringblur.png"></a>
+
<li><a href="#">Safety experiments</a></li>
 +
<li><a href="#">Resveratrol</a></li>
 +
<li><a href="#">Caretnoids</a></li>
 +
<li><a href="#">Saffron</a></li>
 +
<li><a href="#">Miraculin</a></li>
 +
</ul></li>
 +
<li><a href="https://2013.igem.org/Team:Uppsala/modeling" id="list_type1"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/3/3c/Modeling.png"></a>
 +
<ul>
 +
<li><a href="#">Resveratrol pathway </a></li>
 +
<li><a href="#">Carotenoids pathway </a></li>
 +
</ul></li>
 +
<li><a href="https://2013.igem.org/Team:Uppsala/parts" id="list_type2"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/7/79/Parts.png"></a></li>
 +
 +
<li><a href="https://2013.igem.org/Team:Uppsala/team" id="list_type2"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/3/32/Team.png"></a>
 +
<ul>
 +
<li><a href="#">Resveratrol group</a></li>
 +
<li><a href="#">Carotenoid group</a></li>
 +
<li><a href="#">Chassi group</a></li>
 +
<li><a href="#">Instructors & supervisors</a></li>
 +
</ul></li>
 +
<li><a href="https://2013.igem.org/Team:Uppsala/hp" id="list_type3"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/f/f5/HP.png"></a>
 +
<ul>
 +
<li><a href="#">Yoghurt products</a></li>
 +
<li><a href="https://2013.igem.org/Team:Uppsala/synbioday">Synbioday</a></li>
 +
<li><a href="#">Bioethics</a></li>
 +
<li><a href="#">Safety</a></li>
 +
<li><a href="#">Society / Public opinion</a></li>
 +
<li><a href="#">High School Outreach</a></li>
 +
</ul></li>
 +
<li><a href="https://2013.igem.org/Team:Uppsala/attribution" id="list_type4"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/8/8d/Attributions.png"></a></li>
 +
<li><a href="https://2013.igem.org/Team:Uppsala/notebook" id="list_type3"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/9/95/Notebook.png"></a></li>
 +
</ul>
 +
</div>
 +
</div>
</div>
-
<div id="grid-d">
+
<div id="main_content">  
-
                        <a href="#"><img class="top" src="https://static.igem.org/mediawiki/2013/a/a7/Chassiblur.png"></a>
+
-
</div>
+
<div id="indtroduction">
 +
<div id="description">
 +
<h1 class="resveratrol-header">
 +
</h1>
 +
<p> Lorem ipsum
 +
</p>
-
<div id="grid-e">
 
-
                        <a href="#"><img class="top" src="https://static.igem.org/mediawiki/2013/e/ed/Societyblur.png"></a>
 
</div>
</div>
-
<div id="grid-f">
+
<div id="pic">
-
                        <a href="#"><img class="top" src="https://static.igem.org/mediawiki/2013/d/d1/Saftyblur.png"></a>
+
bild
</div>
</div>
-
 
-
 
</div>
</div>
-
<div id="sidebar">
+
<div id="bactocontent">
-
 
+
<div id="resveratrol">
-
<div id="fb-feed">
+
resveratrol
-
 
+
-
 
+
-
 
+
-
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/UppsalaIgem?fref=ts&width=292&colorscheme=light&show_fa
+
-
ces=false&amp;border_color&amp;stream=true&amp;header=false&amp;height=475" scrolling="no" frameborder="0" style="border:none;
+
-
overflow:hidden; width:310px; height:475px;" allowTransparency="true"></iframe>
+
-
 
+
</div>
</div>
-
<div id="twitter-feed">
+
<div id="p-com">
-
 
+
p-com
-
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/igemuppsala" data-widget-id="352909282024505345">Tweets av @igemuppsala</a>
+
-
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+
-
 
+
-
 
+
</div>
</div>
</div>
</div>
 +
 +
<div id="methods">
 +
methods
 +
</div>
-
</section>
+
</div>
<div id="bottom-pic">
<div id="bottom-pic">
<img class="bottom-pic" src="https://static.igem.org/mediawiki/2013/a/aa/Bottom_picture.png">
<img class="bottom-pic" src="https://static.igem.org/mediawiki/2013/a/aa/Bottom_picture.png">
</div>
</div>
 +
 +
</div> <!--Closing div element for main frame-->
</div> <!--Closing div element for main frame-->
 +

Revision as of 13:06, 22 August 2013