Difference between revisions of "Team:Georgia State"

 
(192 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
<html>
  
−
<html>
+
<head>
−
<style type="text/css">
+
    <meta charset="utf-8" />
−
@charset "UTF-8";
+
    <title>IGEM Team:GSU</title>
−
@import url(font-awesome.min.css);
+
    <meta name="description" content="" />
−
@import url("http://fonts.googleapis.com/css?family=Roboto:500,300");
+
    <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]-->
  
−
/* Basic */
+
    <!-- Favicone Icon -->
 +
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
 +
    <link rel="icon" type="image/png" href="img/favicon.png">
 +
    <link rel="apple-touch-icon" href="img/favicon.png">
  
−
body {
+
    <!-- CSS -->
−
background: #fff;
+
    <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>
  
−
body, input, select, textarea {
+
<body class="full-intro background--dark">
−
color: #555f66;
+
−
font-family: "Roboto", Helvetica, sans-serif;
+
−
font-size: 14pt;
+
−
font-weight: 300;
+
−
line-height: 1.75em;
+
−
}
+
  
−
a {
+
    <!-- Preloader -->
−
color: #629DD1;
+
    <section id="preloader">
−
text-decoration: underline;
+
        <div class="loader" id="loader">
−
}
+
            <div class="loader-img"></div>
 +
        </div>
 +
    </section>
 +
    <!-- End Preloader -->
  
−
a:hover {
+
    <!-- Site Wraper -->
−
text-decoration: none;
+
    <div class="wrapper">
−
}
+
        <!-- HEADER -->
 +
        <header class="header">
 +
            <div class="container">
  
−
strong, b {
+
                <!-- logo -->
−
color: #666f77;
+
                <div class="logo">
−
font-weight: 500;
+
                    <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-->
  
−
em, i {
+
               
−
font-style: italic;
+
−
}
+
  
−
p {
+
<!-- Navigation Menu -->
−
margin: 0 0 2em 0;
+
                <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>
  
−
h1, h2, h3, h4, h5, h6 {
+
</li>
−
color: #666f77;
+
<li>
−
font-weight: 300;
+
  <a href="https://2015.igem.org/Team:Georgia_State/Parts">Parts Submitted</a>
−
line-height: 1em;
+
−
margin: 0 0 1em 0;
+
−
text-transform: uppercase;
+
−
letter-spacing: 0.125em;
+
−
}
+
  
−
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+
</li>
−
color: inherit;
+
<li>
−
text-decoration: none;
+
  <a href="https://2015.igem.org/Team:Georgia_State/Description">Part Improvement</a>
−
}
+
  
−
h2 {
+
</li>
−
font-size: 1.5em;
+
</ul>
−
line-height: 1.5em;
+
<li> <a href="https://2015.igem.org/Team:Georgia_State/Notebook">Notebook</a>
−
}
+
</li>
  
−
h3 {
+
<li> <a href="https://2015.igem.org/Team:Georgia_State/Practices">Practices</a>
−
font-size: 1.25em;
+
<ul>
−
line-height: 1.5em;
+
<li>
−
}
+
<a href="https://2015.igem.org/Team:Georgia_State/Practices#Thing1">Atlanta Science Festival</a>
 +
</li>
 +
 +
<li>
 +
<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>
  
−
h4 {
+
<li> <a href="https://2015.igem.org/Team:Georgia_State/Safety">Safety</a>
−
font-size: 1em;
+
                        </li>
−
line-height: 1.5em;
+
<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>
  
−
h5 {
+
                    </ul>
−
font-size: 0.9em;
+
                </nav>
−
line-height: 1.5em;
+
<!--End Navigation Menu -->
−
}
+
  
−
h6 {
 
−
font-size: 0.7em;
 
−
line-height: 1.5em;
 
−
}
 
  
−
sub {
 
−
font-size: 0.8em;
 
−
position: relative;
 
−
top: 0.5em;
 
−
}
 
  
−
sup {
+
            </div>
−
font-size: 0.8em;
+
        </header>
−
position: relative;
+
        <!-- END HEADER -->
−
top: -0.5em;
+
−
}
+
  
−
hr {
+
<!-- Intro Section -->
−
border: 0;
+
        <section id="intro" class="full-screen-intro bg-img29">
−
border-bottom: solid 1px rgba(144, 144, 144, 0.25);
+
            <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);">
−
margin: 3em 0;
+
                <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 -->
  
−
hr.major {
+
<!--About Section-->
−
margin: 2em 0 5em 0;
+
        <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 />
  
−
blockquote {
+
       
−
border-left: solid 4px rgba(144, 144, 144, 0.25);
+
       
−
font-style: italic;
+
        <hr />
−
margin: 0 0 2em 0;
+
−
padding: 0.5em 0 0.5em 2em;
+
        <hr />
−
}
+
  
−
code {
+
        <!-- Client Logos Section -->
−
background: rgba(144, 144, 144, 0.075);
+
        <section id="client-logos" class="wow fadeIn ptb ptb-sm-80">
−
border-radius: 6px;
+
            <div class="container text-center">
−
border: solid 1px rgba(144, 144, 144, 0.25);
+
                <h3>Sponsors </h3>
−
font-family: "Courier New", monospace;
+
            </div>
−
font-size: 0.9em;
+
            <div class="spacer-60"></div>
−
margin: 0 0.25em;
+
            <div class="container">
−
padding: 0.25em 0.65em;
+
                <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 -->
  
−
pre {
+
<!-- Social Section -->
−
-webkit-overflow-scrolling: touch;
+
        <section id="social" class="gray-bg ptb ptb-sm-80">
−
font-family: "Courier New", monospace;
+
            <div class="container text-center">
−
font-size: 0.9em;
+
                <div class="row">
−
margin: 0 0 2em 0;
+
                    <div class="col-md-8 col-md-offset-2">
−
overflow-x: auto;
+
                        <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 -->
  
−
pre code {
+
       
−
display: block;
+
−
line-height: 1.75em;
+
−
padding: 1em 1.5em;
+
−
}
+
  
−
.align-left {
+
        <hr />
−
text-align: left;
+
−
}
+
  
−
.align-center {
+
        <section id="contact-info" class="ptb ptb-sm-80">
−
text-align: center;
+
            <div class="container">
−
}
+
                <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>
  
−
.align-right {
+
                        </div>
−
text-align: right;
+
                    </div>
−
}
+
  
−
/* Section/Article */
+
                    <div class="col-md-4">
 +
                        <div class="contact-box-left">
 +
                            <div class="contact-icon-left">
 +
<img src="https://static.igem.org/mediawiki/2015/9/93/GSUiGEM-phone.png">
 +
</div>
 +
                            <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>
  
−
section.special, article.special {
+
                    <div class="col-md-4">
−
text-align: center;
+
                        <div class="contact-box-left">
−
}
+
                            <div class="contact-icon-left">
 +
<img src="https://static.igem.org/mediawiki/2015/d/d2/GSUiGEM-email.png">
 +
</div>
 +
                            <h6>Email</h6>
 +
                            <p>
 +
                                <a href="mailto:mbrewer@gsu.edu">mbrewer@gsu.edu</a>
 +
                            </p>
 +
                        </div>
 +
                    </div>
  
−
header p {
+
                </div>
−
color: #bbb;
+
            </div>
−
position: relative;
+
        </section>
−
margin: 0 0 1.5em 0;
+
−
}
+
        <!-- END CONTENT ---------------------------------------------------------------------------->
  
−
header h2 + p {
+
        <!-- FOOTER -->
−
font-size: 1.25em;
+
        <footer class="footer pt-80">
−
margin-top: -1em;
+
−
line-height: 1.5em;
+
−
}
+
  
−
header h3 + p {
+
            <!-- Copyright Bar -->
−
font-size: 1.1em;
+
            <section class="copyright pb-60">
−
margin-top: -0.85em;
+
                <div class="container">
−
line-height: 1.5em;
+
                    <p class="">
−
}
+
                        &copy; 2015 <a><b>GSU IGEM</b></a>. All Rights Reserved.
 +
                        <br />
 +
                     
 +
                    </p>
 +
                </div>
 +
            </section>
 +
            <!-- End Copyright Bar -->
  
−
header h4 + p,
+
        </footer>
−
header h5 + p,
+
        <!-- END FOOTER -->
−
header h6 + p {
+
−
font-size: 0.9em;
+
−
margin-top: -0.75em;
+
−
line-height: 1.5em;
+
−
}
+
  
−
header.major {
+
        <!-- Scroll Top -->
−
text-align: center;
+
        <a class="scroll-top">
−
margin: 0 0 4em 0;
+
<img src="https://static.igem.org/mediawiki/2015/8/84/GSUiGEM-uparrow.png" alt="" />
−
}
+
        </a>
 +
        <!-- End Scroll Top -->
  
−
header.major h2 {
+
    </div>
−
font-size: 2em;
+
    <!-- Site Wraper End -->
−
}
+
  
−
header.major h2 + p {
+
</body>
−
font-size: 1.5em;
+
−
margin: -1em 0 2em 0;
+
−
}
+
  
−
/* Form */
 
  
−
form {
+
    <!-- JS -->  
−
margin: 0 0 2em 0;
+
−
}
+
−
 
+
−
label {
+
−
color: #666f77;
+
−
display: block;
+
−
font-size: 0.9em;
+
−
font-weight: 500;
+
−
margin: 0 0 1em 0;
+
−
}
+
−
 
+
−
input[type="text"],
+
−
input[type="password"],
+
−
input[type="email"],
+
−
select,
+
−
textarea {
+
−
-moz-appearance: none;
+
−
-webkit-appearance: none;
+
−
-o-appearance: none;
+
−
-ms-appearance: none;
+
−
appearance: none;
+
−
background: rgba(144, 144, 144, 0.075);
+
−
border-radius: 6px;
+
−
border: none;
+
−
border: solid 1px rgba(144, 144, 144, 0.25);
+
−
color: inherit;
+
−
display: block;
+
−
outline: 0;
+
−
padding: 0 1em;
+
−
text-decoration: none;
+
−
width: 100%;
+
−
}
+
−
 
+
−
input[type="text"]:invalid,
+
−
input[type="password"]:invalid,
+
−
input[type="email"]:invalid,
+
−
select:invalid,
+
−
textarea:invalid {
+
−
box-shadow: none;
+
−
}
+
−
 
+
−
input[type="text"]:focus,
+
−
input[type="password"]:focus,
+
−
input[type="email"]:focus,
+
−
select:focus,
+
−
textarea:focus {
+
−
border-color: #629DD1;
+
−
box-shadow: 0 0 0 1px #629DD1;
+
−
}
+
−
 
+
−
.select-wrapper {
+
−
text-decoration: none;
+
−
display: block;
+
−
position: relative;
+
−
}
+
−
 
+
−
.select-wrapper:before {
+
−
content: "";
+
−
-moz-osx-font-smoothing: grayscale;
+
−
-webkit-font-smoothing: antialiased;
+
−
font-family: FontAwesome;
+
−
font-style: normal;
+
−
font-weight: normal;
+
−
text-transform: none !important;
+
−
}
+
−
 
+
−
.select-wrapper:before {
+
−
color: rgba(144, 144, 144, 0.25);
+
−
display: block;
+
−
height: 2.75em;
+
−
line-height: 2.75em;
+
−
pointer-events: none;
+
−
position: absolute;
+
−
right: 0;
+
−
text-align: center;
+
−
top: 0;
+
−
width: 2.75em;
+
−
}
+
−
 
+
−
.select-wrapper select::-ms-expand {
+
−
display: none;
+
−
}
+
−
 
+
−
input[type="text"],
+
−
input[type="password"],
+
−
input[type="email"],
+
−
select {
+
−
height: 2.75em;
+
−
}
+
−
 
+
−
textarea {
+
−
padding: 0.75em 1em;
+
−
}
+
−
 
+
−
input[type="checkbox"],
+
−
input[type="radio"] {
+
−
-moz-appearance: none;
+
−
-webkit-appearance: none;
+
−
-o-appearance: none;
+
−
-ms-appearance: none;
+
−
appearance: none;
+
−
display: block;
+
−
float: left;
+
−
margin-right: -2em;
+
−
opacity: 0;
+
−
width: 1em;
+
−
z-index: -1;
+
−
}
+
−
 
+
−
input[type="checkbox"] + label,
+
−
input[type="radio"] + label {
+
−
text-decoration: none;
+
−
color: #555f66;
+
−
cursor: pointer;
+
−
display: inline-block;
+
−
font-size: 1em;
+
−
font-weight: 300;
+
−
padding-left: 2.4em;
+
−
padding-right: 0.75em;
+
−
position: relative;
+
−
}
+
−
 
+
−
input[type="checkbox"] + label:before,
+
−
input[type="radio"] + label:before {
+
−
-moz-osx-font-smoothing: grayscale;
+
−
-webkit-font-smoothing: antialiased;
+
−
font-family: FontAwesome;
+
−
font-style: normal;
+
−
font-weight: normal;
+
−
text-transform: none !important;
+
−
}
+
−
 
+
−
input[type="checkbox"] + label:before,
+
−
input[type="radio"] + label:before {
+
−
background: rgba(144, 144, 144, 0.075);
+
−
border-radius: 6px;
+
−
border: solid 1px rgba(144, 144, 144, 0.25);
+
−
content: '';
+
−
display: inline-block;
+
−
height: 1.65em;
+
−
left: 0;
+
−
line-height: 1.58125em;
+
−
position: absolute;
+
−
text-align: center;
+
−
top: 0;
+
−
width: 1.65em;
+
−
}
+
−
 
+
−
input[type="checkbox"]:checked + label:before,
+
−
input[type="radio"]:checked + label:before {
+
−
background: #192024;
+
−
border-color: #192024;
+
−
color: #ffffff;
+
−
content: '\f00c';
+
−
}
+
−
 
+
−
input[type="checkbox"]:focus + label:before,
+
−
input[type="radio"]:focus + label:before {
+
−
border-color: #629DD1;
+
−
box-shadow: 0 0 0 1px #629DD1;
+
−
}
+
−
 
+
−
input[type="checkbox"] + label:before {
+
−
border-radius: 6px;
+
−
}
+
−
 
+
−
input[type="radio"] + label:before {
+
−
border-radius: 100%;
+
−
}
+
−
 
+
−
::-webkit-input-placeholder {
+
−
color: #bbb !important;
+
−
opacity: 1.0;
+
−
}
+
−
 
+
−
:-moz-placeholder {
+
−
color: #bbb !important;
+
−
opacity: 1.0;
+
−
}
+
−
 
+
−
::-moz-placeholder {
+
−
color: #bbb !important;
+
−
opacity: 1.0;
+
−
}
+
−
 
+
−
:-ms-input-placeholder {
+
−
color: #bbb !important;
+
−
opacity: 1.0;
+
−
}
+
−
 
+
−
.formerize-placeholder {
+
−
color: #bbb !important;
+
−
opacity: 1.0;
+
−
}
+
−
 
+
−
/* Box */
+
−
 
+
−
.box {
+
−
border-radius: 6px;
+
−
border: solid 1px rgba(144, 144, 144, 0.25);
+
−
margin-bottom: 2em;
+
−
padding: 3em 2em;
+
−
}
+
−
 
+
−
.box > :last-child,
+
−
.box > :last-child > :last-child,
+
−
.box > :last-child > :last-child > :last-child {
+
−
margin-bottom: 0;
+
−
}
+
−
 
+
−
.box.alt {
+
−
border: 0;
+
−
border-radius: 0;
+
−
padding: 0;
+
−
}
+
−
 
+
−
/* Icon */
+
−
 
+
−
.icon {
+
−
text-decoration: none;
+
−
border-bottom: none;
+
−
position: relative;
+
−
}
+
−
 
+
−
.icon:before {
+
−
-moz-osx-font-smoothing: grayscale;
+
−
-webkit-font-smoothing: antialiased;
+
−
font-family: FontAwesome;
+
−
font-style: normal;
+
−
font-weight: normal;
+
−
text-transform: none !important;
+
−
}
+
−
 
+
−
.icon > .label {
+
−
display: none;
+
−
}
+
−
 
+
−
.icon.major {
+
−
display: inline-block;
+
−
margin: 0 0 1.25em 0;
+
−
color: #ffffff;
+
−
background: #629DD1;
+
−
width: 3em;
+
−
height: 3em;
+
−
font-size: 2em;
+
−
text-align: center;
+
−
line-height: 3em;
+
−
border-radius: 100%;
+
−
box-shadow: 0 0 0 10px #fff, 0 0 0 11px rgba(144, 144, 144, 0.25);
+
−
}
+
−
 
+
−
/* Image */
+
−
 
+
−
.image {
+
−
border-radius: 6px;
+
−
border: 0;
+
−
display: inline-block;
+
−
position: relative;
+
−
}
+
−
 
+
−
.image img {
+
−
border-radius: 6px;
+
−
display: block;
+
−
}
+
−
 
+
−
.image.left {
+
−
float: left;
+
−
padding: 0 1.5em 1em 0;
+
−
top: 0.25em;
+
−
}
+
−
 
+
−
.image.right {
+
−
float: right;
+
−
padding: 0 0 1em 1.5em;
+
−
top: 0.25em;
+
−
}
+
−
 
+
−
.image.fit {
+
−
display: block;
+
−
margin: 0 0 2em 0;
+
−
width: 100%;
+
−
}
+
−
 
+
−
.image.fit img {
+
−
display: block;
+
−
width: 100%;
+
−
}
+
−
 
+
−
/* List */
+
−
 
+
−
ol {
+
−
list-style: decimal;
+
−
margin: 0 0 2em 0;
+
−
padding-left: 1.25em;
+
−
}
+
−
 
+
−
ol li {
+
−
padding-left: 0.25em;
+
−
}
+
−
 
+
−
ul {
+
−
list-style: disc;
+
−
margin: 0 0 2em 0;
+
−
padding-left: 1em;
+
−
}
+
−
 
+
−
ul li {
+
−
padding-left: 0.5em;
+
−
}
+
−
 
+
−
ul.alt {
+
−
list-style: none;
+
−
padding-left: 0;
+
−
}
+
−
 
+
−
ul.alt li {
+
−
border-top: solid 1px rgba(144, 144, 144, 0.25);
+
−
padding: 0.5em 0;
+
−
}
+
−
 
+
−
ul.alt li:first-child {
+
−
border-top: 0;
+
−
padding-top: 0;
+
−
}
+
−
 
+
−
ul.icons {
+
−
cursor: default;
+
−
list-style: none;
+
−
padding-left: 0;
+
−
}
+
−
 
+
−
ul.icons li {
+
−
display: inline-block;
+
−
padding: 0 1.25em 0 0;
+
−
}
+
−
 
+
−
ul.icons li:last-child {
+
−
padding-right: 0;
+
−
}
+
−
 
+
−
ul.icons li .icon:before {
+
−
font-size: 1.5em;
+
−
}
+
−
 
+
−
ul.actions {
+
−
cursor: default;
+
−
list-style: none;
+
−
padding-left: 0;
+
−
}
+
−
 
+
−
ul.actions li {
+
−
display: inline-block;
+
−
padding: 0 1em 0 0;
+
−
vertical-align: middle;
+
−
}
+
−
 
+
−
ul.actions li:last-child {
+
−
padding-right: 0;
+
−
}
+
−
 
+
−
ul.actions.small li {
+
−
padding: 0 0.5em 0 0;
+
−
}
+
−
 
+
−
ul.actions.vertical li {
+
−
display: block;
+
−
padding: 1em 0 0 0;
+
−
}
+
−
 
+
−
ul.actions.vertical li:first-child {
+
−
padding-top: 0;
+
−
}
+
−
 
+
−
ul.actions.vertical li > * {
+
−
margin-bottom: 0;
+
−
}
+
−
 
+
−
ul.actions.vertical.small li {
+
−
padding: 0.5em 0 0 0;
+
−
}
+
−
 
+
−
ul.actions.vertical.small li:first-child {
+
−
padding-top: 0;
+
−
}
+
−
 
+
−
ul.actions.fit {
+
−
display: table;
+
−
margin-left: -1em;
+
−
padding: 0;
+
−
table-layout: fixed;
+
−
width: calc(100% + 1em);
+
−
}
+
−
 
+
−
ul.actions.fit li {
+
−
display: table-cell;
+
−
padding: 0 0 0 1em;
+
−
}
+
−
 
+
−
ul.actions.fit li > * {
+
−
margin-bottom: 0;
+
−
}
+
−
 
+
−
ul.actions.fit.small {
+
−
margin-left: -0.5em;
+
−
width: calc(100% + 0.5em);
+
−
}
+
−
 
+
−
ul.actions.fit.small li {
+
−
padding: 0 0 0 0.5em;
+
−
}
+
−
 
+
−
dl {
+
−
margin: 0 0 2em 0;
+
−
}
+
−
 
+
−
/* Table */
+
−
 
+
−
.table-wrapper {
+
−
-webkit-overflow-scrolling: touch;
+
−
overflow-x: auto;
+
−
}
+
−
 
+
−
table {
+
−
margin: 0 0 2em 0;
+
−
width: 100%;
+
−
}
+
−
 
+
−
table tbody tr {
+
−
border: solid 1px rgba(144, 144, 144, 0.25);
+
−
border-left: 0;
+
−
border-right: 0;
+
−
}
+
−
 
+
−
table tbody tr:nth-child(2n + 1) {
+
−
background-color: rgba(144, 144, 144, 0.075);
+
−
}
+
−
 
+
−
table td {
+
−
padding: 0.75em 0.75em;
+
−
}
+
−
 
+
−
table th {
+
−
color: #666f77;
+
−
font-size: 0.9em;
+
−
font-weight: 500;
+
−
padding: 0 0.75em 0.75em 0.75em;
+
−
text-align: left;
+
−
}
+
−
 
+
−
table thead {
+
−
border-bottom: solid 2px rgba(144, 144, 144, 0.25);
+
−
}
+
−
 
+
−
table tfoot {
+
−
border-top: solid 2px rgba(144, 144, 144, 0.25);
+
−
}
+
−
 
+
−
table.alt {
+
−
border-collapse: separate;
+
−
}
+
−
 
+
−
table.alt tbody tr td {
+
−
border: solid 1px rgba(144, 144, 144, 0.25);
+
−
border-left-width: 0;
+
−
border-top-width: 0;
+
−
}
+
−
 
+
−
table.alt tbody tr td:first-child {
+
−
border-left-width: 1px;
+
−
}
+
−
 
+
−
table.alt tbody tr:first-child td {
+
−
border-top-width: 1px;
+
−
}
+
−
 
+
−
table.alt thead {
+
−
border-bottom: 0;
+
−
}
+
−
 
+
−
table.alt tfoot {
+
−
border-top: 0;
+
−
}
+
−
 
+
−
/* Button */
+
−
 
+
−
input[type="submit"],
+
−
input[type="reset"],
+
−
input[type="button"],
+
−
.button {
+
−
-moz-appearance: none;
+
−
-webkit-appearance: none;
+
−
-o-appearance: none;
+
−
-ms-appearance: none;
+
−
appearance: none;
+
−
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+
−
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+
−
-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+
−
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+
−
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+
−
background-color: #192024;
+
−
border-radius: 6px;
+
−
border: 0;
+
−
color: #ffffff !important;
+
−
cursor: pointer;
+
−
display: inline-block;
+
−
font-weight: 300;
+
−
text-transform: uppercase;
+
−
letter-spacing: 0.125em;
+
−
font-size: 0.9em;
+
−
height: 2.85em;
+
−
line-height: 2.85em;
+
−
padding: 0 1.75em;
+
−
text-align: center;
+
−
text-decoration: none;
+
−
white-space: nowrap;
+
−
text-indent: 0.25em;
+
−
}
+
−
 
+
−
input[type="submit"]:hover,
+
−
input[type="reset"]:hover,
+
−
input[type="button"]:hover,
+
−
.button:hover {
+
−
background-color: #232d33;
+
−
}
+
−
 
+
−
input[type="submit"]:active,
+
−
input[type="reset"]:active,
+
−
input[type="button"]:active,
+
−
.button:active {
+
−
background-color: #0f1315;
+
−
}
+
−
 
+
−
input[type="submit"].icon,
+
−
input[type="reset"].icon,
+
−
input[type="button"].icon,
+
−
.button.icon {
+
−
padding-left: 1.35em;
+
−
}
+
−
 
+
−
input[type="submit"].icon:before,
+
−
input[type="reset"].icon:before,
+
−
input[type="button"].icon:before,
+
−
.button.icon:before {
+
−
margin-right: 0.5em;
+
−
}
+
−
 
+
−
input[type="submit"].fit,
+
−
input[type="reset"].fit,
+
−
input[type="button"].fit,
+
−
.button.fit {
+
−
display: block;
+
−
margin: 0 0 1em 0;
+
−
width: 100%;
+
−
}
+
−
 
+
−
input[type="submit"].small,
+
−
input[type="reset"].small,
+
−
input[type="button"].small,
+
−
.button.small {
+
−
font-size: 0.7em;
+
−
}
+
−
 
+
−
input[type="submit"].big,
+
−
input[type="reset"].big,
+
−
input[type="button"].big,
+
−
.button.big {
+
−
font-size: 1.2em;
+
−
height: 2.65em;
+
−
line-height: 2.65em;
+
−
}
+
−
 
+
−
input[type="submit"].alt,
+
−
input[type="reset"].alt,
+
−
input[type="button"].alt,
+
−
.button.alt {
+
−
background-color: transparent;
+
−
box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.25);
+
−
color: #666f77 !important;
+
−
}
+
−
 
+
−
input[type="submit"].alt:hover,
+
−
input[type="reset"].alt:hover,
+
−
input[type="button"].alt:hover,
+
−
.button.alt:hover {
+
−
background-color: rgba(144, 144, 144, 0.075);
+
−
}
+
−
 
+
−
input[type="submit"].alt:active,
+
−
input[type="reset"].alt:active,
+
−
input[type="button"].alt:active,
+
−
.button.alt:active {
+
−
background-color: rgba(144, 144, 144, 0.2);
+
−
}
+
−
 
+
−
input[type="submit"].alt.icon:before,
+
−
input[type="reset"].alt.icon:before,
+
−
input[type="button"].alt.icon:before,
+
−
.button.alt.icon:before {
+
−
color: #bbb;
+
−
}
+
−
 
+
−
input[type="submit"].special,
+
−
input[type="reset"].special,
+
−
input[type="button"].special,
+
−
.button.special {
+
−
background-color: #629DD1;
+
−
color: #ffffff !important;
+
−
}
+
−
 
+
−
input[type="submit"].special:hover,
+
−
input[type="reset"].special:hover,
+
−
input[type="button"].special:hover,
+
−
.button.special:hover {
+
−
background-color: #76a9d7;
+
−
}
+
−
 
+
−
input[type="submit"].special:active,
+
−
input[type="reset"].special:active,
+
−
input[type="button"].special:active,
+
−
.button.special:active {
+
−
background-color: #4e91cb;
+
−
}
+
−
 
+
−
input[type="submit"].disabled, input[type="submit"]:disabled,
+
−
input[type="reset"].disabled,
+
−
input[type="reset"]:disabled,
+
−
input[type="button"].disabled,
+
−
input[type="button"]:disabled,
+
−
.button.disabled,
+
−
.button:disabled {
+
−
background-color: #555f66 !important;
+
−
box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
+
−
color: #fff !important;
+
−
cursor: default;
+
−
opacity: 0.25;
+
−
}
+
−
 
+
−
/* Wrapper */
+
−
 
+
−
.wrapper {
+
−
padding: 6em 0 4em 0;
+
−
}
+
−
 
+
−
.wrapper.style1 {
+
−
background: #fff;
+
−
color: #555f66;
+
−
}
+
−
 
+
−
.wrapper.style2 {
+
−
background: #192024;
+
−
color: #c5c7c8;
+
−
}
+
−
 
+
−
.wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
+
−
color: #ffffff;
+
−
}
+
−
 
+
−
.wrapper.style2 header p {
+
−
color: #a3a5a7;
+
−
}
+
−
 
+
−
.wrapper.style2 .button.alt {
+
−
box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);
+
−
color: #ffffff !important;
+
−
}
+
−
 
+
−
.wrapper.style2 .button.alt:hover {
+
−
background-color: rgba(144, 144, 144, 0.275);
+
−
}
+
−
 
+
−
.wrapper.style2 .button.alt:active {
+
−
background-color: rgba(144, 144, 144, 0.4);
+
−
}
+
−
 
+
−
.wrapper.style2 .button.alt.icon:before {
+
−
color: #a3a5a7;
+
−
}
+
−
 
+
−
/* Header */
+
−
 
+
−
#skel-layers-wrapper {
+
−
padding-top: 3em;
+
−
}
+
−
 
+
−
#header {
+
−
background: #fff;
+
−
color: #555f66;
+
−
cursor: default;
+
−
height: 3em;
+
−
left: 0;
+
−
line-height: 3em;
+
−
position: fixed;
+
−
top: 0;
+
−
width: 100%;
+
−
z-index: 10000;
+
−
box-shadow: 0 0 0.1em 0 rgba(0, 0, 0, 0.25);
+
−
}
+
−
 
+
−
#header h1 {
+
−
color: #666f77;
+
−
font-weight: 500;
+
−
height: inherit;
+
−
left: 1.25em;
+
−
line-height: inherit;
+
−
margin: 0;
+
−
padding: 0;
+
−
position: absolute;
+
−
top: 0;
+
−
}
+
−
 
