Difference between revisions of "Team:Georgia State"

 
(186 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<html>
+
<html>
<style type="text/css">
+
.wrapper {
+
padding: 6em 0 4em 0;
+
}
+
  
.wrapper.style1 {
+
<head>
background: #fff;
+
    <meta charset="utf-8" />
color: #555f66;
+
    <title>IGEM Team:GSU</title>
}
+
    <meta name="description" content="" />
 +
    <meta name="keywords" content="" />
 +
    <meta name="author" content="nileforest">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
 +
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
  
.wrapper.style2 {
+
    <!-- Favicone Icon -->
background: #192024;
+
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
color: #c5c7c8;
+
    <link rel="icon" type="image/png" href="img/favicon.png">
}
+
    <link rel="apple-touch-icon" href="img/favicon.png">
  
.wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
+
    <!-- CSS -->
color: #ffffff;
+
    <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Georgia_State/CSS?action=raw&ctype=text/css" />
}
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Georgia_State/CSS1?action=raw&ctype=text/css" />
 +
</head>
  
.wrapper.style2 header p {
+
<body class="full-intro background--dark">
color: #a3a5a7;
+
}
+
  
.wrapper.style2 .button.alt {
+
    <!-- Preloader -->
box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);
+
    <section id="preloader">
color: #ffffff !important;
+
        <div class="loader" id="loader">
}
+
            <div class="loader-img"></div>
 +
        </div>
 +
    </section>
 +
    <!-- End Preloader -->
  
.wrapper.style2 .button.alt:hover {
+
    <!-- Site Wraper -->
background-color: rgba(144, 144, 144, 0.275);
+
    <div class="wrapper">
}
+
        <!-- HEADER -->
 +
        <header class="header">
 +
            <div class="container">
  
.wrapper.style2 .button.alt:active {
+
                <!-- logo -->
background-color: rgba(144, 144, 144, 0.4);
+
                <div class="logo">
}
+
                    <a href="https://2015.igem.org/Team:Georgia_State">
 +
                        <img style="margin-top: -10px;" class="l-black" src="https://static.igem.org/mediawiki/2015/a/a8/LogoBlack_GSUiGem.png" />
 +
                    </a>
 +
                </div>
 +
                <!--End logo-->
  
.wrapper.style2 .button.alt.icon:before {
+
               
color: #a3a5a7;
+
}
+
  
 +
<!-- Navigation Menu -->
 +
                <nav class="navigation singlepage-nav">
 +
                    <ul>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:Georgia_State/Team">Team</a>
 +
                        </li>
 +
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:Georgia_State/Project">Project</a>
 +
<ul>
 +
<li>
 +
  <a href="https://2015.igem.org/Team:Georgia_State/Project#Thing1">Mambalgin</a>
 +
</li>
 +
<li>
 +
  <a href="https://2015.igem.org/Team:Georgia_State/Project#Thing2">CBDA Synthase</a>
  
 +
</li>
 +
<li>
 +
  <a href="https://2015.igem.org/Team:Georgia_State/Parts">Parts Submitted</a>
  
/* Banner */
+
</li>
 +
<li>
 +
  <a href="https://2015.igem.org/Team:Georgia_State/Description">Part Improvement</a>
  
#banner {
+
</li>
background-color: #666666;
+
</ul>
background-image: url("../images/banner.jpg");
+
<li> <a href="https://2015.igem.org/Team:Georgia_State/Notebook">Notebook</a>
background-size: cover;
+
</li>
background-position: center center;
+
background-repeat: no-repeat;
+
color: #d8d8d8;
+
padding: 14em 0;
+
text-align: center;
+
position: relative;
+
}
+
  
#banner:before {
+
<li> <a href="https://2015.igem.org/Team:Georgia_State/Practices">Practices</a>
content: '';
+
<ul>
position: absolute;
+
<li>
left: 0;
+
<a href="https://2015.igem.org/Team:Georgia_State/Practices#Thing1">Atlanta Science Festival</a>
top: 0;
+
</li>
width: 100%;
+
height: 100%;
+
<li>
background: rgba(64, 72, 80, 0.25);
+
<a href="https://2015.igem.org/Team:Georgia_State/Practices#Thing2">Six Flags Education Day</a>
}
+
</li>
 +
 +
<li>
 +
<a href="https://2015.igem.org/Team:Georgia_State/Practices#Thing3">Legislative Outreach</a>
 +
</li>
 +
 +
<li>
 +
