Difference between revisions of "Team:Georgia State"

 
(197 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]-->
  
−
/*
+
    <!-- Favicone Icon -->
−
Ion by TEMPLATED
+
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
−
templated.co @templatedco
+
    <link rel="icon" type="image/png" href="img/favicon.png">
−
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+
    <link rel="apple-touch-icon" href="img/favicon.png">
−
*/
+
  
−
/* Basic */
+
    <!-- CSS -->
 +
    <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 {
+
<body class="full-intro background--dark">
−
background: #fff;
+
−
}
+
  
−
body, input, select, textarea {
+
    <!-- Preloader -->
−
color: #555f66;
+
    <section id="preloader">
−
font-family: "Roboto", Helvetica, sans-serif;
+
        <div class="loader" id="loader">
−
font-size: 14pt;
+
            <div class="loader-img"></div>
−
font-weight: 300;
+
        </div>
−
line-height: 1.75em;
+
    </section>
−
}
+
    <!-- End Preloader -->
  
−
a {
+
    <!-- Site Wraper -->
−
color: #629DD1;
+
    <div class="wrapper">
−
text-decoration: underline;
+
        <!-- HEADER -->
−
}
+
        <header class="header">
 +
            <div class="container">
  
−
a:hover {
+
                <!-- logo -->
−
text-decoration: none;
+
                <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-->
  
−
strong, b {
+
               
−
color: #666f77;
+
−
font-weight: 500;
+
−
}
+
  
−
em, i {
+
<!-- Navigation Menu -->
−
font-style: italic;
+
                <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>
  
−
p {
+
</li>
−
margin: 0 0 2em 0;
+
<li>
−
}
+
  <a href="https://2015.igem.org/Team:Georgia_State/Parts">Parts Submitted</a>
  
−
h1, h2, h3, h4, h5, h6 {
+
</li>
−
color: #666f77;
+
<li>
−
font-weight: 300;
+
  <a href="https://2015.igem.org/Team:Georgia_State/Description">Part Improvement</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;
+
</ul>
−
text-decoration: none;
+
<li> <a href="https://2015.igem.org/Team:Georgia_State/Notebook">Notebook</a>
−
}
+
</li>
  
−
h2 {
+
<li> <a href="https://2015.igem.org/Team:Georgia_State/Practices">Practices</a>
−
font-size: 1.5em;
+
<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>
  
−
h3 {
+
<li> <a href="https://2015.igem.org/Team:Georgia_State/Safety">Safety</a>
−
font-size: 1.25em;
+
                        </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>
  
−
h4 {
+
                    </ul>
−
font-size: 1em;
+
                </nav>
−
line-height: 1.5em;
+
<!--End Navigation Menu -->
−
}
+
  
−
h5 {
 
−
font-size: 0.9em;
 
−
line-height: 1.5em;
 
−
}
 
  
−
h6 {
 
−
font-size: 0.7em;
 
−
line-height: 1.5em;
 
−
}
 
  
−
sub {
+
            </div>
−
font-size: 0.8em;
+
        </header>
−
position: relative;
+
        <!-- END HEADER -->
−
top: 0.5em;
+
−
}
+
  
−
sup {
+
<!-- Intro Section -->
−
font-size: 0.8em;
+
        <section id="intro" class="full-screen-intro bg-img29">
−
position: relative;
+
            <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);">
−
top: -0.5em;
+
                <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 {
+
<!--About Section-->
−
border: 0;
+
        <section id="about" class="wow fadeIn ptb ptb-sm-80" style="background-color: #0387A6;">
−
border-bottom: solid 1px rgba(144, 144, 144, 0.25);
+
            <div class="container">
−
margin: 3em 0;
+
                <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 />
  
−
hr.major {
+
       
−
margin: 2em 0 5em 0;
+
       
−
}
+
        <hr />
 +
 +
        <hr />
  
−
blockquote {
+
        <!-- Client Logos Section -->
−
border-left: solid 4px rgba(144, 144, 144, 0.25);
+
        <section id="client-logos" class="wow fadeIn ptb ptb-sm-80">
−
font-style: italic;
+
            <div class="container text-center">
−
margin: 0 0 2em 0;
+
                <h3>Sponsors </h3>
−
padding: 0.5em 0 0.5em 2em;
+
            </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 -->
  
−
code {
+
<!-- Social Section -->
−
background: rgba(144, 144, 144, 0.075);
+
        <section id="social" class="gray-bg ptb ptb-sm-80">
−
border-radius: 6px;
+
            <div class="container text-center">
−
border: solid 1px rgba(144, 144, 144, 0.25);
+
                <div class="row">
−
font-family: "Courier New", monospace;
+
                    <div class="col-md-8 col-md-offset-2">
−
font-size: 0.9em;
+
                        <h3>Connect With Us</h3>
−
margin: 0 0.25em;
+
                    </div>
−
padding: 0.25em 0.65em;
+
                </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 {
+
       
−
-webkit-overflow-scrolling: touch;
+
−
font-family: "Courier New", monospace;
+
−
font-size: 0.9em;
+
−
margin: 0 0 2em 0;
+
−
overflow-x: auto;
+
−
}
+
  
−
pre code {
+
        <hr />
−
display: block;
+
−
line-height: 1.75em;
+
−
padding: 1em 1.5em;
+
−
}
+
  
−
.align-left {
+
        <section id="contact-info" class="ptb ptb-sm-80">
−
text-align: left;
+
            <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-center {
+
                        </div>
−
text-align: center;
+
                    </div>
−
}
+
  
−
.align-right {
+
                    <div class="col-md-4">
−
text-align: right;
+
                        <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/Article */
+
                    <div class="col-md-4">
−
 
+
                        <div class="contact-box-left">
−
section.special, article.special {
+
                            <div class="contact-icon-left">
−
text-align: center;
+
<img src="https://static.igem.org/mediawiki/2015/d/d2/GSUiGEM-email.png">
−
}
+
−
 
+
−
header p {
+
−
color: #bbb;
+
−
position: relative;
+
−
margin: 0 0 1.5em 0;
+
−
}
+
−
 
+
−
header h2 + p {
+
−
font-size: 1.25em;
+
−
margin-top: -1em;
+
−
line-height: 1.5em;
+
−
}
+
−
 
+
−
header h3 + p {
+
−
font-size: 1.1em;
+
−
margin-top: -0.85em;
+
−
line-height: 1.5em;
+
−
}
+
−
 
+
−
header h4 + p,
+
−
header h5 + p,
+
−
header h6 + p {
+
−
font-size: 0.9em;
+
−
margin-top: -0.75em;
+
−
line-height: 1.5em;
+
−
}
+
−
 
+
−
header.major {
+
−
text-align: center;
+
−
margin: 0 0 4em 0;
+
−
}
+
−
 
+
−
header.major h2 {
+
−
font-size: 2em;
+
−
}
+
−
 
+
−
header.major h2 + p {
+
−
font-size: 1.5em;
+
−
margin: -1em 0 2em 0;
+
−
}
+
−
 
+
−
/* Form */
+
−
 
+
−
form {
+
−
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;
+
−
}
+
−
+
−
</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>
+
−
 
+
−
 
+
−
 
+
−
<h2> Welcome to iGEM 2015! </h2>
+
−
<p> MARUF IS THE NICEST GUY IN THE WORLD! </p>
+
−
 
+
−
<h4>Before you start: </h4>
+
−
<p> Please read the following pages:</p>
+
−
<ul>
+
−
<li>  <a href="https://2015.igem.org/Requirements">Requirements page </a> </li>
+
−
<li> <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
−
</ul>
+
−
 
+
−
<div class="highlightBox">
+
−
<h4> Styling your wiki </h4>
+
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
+
 
</div>
 
</div>
 +
                            <h6>Email</h6>
 +
                            <p>
 +
                                <a href="mailto:mbrewer@gsu.edu">mbrewer@gsu.edu</a>
 +
                            </p>
 +
                        </div>
 +
                    </div>
  
−
<h4> Editing your wiki </h4>
+
                </div>
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>  
+
            </div>
−
<p> <a href="https://2015.igem.org/wiki/index.php?title=Team:Georgia_State&action=edit"> Click here to edit this page! </a></p>
+
        </section>
−
<p>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</p>
+
   
−
 
+
        <!-- END CONTENT ---------------------------------------------------------------------------->
−
 
+
−
<h4>Templates </h4>
+
−
<p> This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the
+
−
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</p>
+
−
 
+
−
 
+
−
<h4>Tips</h4>
+
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2015.igem.org/Calendar_of_Events">iGEM 2015 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
−
 
+
−
 
+
−
<h4>Inspiration</h4>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
  
−
<h4> Uploading pictures and files </h4>
+
        <!-- FOOTER -->
−
<p> You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
        <footer class="footer pt-80">
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
  
−
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
+
            <!-- Copyright Bar -->
 +
            <section class="copyright pb-60">
 +
                <div class="container">
 +
                    <p class="">
 +
                        &copy; 2015 <a><b>GSU IGEM</b></a>. All Rights Reserved.
 +
                        <br />
 +
                     
 +
                    </p>
 +
                </div>
 +
            </section>
 +
            <!-- End Copyright Bar -->
  
 +
        </footer>
 +
        <!-- END FOOTER -->
  
 +
        <!-- Scroll Top -->
 +
        <a class="scroll-top">
 +
<img src="https://static.igem.org/mediawiki/2015/8/84/GSUiGEM-uparrow.png" alt="" />
 +
        </a>
 +
        <!-- End Scroll Top -->
  
−
</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>
 +
    <!-- Site Wraper End -->
  
 +
</body>
  
  
 +
    <!-- JS -->
  
 +
<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.