+
−
#header h1 a {
+
−
font-size: 1.25em;
+
−
}
+
−
 
+
−
#header nav {
+
−
  height: inherit;
+
−
  line-height: inherit;
+
−
  right: 1.25em;
+
−
  top: 0;
+
−
  vertical-align: middle;
+
−
  margin-left: 25%;
+
−
  width: 5%;
+
−
  margin: 0 auto;
+
−
}
+
−
 
+
−
#header nav > ul {
+
−
list-style: none;
+
−
margin: 0;
+
−
padding-left: 0;
+
−
}
+
−
 
+
−
#header nav > ul > li {
+
−
border-radius: 6px;
+
−
display: inline-block;
+
−
margin-left: 2em;
+
−
padding-left: 0;
+
−
}
+
−
 
+
−
#header nav > ul > li a {
+
−
-moz-transition: color 0.2s ease-in-out;
+
−
-webkit-transition: color 0.2s ease-in-out;
+
−
-o-transition: color 0.2s ease-in-out;
+
−
-ms-transition: color 0.2s ease-in-out;
+
−
transition: color 0.2s ease-in-out;
+
−
color: #555f66;
+
−
display: inline-block;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
#header nav > ul > li a:hover {
+
−
color: #629DD1;
+
−
}
+
−
 
+
−
#header nav > ul > li:first-child {
+
−
margin-left: 0;
+
−
}
+
−
 