<a href="https://2015.igem.org/Team:Georgia_State/Practices#Thing4">Atlanta Botanical Gardens</a>
 +
</li>
 +
</ul>
 +
<li> <a href="https://2015.igem.org/Team:Georgia_State/Collaborations">Collaborations</a>
 +
<ul>
 +
<li>
 +
<a href="https://2015.igem.org/Team:Georgia_State/Collaborations#ASF">Atlanta Science Festival</a>
 +
</li>
 +
 +
<li>
 +
<a href="https://2015.igem.org/Team:Georgia_State/Collaborations#Thing2">Project JBroth</a>
 +
</li>
 +
</ul>
  
#banner .inner {
+
<li> <a href="https://2015.igem.org/Team:Georgia_State/Safety">Safety</a>
position: relative;
+
                        </li>
z-index: 1;
+
<li> <a href="https://2015.igem.org/Team:Georgia_State/Attributions">Attributions</a>
}
+
</li> 
 +
                        <li> <a href="https://2015.igem.org/Team:Georgia_State/ImageGallery">Images</a>
 +
                        </li>
 +
                   
 +
                     
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:Georgia_State#contact-info">Contact</a>
 +
                        </li>
  
#banner .inner :last-child {
+
                    </ul>
margin-bottom: 0;
+
                </nav>
}
+
<!--End Navigation Menu -->
  
#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
 
color: #ffffff;
 
}
 
  
#banner .button.alt {
 
box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);
 
color: #ffffff !important;
 
}
 
  
#banner .button.alt:hover {
+
            </div>
background-color: rgba(144, 144, 144, 0.275);
+
        </header>
}
+
        <!-- END HEADER -->
  
#banner .button.alt:active {
+
<!-- Intro Section -->
background-color: rgba(144, 144, 144, 0.4);
+
        <section id="intro" class="full-screen-intro bg-img29">
}
+
            <div class="media-wapper bg-img parallax parallax-section1 overlay-dark" style="top: 250px; background-image: url(https://static.igem.org/mediawiki/2015/9/9a/GSUiGEM_AtlantaSkyline.jpg);">
 +
                <canvas id="pollyfill-canvas"></canvas>
 +
            </div>
 +
            <div class="full-cap-wraper">
 +
                <div class="content-caption light-color">
 +
                    <div class="container">
 +
                        <br>
 +
                      <h2 class="h1">P<sup>4</sup>= Protein Products Pichia Plants</h2>
 +
                        <br>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
        <div class="clearfix"></div>
 +
        <!-- End Intro Section -->
  
#banner .button.alt.icon:before {
+
<!--About Section-->
color: #c1c1c1;
+
        <section id="about" class="wow fadeIn ptb ptb-sm-80" style="background-color: #0387A6;">
}
+
            <div class="container">
 +
                <div class="row text-center">
 +
                    <div class="col-md-12">
 +
                        <h3 class="h4" style="text-align: center;color: white;">Our Project</h3>
 +
                        <div class="spacer-15"></div>
 +
                        <p class="lead"  style="color: white;" ><b> Cannabinoids and opiates are widely used classes of pharmaceuticals; unfortunately, these drugs have strong psychoactive effects or can be addictive. Our project consists of two ideas, both revolving around utilizing bioengineered microorganisms to create non-psychoactive cannabinoids and non-addictive analgesics. To achieve this we developed two projects: (1) Manufacturing a protein expression system to produce CBDA synthase in tobacco plants using agrobacterium, (2) Engineering the pGAPα vector system to express the mambalgin in Pichia Pastoris as a continuation of the 2014 GSU iGEM project. Simultaneously, we developed a proof of concept using horseradish peroxidase. By the end of this project we hope to have produced a synthetic biological system to manufacture pharmaceutical alternatives for patients that suffer from diseases such as epilepsy, cancer, or chronic severe pain.</p>
 +
                    </div>
 +
                </div>
 +
                   
 +
            </div>
 +
        </section>
 +
        <!-- End About Section-->
 +
        <hr />
  
#banner .button {
+
       
min-width: 12em;
+
       
}
+
        <hr />
 +
 +
        <hr />
  
#banner h2 {
+
        <!-- Client Logos Section -->
font-size: 3.5em;
+
        <section id="client-logos" class="wow fadeIn ptb ptb-sm-80">
line-height: 1em;
+
            <div class="container text-center">
margin: 0 0 0.5em 0;
+
                <h3>Sponsors </h3>
