Difference between revisions of "Team:Concordia"

 
(42 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
−
<body>
+
<head>
−
<script src="/Template:Concordia/JS/skrollr.js"></script>
+
<link rel="stylesheet" type="text/css" href="/Template:Concordia/CSS/homepage_parallax?action=raw&ctype=text/css">
−
<script src="/Template:Concordia/JS/main.js"></script>
+
−
<style type="text/css">
+
−
/* CSS */
+
−
.hsContainer {
+
−
    display: table;
+
−
    table-layout: fixed;
+
−
    width: 100%;
+
−
    height: 100%;
+
−
    overflow: hidden;
+
−
    position: relative;
+
−
    opacity: 0;
+
−
}
+
−
.hsContent {
+
−
    max-width: 450px;
+
−
    margin: -150px auto 0 auto;
+
−
    display: table-cell;
+
−
    vertical-align: middle;
+
−
    color: #ebebeb;
+
−
    padding: 0 8%;
+
−
    text-align: center
+
−
}
+
−
.bcg {
+
−
    background-position: center center;
+
−
    background-repeat: no-repeat;
+
−
    background-attachment: fixed;
+
−
    background-size: cover;
+
−
    height: 100%;
+
−
    width: 100%;
+
−
}
+
  
−
#slide-1 .bcg {background-image:url('https://static.igem.org/mediawiki/2015/7/7e/2015Concordia_homeimage.jpg')}
+
</head>
  
−
</style>
+
<body>
 +
<section class="module parallax parallax-1">
 +
  <div class="container1">
 +
    <h1 style = "font-size:62px">iGEM CONCORDIA 2015</h1>
 +
  </div>
 +
</section>
  
−
<!-- HTML -->
+
<section class="module content">
−
<section id="slide-1" class="homeSlide">
+
  <div class="container1">
−
    <div class="bcg"
+
    <h2 style = "font-family:Quicksand; color:white font-size:54px">A tool for Synthetic Biology</h2>
−
        data-center="background-position: 0px 50%;"
+
    <p style = "font-family:Quicksand; font-size:36px;">We endeavoured as a team to develop a protein scaffold that may be easily customized and used by synthetic biologists to perform various molecular processes.</p>
−
        data-bottom-top="background-position: 0px 40%;"
+
  </div>
−
        data-top-bottom="background-position: -40px 50%;"
+
−
        data-anchor-target="#slide-3"
+
−
    >
+
−
        <div class="hsContainer">
+
−
            <div class="hsContent">
+
−
                <div class="plaxEl"
+
−
                    data-106-top="opacity: 0"
+
−
                    data-bottom="opacity: 1; position: fixed; top: 206px; width: 100%; left: 0;"
+
−
                    data--30p-top="opacity: 1;"
+
−
                    data--60p-top="opacity: 0;"
+
−
                    data-anchor-target="#slide-3"
+
−
                >
+
−
                    <h2>Fixed element fading in and out</h2>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </div>
+
 
</section>
 
</section>
  
 +
<section class="module parallax parallax-2">
 +
  <div class="container1">
 +
    <h1 style = "font-size:62px">Our Scaffold</h1>
 +
  </div>
 +
</section>
  
 +
<section class="module content">
 +
  <div class="container1">
 +
    <h2 style = "font-family:Quicksand; color:white font-size:54px">Scaffococcus: Scaffold-expressing <em>Lactococcus lactis</em></h2>
 +
    <p style = "font-family:Quicksand; font-size:36px;">The bacteria <em>Lactococcus lactis</em> was engineered to express this scaffold that may harbour a wide range of enzymes.</p>
 +
  </div>
 +
</section>
  
−
<section class="Content Text Color-Pink" id="HomeIntrod">
+
<section class="module parallax parallax-3">
−
<img src="https://static.igem.org/mediawiki/2015/7/7e/2015Concordia_HomeIntestine.png" id="HomeIntro">
+
  <div class="container1">
−
<h2 class="HomeIntroH2" style="font-size:40px">Overview</h2>
+
    <h1 style = "font-size:62px">Diverse Applications</h1>
−
<p class="HomeIntroP" style="font-size:24px">Why we are engineering an extracellular scaffold on a bacterium.</p>
+
  </div>
 
</section>
 
</section>
  
−
<section class="Content Text Color-Green" id="HomeScaffolding">
+
<section class="module content">
−
<img src="https://static.igem.org/mediawiki/2015/3/37/2015Concordia_HomeLactis.png" id="HomeScaffold">
+
  <div class="container1">
−
<h2 class="HomeScaffoldH2"  style="font-size:40px">Scaffold</h2>
+
    <h2 style = "font-family:Quicksand; color:white font-size:54px">An endless variety of metabolic processes to carry out!</h2>
−
<p class="HomeScaffoldP" style="font-size:24px; color:#00344f">Why we are engineering an extracellular scaffold on a bacterium.</p>
+
    <p style = "font-family:Quicksand; font-size:36px;">Our <span style="color:#545454; font-size:40px">Scaffococcus</span> may be tailored to carry out various types of processes, such as breaking down food components that cause common food intolerances, or synthesizing complex industrial goods via synthetic multi-step processes.</p>
 +
  </div>
 
</section>
 
</section>
  
−
<section class="Content Text Color-LightBlue" id="HomeMilk">
+
<section class="module parallax parallax-4">
−
<img src="https://static.igem.org/mediawiki/2015/a/aa/2015Concordia_HomeMilk.png" id="HomeIntolerance">
+
  <div class="container1">
−
<h2 class="HomeIntoleranceH2" style="font-size:40px">Food Intolerances</h2>
+
    <h1 style = "font-size:62px">Want to Know More?</h1>
−
<p class="HomeIntoleranceP" style="font-size:24px">Why we are engineering an extracellular scaffold on a bacterium.</p>
+
  </div>
 
</section>
 
</section>
  
 +
<section class="module content">
 +
  <div class="container1">
 +
      <h2 style = "font-family:Quicksand; color:white font-size:54px">Introducing iGEM Concordia 2015!</h2>
 +
 +
<div><video poster="https://static.igem.org/mediawiki/2015/f/fb/Concordia_Video_cover.jpeg" controls>
 +
<source src="https://static.igem.org/mediawiki/2015/5/5d/Concordia_Video_3.mp4" type='video/mp4'/>
 +
<source src="https://static.igem.org/mediawiki/2015/4/43/Concordia_Video_2.webm" type='video/webm'/>
 +
</video></div>
 +
    <a href="https://2015.igem.org/Team:Concordia/Team">
 +
<img src="https://static.igem.org/mediawiki/2015/b/b2/Concordia_teambutton.jpeg" alt="Concordia Team" class="img-rounded" style="width:120px;height:120px; margin:10px;"> </a>
 +
 +
<a href="https://2015.igem.org/Team:Concordia/Description">
 +
<img src="https://static.igem.org/mediawiki/2015/0/01/Concordia_projectbutton.png" alt="Project" class="img-rounded" style="width:120px;height:120px; margin:10px;"> </a>
 +
 +
<a href="https://2015.igem.org/Team:Concordia/ResultsCloning">
 +
<img src="https://static.igem.org/mediawiki/2015/4/4c/Concordia_resultsbutton.png" alt="Results" class="img-rounded" style="width:120px;height:120px; margin:10px;"> </a>
 +
 +
<a href="https://2015.igem.org/Team:Concordia/Notebook">
 +
<img src="https://static.igem.org/mediawiki/2015/9/99/Concordia_wetlabbutton.jpeg" alt="Wet Lab" class="img-rounded" style="width:120px;height:120px; margin:10px;"> </a>
 +
 +
<a href="https://2015.igem.org/Team:Concordia/Parts">
 +
<img src="https://static.igem.org/mediawiki/2015/d/df/Concordia_partsbutton.jpeg" alt="Parts" class="img-rounded" style="width:120px;height:120px; margin:10px;"> </a>
 +
 +
<a href="https://2015.igem.org/Team:Concordia/Practices">
 +
<img src="https://static.igem.org/mediawiki/2015/0/02/Concordia_policiesbutton.jpeg" alt="Policies" class="img-rounded" style="width:120px;height:120px; margin:10px;"> </a>
 +
 +
   
 +
  </div>
 +
</section>
 +
</div>
 
  </div><!--</div>These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 
  </div><!--</div>These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 06:51, 21 November 2015

iGEM CONCORDIA 2015

A tool for Synthetic Biology

We endeavoured as a team to develop a protein scaffold that may be easily customized and used by synthetic biologists to perform various molecular processes.

Our Scaffold

Scaffococcus: Scaffold-expressing Lactococcus lactis

The bacteria Lactococcus lactis was engineered to express this scaffold that may harbour a wide range of enzymes.

Diverse Applications

An endless variety of metabolic processes to carry out!

Our Scaffococcus may be tailored to carry out various types of processes, such as breaking down food components that cause common food intolerances, or synthesizing complex industrial goods via synthetic multi-step processes.

Want to Know More?

Introducing iGEM Concordia 2015!

Concordia Team Project Results Wet Lab Parts Policies