+
−
#header nav > ul > li .button {
+
−
height: 2.25em;
+
−
line-height: 2.25em;
+
−
margin-bottom: 0;
+
−
padding: 0 1em;
+
−
position: relative;
+
−
top: -0.075em;
+
−
vertical-align: middle;
+
−
}
+
−
 
+
−
#header .container {
+
−
position: relative;
+
−
}
+
−
 
+
−
#header .container h1 {
+
−
left: 0;
+
−
}
+
−
 
+
−
#header .container nav {
+
−
right: 0;
+
−
}
+
−
 
+
−
/* Banner */
+
−
 
+
−
#banner {
+
−
background-color: #666666;
+
−
background-image: url("../images/banner.jpg");
+
−
background-size: cover;
+
−
background-position: center center;
+
−
background-repeat: no-repeat;
+
−
color: #d8d8d8;
+
−
padding: 14em 0;
+
−
text-align: center;
+
−
position: relative;
+
−
}
+
−
 
+
−
#banner:before {
+
−
content: '';
+
−
position: absolute;
+
−
left: 0;
+
−
top: 0;
+
−
width: 100%;
+
−
height: 100%;
+
−
background: rgba(64, 72, 80, 0.25);
+
−
}
+
−
 
+
−
#banner .inner {
+
−
position: relative;
+
−
z-index: 1;
+
−
}
+
−
 