padding: 0;
+
            </div>
}
+
            <div class="spacer-60"></div>
 +
            <div class="container">
 +
                <div class="owl-carousel client-carousel nf-carousel-theme ">
 +
                    <div class="item">
 +
                        <div class="client-logo">
 +
                            <img src="https://static.igem.org/mediawiki/2015/5/56/GSUiGEM_STEM_logo.PNG" alt="" />
 +
                        </div>
 +
                    </div>
 +
                    <div class="item">
 +
                        <div class="client-logo">
 +
                            <img src="https://static.igem.org/mediawiki/2015/8/8d/GSUiGEM_biologylogo.png" alt="" />
 +
                        </div>
 +
                    </div>
 +
                    <div class="item">
 +
                        <div class="client-logo">
 +
                            <img src="https://static.igem.org/mediawiki/2015/b/ba/Idt_logo2015.jpg" alt="" />
 +
                        </div>
 +
                    </div>
 +
                    <div class="item">
 +
                        <div class="client-logo">
 +
                            <img src="https://static.igem.org/mediawiki/2015/0/0d/EmoryLogoCSE_GSUiGEM.JPG" alt="" />
 +
                        </div>
 +
                    </div>
 +
                   
 +
                </div>
 +
            </div>
 +
        </section>
 +
        <!-- End Client Logos Section -->
  
#banner p {
+
<!-- Social Section -->
font-size: 1.5em;
+
        <section id="social" class="gray-bg ptb ptb-sm-80">
margin-bottom: 2em;
+
            <div class="container text-center">
}
+
                <div class="row">
 +
                    <div class="col-md-8 col-md-offset-2">
 +
                        <h3>Connect With Us</h3>
 +
                    </div>
 +
                </div>
 +
                <div class="spacer-60"></div>
 +
                <div class="row">
 +
                    <div class="col-md-8 col-md-offset-2">
 +
                        <div class="row">
 +
                            <div class="col-md-6 col-sm-4 col-xs-6">
 +
                                <div class="page-icon-top">
 +
    <a href="https://twitter.com/GSUiGEM">
 +
                     
 +
<img src="https://static.igem.org/mediawiki/2015/5/5f/GSUiGEM-2015Twitter.png">
 +
                        </div>
 +
                              <h6><a class="Link" target="_blank" href="https://twitter.com/GSUiGEM">Twitter</a></h6>
 +
                                </div>
 +
                               
 +
                         
 +
                            <div class="col-md-6 col-sm-4 col-xs-6">
 +
                                <div class="page-icon-top">
 +
<a href="https://www.facebook.com/GSUiGEM">
 +
<img src="https://static.igem.org/mediawiki/2015/9/95/GSUiGEM-fb.png">
 +
                                </div>
 +
                                <h6><a class="Link" target="_blank" href="https://www.facebook.com/GSUiGEM">Facebook</a></h6>
 +
                            </div>
 +
                           
 +
                        </div>
 +
    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
        <!-- End Social Section -->
  
#banner p a {
+
       
color: #ffffff;
+
text-decoration: none;
+
}
+
  
/* Footer */
+
        <hr />
  
#footer {
+
        <section id="contact-info" class="ptb ptb-sm-80">
background: #f8f8f8;
+
            <div class="container">
padding: 4em 0 6em 0;
+
                <div class="row">
}
+
                    <div class="col-md-4">
 +
                        <div class="contact-box-left">
 +
                            <div class="contact-icon-left">
 +
<img src="https://static.igem.org/mediawiki/2015/0/04/GSUiGEM-Location.png">
 +
</div>
 +
                            <h6>Address</h6>
 +
                            <p>
 +
                                iGEM Lab
 +
                                <br>
 +
                                24 Peachtree Center Ave SE,<br> Kell Hall 439<br>
 +
                                Atlanta, Georgia 30303
 +
                            </p>
  
#footer a {
+
                        </div>
color: inherit;
+
                    </div>
}
+
  
#footer .copyright {
+
                    <div class="col-md-4">
color: #bbb;
+
                        <div class="contact-box-left">
font-size: 0.9em;
+
                            <div class="contact-icon-left">
margin: 2em 0 0 0;
+
<img src="https://static.igem.org/mediawiki/2015/9/93/GSUiGEM-phone.png">
padding: 0;
+
</div>
text-align: center;
+
                            <h6>Call Us</h6>
}
+
                            <p>
 +
                                <span>We're all millennials. We don't like talking on the phone. <a href="https://twitter.com/GSUiGEM">Send us a Tweet!</a></span><br />
 +
                            </p>
 +
                        </div>
 +
                    </div>
  
