Difference between revisions of "Team:Lethbridge"

m
Line 13: Line 13:
 
        
 
        
 
/* Visible Content Styling Begins Here */
 
/* Visible Content Styling Begins Here */
−
      body {
+
    body {
−
        background-color: #FFFFFF;
+
         margin: 0;
−
        }
+
         padding: 0;
−
 
+
    }
−
      h5 {
+
−
         font-size: 16px;
+
−
        }
+
−
 
+
−
        .projectDesc {
+
−
            width: 50%;
+
−
            margin: 0 auto;
+
−
            text-align:center;
+
−
         }
+
−
       
+
−
        .gfm {
+
−
            width: 50%;
+
−
            margin: 0 auto;
+
−
            text-align:center;
+
−
        }
+
−
 
+
−
        div.partsComp {
+
−
            padding: 10px;
+
−
            width: 50%;
+
−
            margin: 0 auto;
+
−
            color: #000000;
+
−
        }
+
−
       
+
−
        .partsCompNumber {
+
−
            animation: blinker 1s infinite alternate;
+
−
        }
+
 
      
 
      
−
         @keyframes blinker {
+
    .center {
−
            50% {text-shadow: 0 0 10px #A81D1B;}
+
         display: block;
−
         }
+
        margin: auto;
−
     </style>
+
    }
−
</head>
+
   
 +
    .fit {
 +
        max-height: 100%;
 +
        max-width: 100%;
 +
    }
 +
   
 +
    .centerContainer {
 +
        margin-left: 5%;
 +
        margin-right: 5%;
 +
        text-align: center;
 +
         font-family: "Arial";
 +
        font-size: 16pt;
 +
    }
 +
      
 +
    .textTitle {
 +
        font-size: 18pt;
 +
        font-style: oblique;
 +
    }
 +
   
 +
   
 +
    #mainDescription {}
 +
    #mainDesign {}
 +
    #mainDemonstrate {}
 +
</style>
  
 
<body>
 
<body>
−
     <div class="projectDesc">
+
<img src="https://static.igem.org/mediawiki/2017/a/ad/Uleth_banner.png" class="center fit">
−
         <img src="https://static.igem.org/mediawiki/2017/3/32/Uleth_logo_medium.png" alt="Next Vivo" />
+
     <div id="mainDescription">
−
<br>
+
        <div class="centerContainer">
−
<br>
+
         <p class="textTitle">Description</p>
−
         <h2 style="color:black;">Project Description:</h2>
+
            <p>Lorem ipsum dolor sit amet, nec nam rutrum tincidunt dolor venenatis sed, justo sit tempus vestibulum, ligula sit nibh augue. Morbi nulla, placerat turpis lectus rutrum ante a facilisi, suspendisse rhoncus integer sit quis, nam nunc velit commodo eu consequat at. Donec eget nunc orci id, pede commodo placerat. Praesent lacus, quisque metus sem. Rutrum lacus feugiat, dis dui, at malesuada leo in nisl. Ut laoreet integer nibh duis, fermentum ut ut metus id, curabitur semper amet faucibus. Non tempus odio fermentum, a vitae praesent. At at eros porta, mauris purus eget felis nullam, aliquet turpis nonummy velit justo. In dictum, venenatis iaculis, porttitor mauris nec, mauris eu aliquam amet elit, in pede vel.</p>
−
        <h5 style="color:black;">Our goal this season is to create modular, easily attainable, and cost-effective cell-free transcription and translation systems to make synthetic biology accessible to not only scientists and other iGEM teams, but also to the masses including educators. <i>Ex vivo</i> systems are ideal for a variety of applications because they are easily contained, non-proliferating, non-toxic, and allow for the precise control of molecular interactions. Such systems can be lyophilized for use in paper-based applications or encapsulated in lipid vesicles (liposomes), providing advantages over bulk solution by minimizing issues with diffusion. With increased modularity, predictability and freedom of design, these modular cell-free expression units have been explored for use in bioremediation, prototyping, directed evolution of proteins, design of a synthetic minimal cell, and biosensor development. These studies have shown great potential in cell-free expression systems but continued advancements and innovations are required for the widespread use of these devices. The creation of this system can be tailored to specific reactions by removal of unnecessary components depending on the designed construct.</h5>
+
        </div>
 +
    </div>
 +
<img src="https://static.igem.org/mediawiki/2017/5/58/Main_gold_banner.png" class="center fit">
 +
    <div id="mainDesign">
 +
        <div class="centerContainer">
 +
         <p class="textTitle">Design</p>
 +
            <p>Lorem ipsum dolor sit amet, nec nam rutrum tincidunt dolor venenatis sed, justo sit tempus vestibulum, ligula sit nibh augue. Morbi nulla, placerat turpis lectus rutrum ante a facilisi, suspendisse rhoncus integer sit quis, nam nunc velit commodo eu consequat at. Donec eget nunc orci id, pede commodo placerat. Praesent lacus, quisque metus sem. Rutrum lacus feugiat, dis dui, at malesuada leo in nisl. Ut laoreet integer nibh duis, fermentum ut ut metus id, curabitur semper amet faucibus. Non tempus odio fermentum, a vitae praesent. At at eros porta, mauris purus eget felis nullam, aliquet turpis nonummy velit justo. In dictum, venenatis iaculis, porttitor mauris nec, mauris eu aliquam amet elit, in pede vel.</p>
 +
        </div>
 
     </div>
 
     </div>
−
<div class="gfm"><h5><a href="https://www.gofundme.com/university-of-lethbridge-igem">GoFundMe</a></h5></div>
 
 
      
 
      
−
     <div class="partsComp">
+
<img src="https://static.igem.org/mediawiki/2017/d/db/Main_navy_banner.png" class="center fit">
−
         <p style="font-family:Orbitron; font-size: 200%; text-align: center;">Parts Completed: <br><span class="partsCompNumber">3</span></p>
+
     <div id="mainDemonstrate">
 +
         <div class="centerContainer">
 +
        <p class="textTitle">Demonstrate</p>
 +
            <p>Lorem ipsum dolor sit amet, nec nam rutrum tincidunt dolor venenatis sed, justo sit tempus vestibulum, ligula sit nibh augue. Morbi nulla, placerat turpis lectus rutrum ante a facilisi, suspendisse rhoncus integer sit quis, nam nunc velit commodo eu consequat at. Donec eget nunc orci id, pede commodo placerat. Praesent lacus, quisque metus sem. Rutrum lacus feugiat, dis dui, at malesuada leo in nisl. Ut laoreet integer nibh duis, fermentum ut ut metus id, curabitur semper amet faucibus. Non tempus odio fermentum, a vitae praesent. At at eros porta, mauris purus eget felis nullam, aliquet turpis nonummy velit justo. In dictum, venenatis iaculis, porttitor mauris nec, mauris eu aliquam amet elit, in pede vel.</p>
 +
        </div>
 
     </div>
 
     </div>
 +
<img src="images/temp_footer_%20banner.png" class="center fit">
 
</body>
 
</body>
−
</html>
 

Revision as of 00:23, 30 September 2017

Description

Lorem ipsum dolor sit amet, nec nam rutrum tincidunt dolor venenatis sed, justo sit tempus vestibulum, ligula sit nibh augue. Morbi nulla, placerat turpis lectus rutrum ante a facilisi, suspendisse rhoncus integer sit quis, nam nunc velit commodo eu consequat at. Donec eget nunc orci id, pede commodo placerat. Praesent lacus, quisque metus sem. Rutrum lacus feugiat, dis dui, at malesuada leo in nisl. Ut laoreet integer nibh duis, fermentum ut ut metus id, curabitur semper amet faucibus. Non tempus odio fermentum, a vitae praesent. At at eros porta, mauris purus eget felis nullam, aliquet turpis nonummy velit justo. In dictum, venenatis iaculis, porttitor mauris nec, mauris eu aliquam amet elit, in pede vel.

Design

Lorem ipsum dolor sit amet, nec nam rutrum tincidunt dolor venenatis sed, justo sit tempus vestibulum, ligula sit nibh augue. Morbi nulla, placerat turpis lectus rutrum ante a facilisi, suspendisse rhoncus integer sit quis, nam nunc velit commodo eu consequat at. Donec eget nunc orci id, pede commodo placerat. Praesent lacus, quisque metus sem. Rutrum lacus feugiat, dis dui, at malesuada leo in nisl. Ut laoreet integer nibh duis, fermentum ut ut metus id, curabitur semper amet faucibus. Non tempus odio fermentum, a vitae praesent. At at eros porta, mauris purus eget felis nullam, aliquet turpis nonummy velit justo. In dictum, venenatis iaculis, porttitor mauris nec, mauris eu aliquam amet elit, in pede vel.

Demonstrate

Lorem ipsum dolor sit amet, nec nam rutrum tincidunt dolor venenatis sed, justo sit tempus vestibulum, ligula sit nibh augue. Morbi nulla, placerat turpis lectus rutrum ante a facilisi, suspendisse rhoncus integer sit quis, nam nunc velit commodo eu consequat at. Donec eget nunc orci id, pede commodo placerat. Praesent lacus, quisque metus sem. Rutrum lacus feugiat, dis dui, at malesuada leo in nisl. Ut laoreet integer nibh duis, fermentum ut ut metus id, curabitur semper amet faucibus. Non tempus odio fermentum, a vitae praesent. At at eros porta, mauris purus eget felis nullam, aliquet turpis nonummy velit justo. In dictum, venenatis iaculis, porttitor mauris nec, mauris eu aliquam amet elit, in pede vel.