+
−
#banner .inner :last-child {
+
−
margin-bottom: 0;
+
−
}
+
−
 
+
−
#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 {
+
−
background-color: rgba(144, 144, 144, 0.275);
+
−
}
+
−
 
+
−
#banner .button.alt:active {
+
−
background-color: rgba(144, 144, 144, 0.4);
+
−
}
+
−
 
+
−
#banner .button.alt.icon:before {
+
−
color: #c1c1c1;
+
−
}
+
−
 
+
−
#banner .button {
+
−
min-width: 12em;
+
−
}
+
−
 
+
−
#banner h2 {
+
−
font-size: 3.5em;
+
−
line-height: 1em;
+
−
margin: 0 0 0.5em 0;
+
−
padding: 0;
+
−
}
+
−
 
+
−
#banner p {
+
−
font-size: 1.5em;
+
−
margin-bottom: 2em;
+
−
}
+
−
 
+
−
#banner p a {
+
−
color: #ffffff;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
/* Footer */
+
−
 
+
−
#footer {
+
−
background: #f8f8f8;
+
−
padding: 4em 0 6em 0;
+
−
}
+
−
 
+
−
#footer a {
+
−
color: inherit;
+
−
}
+
−
 
+
−
#footer .copyright {
+
−
color: #bbb;
+
−
font-size: 0.9em;
+
−
margin: 2em 0 0 0;
+
−
padding: 0;
+
−
text-align: center;
+
−
}
+
−
 