#footer .copyright li {
+
                    <div class="col-md-4">
border-left: solid 1px rgba(144, 144, 144, 0.25);
+
                        <div class="contact-box-left">
display: inline-block;
+
                            <div class="contact-icon-left">
list-style: none;
+
<img src="https://static.igem.org/mediawiki/2015/d/d2/GSUiGEM-email.png">
margin-left: 1.5em;
+
</div>
padding-left: 1.5em;
+
                            <h6>Email</h6>
}
+
                            <p>
 +
                                <a href="mailto:mbrewer@gsu.edu">mbrewer@gsu.edu</a>
 +
                            </p>
 +
                        </div>
 +
                    </div>
  
#footer .copyright li:first-child {
+
                </div>
border-left: 0;
+
            </div>
margin-left: 0;
+
        </section>
padding-left: 0;
+
}
+
        <!-- END CONTENT ---------------------------------------------------------------------------->
  
#footer .icons a {
+
        <!-- FOOTER -->
color: #bbb;
+
        <footer class="footer pt-80">
}
+
  
            #content{
+
            <!-- Copyright Bar -->
                  width: 100%
+
            <section class="copyright pb-60">
              }
+
                <div class="container">
</style>
+
                    <p class="">
<head>
+
                        &copy; 2015 <a><b>GSU IGEM</b></a>. All Rights Reserved.
<title>SUPER COOLNESS</title>
+
                        <br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
                     
<meta name="description" content="" />
+
                    </p>
<meta name="keywords" content="" />
+
                </div>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
+
            </section>
<script src="js/jquery.min.js"></script>
+
            <!-- End Copyright Bar -->
<script src="js/skel.min.js"></script>
+
<script src="js/skel-layers.min.js"></script>
+
<script src="js/init.js"></script>
+
<noscript>
+
<link rel="stylesheet" href="css/skel.css" />
+
<link rel="stylesheet" href="css/style.css" />
+
<link rel="stylesheet" href="css/style-xlarge.css" />
+
</noscript>
+
</head>
+
<body id="top">
+
  
<!-- Header -->
+
        </footer>
<header id="header" class="skel-layers-fixed">
+
        <!-- END FOOTER -->
<h1>
+
<img src="images/oldimg.jpg" alt="" style="height: 100px;" /></h1>
+
<nav id="nav">
+
<ul>
+
<li><a href="index.html">Login bar</a></li>
+
</ul>
+
</nav>
+
</header>
+
  
<!-- Banner -->
+
        <!-- Scroll Top -->
<section id="banner">
+
        <a class="scroll-top">
<div class="inner">
+
<img src="https://static.igem.org/mediawiki/2015/8/84/GSUiGEM-uparrow.png" alt="" />
<h2>This is Ion</h2>
+
        </a>
<p>A free responsive template by <a href="http://templated.co">TEMPLATED</a></p>
+
        <!-- End Scroll Top -->
<ul class="actions">
+
<li><a href="#elements" class="button big alt">Learn More</a></li>
+
</ul>
+
</div>
+
</section>
+
  
<!-- One -->
+
    </div>
<section id="one" class="wrapper style1">
+
    <!-- Site Wraper End -->
<header class="major">
+
 
<h2>Ipsum feugiat consequat</h2>
+
</body>
<p>Tempus adipiscing commodo ut aliquam blandit</p>
+
 
</header>
+
 
<div class="container">
+
    <!-- JS -->  