+
−
#footer .copyright li {
+
−
border-left: solid 1px rgba(144, 144, 144, 0.25);
+
−
display: inline-block;
+
−
list-style: none;
+
−
margin-left: 1.5em;
+
−
padding-left: 1.5em;
+
−
}
+
−
 
+
−
#footer .copyright li:first-child {
+
−
border-left: 0;
+
−
margin-left: 0;
+
−
padding-left: 0;
+
−
}
+
−
 
+
−
#footer .icons a {
+
−
color: #bbb;
+
−
}
+
−
+
−
 
+
−
                #content{
+
−
                  width:100%:
+
−
                    }
+
−
#user_item{
+
−
height: 10px;
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
 
+
−
<head>
+
−
<title>SUPER COOLNESS</title>
+
−
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
−
<meta name="description" content="" />
+
−
<meta name="keywords" content="" />
+
−
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
+
−
<script src="js/jquery.min.js"></script>
+
−
<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 -->
+
−
<header id="header" class="skel-layers-fixed">
+
−
<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 -->
+
−
<section id="banner">
+
−
<div class="inner">
+
−
<h2>This is Ion</h2>
+
−
<p>A free responsive template by <a href="http://templated.co">TEMPLATED</a></p>
+
−
<ul class="actions">
+
−
<li><a href="#elements" class="button big alt">Learn More</a></li>
+
−
</ul>
+
−
</div>
+
−
</section>
+
−
 
+
−
<!-- One -->
+
−
<section id="one" class="wrapper style1">
+
−
<header class="major">
+
−
<h2>Ipsum feugiat consequat</h2>
+
−
<p>Tempus adipiscing commodo ut aliquam blandit</p>
+
−
</header>
+
−
<div class="container">
+
−
<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

Twitter
Facebook
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!

Email

mbrewer@gsu.edu

© 2015 GSU IGEM. All Rights Reserved.