<div class="row">
+
<div class="4u">
+
<section class="special box">
+
<i class="icon fa-area-chart major"></i>
+
<h3>Justo placerat</h3>
+
<p>Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.</p>
+
</section>
+
</div>
+
<div class="4u">
+
<section class="special box">
+
<i class="icon fa-refresh major"></i>
+
<h3>Blandit quis curae</h3>
+
<p>Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.</p>
+
</section>
+
</div>
+
<div class="4u">
+
<section class="special box">
+
<i class="icon fa-cog major"></i>
+
<h3>Amet sed accumsan</h3>
+
<p>Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.</p>
+
</section>
+
</div>
+
</div>
+
</div>
+
</section>
+
+
<!-- Two -->
+
<section id="two" class="wrapper style2">
+
<header class="major">
+
<h2>Commodo accumsan aliquam</h2>
+
<p>Amet nisi nunc lorem accumsan</p>
+
</header>
+
<div class="container">
+
<div class="row">
+
<div class="6u">
+
<section class="special">
+
<a href="#" class="image fit"><img src="images/pic01.jpg" alt="" /></a>
+
<h3>Mollis adipiscing nisl</h3>
+
<p>Eget mi ac magna cep lobortis faucibus accumsan enim lacinia adipiscing metus urna adipiscing cep commodo id. Ac quis arcu amet. Arcu nascetur lorem adipiscing non faucibus odio nullam arcu lobortis. Aliquet ante feugiat. Turpis aliquet ac posuere volutpat lorem arcu aliquam lorem.</p>
+
<ul class="actions">
+
<li><a href="#" class="button alt">Learn More</a></li>
+
</ul>
+
</section>
+
</div>
+
<div class="6u">
+
<section class="special">
+
<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
+
<h3>Neque ornare adipiscing</h3>
+
<p>Eget mi ac magna cep lobortis faucibus accumsan enim lacinia adipiscing metus urna adipiscing cep commodo id. Ac quis arcu amet. Arcu nascetur lorem adipiscing non faucibus odio nullam arcu lobortis. Aliquet ante feugiat. Turpis aliquet ac posuere volutpat lorem arcu aliquam lorem.</p>
+
<ul class="actions">
+
<li><a href="#" class="button alt">Learn More</a></li>
+
</ul>
+
</section>
+
</div>
+
</div>
+
</div>
+
</section>
+
<!-- Footer -->
+
<footer id="footer">
+
<div class="container">
+
<div class="row double">
+
<div class="6u">
+
<div class="row collapse-at-2">
+
<div class="6u">
+
<h3>Accumsan</h3>
+
<ul class="alt">
+
<li><a href="#">Home</a></li>
+
<li><a href="#">Team</a></li>
+
<li><a href="#">Project</a></li>
+
<li><a href="#">Lab Notebook</a></li>
+
<li><a href="#">Human Practices</a></li>
+
</ul>
+
</div>
+
<div class="6u">
+
<h3>Faucibus</h3>
+
<ul class="alt">
+
<li><a href="#">Safety</a></li>
+
<li><a href="#">Outreach</a></li>
+
<li><a href="#">Collaborations</a></li>
+
<li><a href="#">Social Media</a></li>
+
<li><a href="#">Image Gallery</a></li>
+
</ul>
+
</div>
+
</div>
+
</div>
+
<div class="6u">
+
<h2>Aliquam Interdum</h2>
+
<p>Blandit nunc tempor lobortis nunc non. Mi accumsan. Justo aliquet massa adipiscing cubilia eu accumsan id. Arcu accumsan faucibus vis ultricies adipiscing ornare ut. Mi accumsan justo aliquet.</p>
+
<ul class="icons">
+
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
+
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
+
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
+
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
+
<li><a href="#" class="icon fa-pinterest"><span class="label">Pinterest</span></a></li>
+
</ul>
+
</div>
+
</div>
+
<ul class="copyright">
+
<li>&copy; Untitled. All rights reserved.</li>
+
<li>Design: <a href="http://templated.co">Sur Consulting Group</a></li>
+
<li>Images: <a href="http://unsplash.com">Unsplash</a></li>
+
</ul>
+
</div>
+
</footer>
+
  
</body>
+
<script type="text/javascript" src="https://2015.igem.org/Template:Georgia_State/Javascript?
 +
action=raw&ctype=text/javascript"></script>
  
 +
 
 +
 
</html>
 
</html>

Latest revision as of 17:50, 8 November 2015

IGEM Team:GSU


P4= Protein Products Pichia Plants


Our Project

Cannabinoids and opiates are widely used classes of pharmaceuticals; unfortunately, these drugs have strong psychoactive effects or can be addictive. Our project consists of two ideas, both revolving around utilizing bioengineered microorganisms to create non-psychoactive cannabinoids and non-addictive analgesics. To achieve this we developed two projects: (1) Manufacturing a protein expression system to produce CBDA synthase in tobacco plants using agrobacterium, (2) Engineering the pGAPα vector system to express the mambalgin in Pichia Pastoris as a continuation of the 2014 GSU iGEM project. Simultaneously, we developed a proof of concept using horseradish peroxidase. By the end of this project we hope to have produced a synthetic biological system to manufacture pharmaceutical alternatives for patients that suffer from diseases such as epilepsy, cancer, or chronic severe pain.




Sponsors

Connect With Us


Address

iGEM Lab
24 Peachtree Center Ave SE,
Kell Hall 439
Atlanta, Georgia 30303

Call Us

We're all millennials. We don't like talking on the phone. Send us a Tweet!