Team:Georgia State

From 2014.igem.org

(Difference between revisions)
 
(88 intermediate revisions not shown)
Line 1: Line 1:
-
{{RESET}} <!-- Resets the default CSS and strips any existing formatting -->
+
{{RESET}}<html><head></html> {{:Team:Georgia_State/Temp/RES}}<html>
 +
<script type="text/javascript">$(document).ready(function() {$("p").filter( function() {return $.trim($(this).html()) == '';}).remove()});</script>
 +
<script type="text/javascript">$(document).ready(function(){$("#content").removeAttr('main').css("width","auto");});</script>
 +
</head><body>
 +
<div class="gsu" style="position:fixed; left:0; top:0; width:100%; height:100%;overflow-y:scroll;">
 +
</html> {{:Team:Georgia_State/Temp/LOGO}}<html>
-
<html>
+
<div id="slider" style="width:100%; position:relative;">
 +
    <div class="fullwidthbanner-container">
 +
          <div class="fullwidthbanner" >
 +
          <ul>
 +
                   
 +
    <!-- ****************************** SLIDE #1 ****************************** -->
-
<head>
+
                         <li data-transition="fade" data-slotamount="7" data-masterspeed="300" >    
-
 
+
                      <img src="http://igem.roberteloi.com/images/slider-bg.jpg"  
-
    <title>Mamba | Georgia State University</title>
+
                                    data-fullwidthcentering="on" alt="slidebg1"  
-
    <meta name="description" content="iGEM 2014 Entry from Georgia State University">
+
                                    data-bgfit="cover" data-bgposition="center center"  
-
    <meta name="author" content="Georgia State University iGEM 2014 Team">
+
                                    data-bgrepeat="no-repeat">
-
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
                      <!-- LAYER NR. 1 -->
-
    <meta charset="utf-8">
+
-
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
-
    <link rel="shortcut icon" href="http://igem.roberteloi.com/images/favicon.png">
+
-
    <link rel="stylesheet" href="https://googledrive.com/host/0ByaTwiqYmsOVZTBfQVpsY1RuZms" type="text/css" media="screen"><!-- Bootstrap CSS -->
+
-
    <link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0ByaTwiqYmsOVYndnd1RYel9ZMnc" media="screen" /><!-- Home Slider CSS -->
+
-
    <link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0ByaTwiqYmsOVc1h0dGlFdEhvNHc" media="screen"><!-- MAIN CSS -->
+
-
    <link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0ByaTwiqYmsOVclJ1VzUxZ2RDZGs" media="screen"><!-- Responsive CSS -->
+
-
    <link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0ByaTwiqYmsOVSGs2S3QzdndyNWs" media="screen"><!-- Transitions/Animations CSS -->
+
-
    <link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0ByaTwiqYmsOVMUtBQlZXckR2Tlk" title="blue" media="screen" /><!-- Color CSS -->
+
-
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" media="screen">
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/jquery.min.js"></script>
+
-
<script type="text/javascript" src="http://igem.roberteloi.com/js/jquery.migrate.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/modernizrr.js"></script>
+
-
<script type="text/javascript" src="http://igem.roberteloi.com/js/bootstrap.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/jquery.fitvids.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/owl.carousel.min.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/nivo-lightbox.min.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/jquery.isotope.min.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/jquery.appear.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/count-to.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/jquery.textillate.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/jquery.lettering.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/jquery.easypiechart.min.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/jquery.nicescroll.min.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/jquery.parallax.js"></script>
+
-
    <script type="text/javascript" src="http://igem.roberteloi.com/js/jquery.themepunch.plugins.min.js"></script>
+
-
<script type="text/javascript" src="http://igem.roberteloi.com/js/jquery.themepunch.revolution.min.js"></script>
+
-
<script type="text/javascript" src="http://igem.roberteloi.com/js/script.js"></script>
+
-
    <!--[if IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+
-
    <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+
-
 
+
-
</head>
+
-
 
+
-
<body>
+
-
 
+
-
</html>
+
-
 
+
-
{{:Team:Georgia_State/Temp/LOGO}} <!-- Loads navigation, logo, and top menu -->
+
-
 
+
-
<html>
+
-
 
+
-
<!-- Start Home REVOLUTION Slider -->
+
-
<div id="slider">
+
-
       
+
-
            <!-- START REVOLUTION SLIDER 3.1 rev5 fullwidth mode -->
+
-
            <div class="fullwidthbanner-container">
+
-
                <div class="fullwidthbanner" >
+
-
                    <ul>
+
-
                   
+
-
                    <!-- SLIDE 1 -->
+
-
                         <li data-transition="fade" data-slotamount="7" data-masterspeed="300" >
+
-
                            <!-- MAIN IMAGE -->
+
-
                            <img src="http://igem.roberteloi.com/images/slider-bg.jpg" data-fullwidthcentering="on" alt="slidebg1" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
+
-
                           
+
-
                            <!-- LAYER NR. 1 -->
+
                             <div class="tp-caption uppercase big_font_size boldest_font_weight dark_font_color sft start"
                             <div class="tp-caption uppercase big_font_size boldest_font_weight dark_font_color sft start"
                                 data-x="730"
                                 data-x="730"
                                 data-y="125"
                                 data-y="125"
-
                               
 
                                 data-speed="300"
                                 data-speed="300"
                                 data-start="1600"
                                 data-start="1600"
-
                                 data-easing="easeOutExpo"><span class="accent-color">A Solution</span><br>that we need!
+
                                 data-easing="easeOutExpo"><span class="accent-color"></span>
                             </div>
                             </div>
-
                           
+
                      <!-- LAYER NR. 2 -->
-
                            <!-- LAYER NR. 2 -->
+
                             <div class="tp-caption medium_font_size regular_font_weight dark_font_color sfl start"
                             <div class="tp-caption medium_font_size regular_font_weight dark_font_color sfl start"
                                 data-x="730"
                                 data-x="730"
                                 data-y="208"
                                 data-y="208"
-
                               
 
                                 data-speed="300"
                                 data-speed="300"
                                 data-start="1900"
                                 data-start="1900"
-
                                 data-easing="easeOutExpo">This is a subheadline text sentence
+
                                 data-easing="easeOutExpo">
                             </div>
                             </div>
-
                           
+
                      <!-- LAYER NR. 3 -->
-
                            <!-- LAYER NR. 3 -->
+
                             <div class="tp-caption mini_font_size light_font_weight gray_font_color sfr start"
                             <div class="tp-caption mini_font_size light_font_weight gray_font_color sfr start"
                                 data-x="730"
                                 data-x="730"
                                 data-y="250"
                                 data-y="250"
-
                               
 
                                 data-speed="300"
                                 data-speed="300"
                                 data-start="2200"
                                 data-start="2200"
-
                                 data-easing="easeOutExpo">Sed ut perspiciatis unde omnis iste natus error sit voluptatem<br/>accusantium doloremque laudantium, totam rem aperiam.
+
                                 data-easing="easeOutExpo">
-
                             </div>
+
                             </div>  
-
                           
+
                      <!-- LAYER NR. 4 -->
-
                            <!-- LAYER NR. 4 -->
+
                             <div class="tp-caption sfb start"
                             <div class="tp-caption sfb start"
                                 data-x="730"
                                 data-x="730"
                                 data-y="314"
                                 data-y="314"
-
                               
 
                                 data-speed="300"
                                 data-speed="300"
                                 data-start="2500"
                                 data-start="2500"
-
                                 data-easing="easeOutExpo"><a href="#" class="tp-caption btn-system btn-large border-btn btn-gray">Button Text</a>
+
                                 data-easing="easeOutExpo">
                             </div>
                             </div>
-
                           
+
                      <!-- LAYER NR. 5 -->
-
                            <!-- LAYER NR. 5 -->
+
                             <div class="tp-caption sfl start"
                             <div class="tp-caption sfl start"
-
                                 data-x="-450"
+
                                 data-x="center"
-
                                 data-y="top"
+
                                 data-y="top"                  
-
                               
+
                                 data-speed="1000"
                                 data-speed="1000"
                                 data-start="1000"
                                 data-start="1000"
-
                                 data-easing="Power1.easeOut"><img src="http://igem.roberteloi.com/images/slide-02-image-01.png" alt="" />
+
                                 data-easing="Power1.easeOut"><img src="https://static.igem.org/mediawiki/2014/c/cc/TeamPhotoGSU1.jpg" alt="" width="666" height="445" />
-
                             </div>
+
                             </div>                          
-
                           
+
                         </li>
                         </li>
                          
                          
-
                       
+
    <!-- ****************************** SLIDE #2 ****************************** -->
-
                        <!-- SLIDE 1 -->
+
 
-
                         <li data-transition="fade" data-slotamount="7" data-masterspeed="300" >
+
                         <li data-transition="fade" data-slotamount="7" data-masterspeed="300" >    
-
                            <!-- MAIN IMAGE -->
+
                      <img src="http://igem.roberteloi.com/images/slider-bg.jpg"  
-
                            <img src="http://igem.roberteloi.com/images/slider-bg.jpg" data-fullwidthcentering="on" alt="slidebg1" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
+
                                    data-fullwidthcentering="on" alt="slidebg1"  
-
                           
+
                                    data-bgfit="cover" data-bgposition="center center"  
-
                            <!-- LAYER NR. 1 -->
+
                                    data-bgrepeat="no-repeat">
 +
                      <!-- LAYER NR. 1 -->
                             <div class="tp-caption uppercase big_font_size boldest_font_weight dark_font_color sft start"
                             <div class="tp-caption uppercase big_font_size boldest_font_weight dark_font_color sft start"
                                 data-x="730"
                                 data-x="730"
                                 data-y="125"
                                 data-y="125"
-
                               
 
                                 data-speed="300"
                                 data-speed="300"
                                 data-start="1600"
                                 data-start="1600"
-
                                 data-easing="easeOutExpo"><span class="accent-color">A Solution</span><br>that we need!
+
                                 data-easing="easeOutExpo">
                             </div>
                             </div>
-
                           
+
                      <!-- LAYER NR. 2 -->
-
                            <!-- LAYER NR. 2 -->
+
                             <div class="tp-caption medium_font_size regular_font_weight dark_font_color sfl start"
                             <div class="tp-caption medium_font_size regular_font_weight dark_font_color sfl start"
                                 data-x="730"
                                 data-x="730"
                                 data-y="208"
                                 data-y="208"
-
                               
 
                                 data-speed="300"
                                 data-speed="300"
                                 data-start="1900"
                                 data-start="1900"
-
                                 data-easing="easeOutExpo">This is a subheadline text sentence
+
                                 data-easing="easeOutExpo">
                             </div>
                             </div>
-
                           
+
                      <!-- LAYER NR. 3 -->
-
                            <!-- LAYER NR. 3 -->
+
                             <div class="tp-caption mini_font_size light_font_weight gray_font_color sfr start"
                             <div class="tp-caption mini_font_size light_font_weight gray_font_color sfr start"
                                 data-x="730"
                                 data-x="730"
                                 data-y="250"
                                 data-y="250"
-
                               
 
                                 data-speed="300"
                                 data-speed="300"
                                 data-start="2200"
                                 data-start="2200"
-
                                 data-easing="easeOutExpo">Sed ut perspiciatis unde omnis iste natus error sit voluptatem<br/>accusantium doloremque laudantium, totam rem aperiam.
+
                                 data-easing="easeOutExpo">
 +
                            </div>  
 +
                      <!-- LAYER NR. 4 -->
 +
                            <div class="tp-caption sfb start"
 +
                                data-x="730"
 +
                                data-y="314"
 +
                                data-speed="300"
 +
                                data-start="2500"
 +
                                data-easing="easeOutExpo">
                             </div>
                             </div>
-
                              
+
                      <!-- LAYER NR. 5 -->
-
                             <!-- LAYER NR. 4 -->
+
                             <div class="tp-caption sfl start"
 +
                                data-x="center"
 +
                                data-y="top"                   
 +
                                data-speed="1000"
 +
                                data-start="1000"
 +
                                data-easing="Power1.easeOut"><img src="https://static.igem.org/mediawiki/2014/d/d1/IGEMGSU2.jpg" alt="" width="666" height="445" />
 +
                             </div>                           
 +
                        </li>
 +
 
 +
  <!-- ****************************** SLIDE #3 ****************************** -->
 +
 
 +
                        <li data-transition="fade" data-slotamount="7" data-masterspeed="300" >   
 +
                      <img src="http://igem.roberteloi.com/images/slider-bg.jpg"
 +
                                    data-fullwidthcentering="on" alt="slidebg1"
 +
                                    data-bgfit="cover" data-bgposition="center center"
 +
                                    data-bgrepeat="no-repeat">
 +
                      <!-- LAYER NR. 1 -->
 +
                            <div class="tp-caption uppercase big_font_size boldest_font_weight dark_font_color sft start"
 +
                                data-x="730"
 +
                                data-y="125"
 +
                                data-speed="300"
 +
                                data-start="1600"
 +
                                data-easing="easeOutExpo"><span class="accent-color"></span>
 +
                            </div>
 +
                      <!-- LAYER NR. 2 -->
 +
                            <div class="tp-caption medium_font_size regular_font_weight dark_font_color sfl start"
 +
                                data-x="730"
 +
                                data-y="208"
 +
                                data-speed="300"
 +
                                data-start="1900"
 +
                                data-easing="easeOutExpo">
 +
                            </div>
 +
                      <!-- LAYER NR. 3 -->
 +
                            <div class="tp-caption mini_font_size light_font_weight gray_font_color sfr start"
 +
                                data-x="730"
 +
                                data-y="250"
 +
                                data-speed="300"
 +
                                data-start="2200"
 +
                                data-easing="easeOutExpo">
 +
                            </div>
 +
                      <!-- LAYER NR. 4 -->
                             <div class="tp-caption sfb start"
                             <div class="tp-caption sfb start"
                                 data-x="730"
                                 data-x="730"
                                 data-y="314"
                                 data-y="314"
-
                               
 
                                 data-speed="300"
                                 data-speed="300"
                                 data-start="2500"
                                 data-start="2500"
-
                                 data-easing="easeOutExpo"><a href="#" class="tp-caption btn-system btn-large border-btn btn-gray">Button Text</a>
+
                                 data-easing="easeOutExpo">
                             </div>
                             </div>
-
                           
+
                      <!-- LAYER NR. 5 -->
-
                            <!-- LAYER NR. 5 -->
+
                             <div class="tp-caption sfl start"
                             <div class="tp-caption sfl start"
-
                                 data-x="-450"
+
                                 data-x="center"
-
                                 data-y="top"
+
                                 data-y="top"                  
-
                               
+
                                 data-speed="1000"
                                 data-speed="1000"
                                 data-start="1000"
                                 data-start="1000"
-
                                 data-easing="Power1.easeOut"><img src="http://igem.roberteloi.com/images/slide-02-image-01.png" alt="" />
+
                                 data-easing="Power1.easeOut"><img src="https://static.igem.org/mediawiki/2014/f/f6/GSUIGEM3.jpg" alt="" width="666" height="445" />
 +
                            </div>                           
 +
                        </li>
 +
 
 +
  <!-- ****************************** SLIDE #4 ****************************** -->
 +
 
 +
                        <li data-transition="fade" data-slotamount="7" data-masterspeed="300" >   
 +
                      <img src="http://igem.roberteloi.com/images/slider-bg.jpg"
 +
                                    data-fullwidthcentering="on" alt="slidebg1"
 +
                                    data-bgfit="cover" data-bgposition="center center"
 +
                                    data-bgrepeat="no-repeat">
 +
                      <!-- LAYER NR. 1 -->
 +
                            <div class="tp-caption uppercase big_font_size boldest_font_weight dark_font_color sft start"
 +
                                data-x="730"
 +
                                data-y="125"
 +
                                data-speed="300"
 +
                                data-start="1600"
 +
                                data-easing="easeOutExpo"><span class="accent-color"></span>
                             </div>
                             </div>
-
                              
+
                      <!-- LAYER NR. 2 -->
 +
                             <div class="tp-caption medium_font_size regular_font_weight dark_font_color sfl start"
 +
                                data-x="730"
 +
                                data-y="208"
 +
                                data-speed="300"
 +
                                data-start="1900"
 +
                                data-easing="easeOutExpo">
 +
                            </div>
 +
                      <!-- LAYER NR. 3 -->
 +
                            <div class="tp-caption mini_font_size light_font_weight gray_font_color sfr start"
 +
                                data-x="730"
 +
                                data-y="250"
 +
                                data-speed="300"
 +
                                data-start="2200"
 +
                                data-easing="easeOutExpo">
 +
                            </div>
 +
                      <!-- LAYER NR. 4 -->
 +
                            <div class="tp-caption sfb start"
 +
                                data-x="730"
 +
                                data-y="314"
 +
                                data-speed="300"
 +
                                data-start="2500"
 +
                                data-easing="easeOutExpo">
 +
                            </div>
 +
                      <!-- LAYER NR. 5 -->
 +
                            <div class="tp-caption sfl start"
 +
                                data-x="center"
 +
                                data-y="top"                   
 +
                                data-speed="1000"
 +
                                data-start="1000"
 +
                                data-easing="Power1.easeOut"><img src="https://static.igem.org/mediawiki/2014/7/7a/GSUIGEM4.jpg" alt="" width="666" height="445" />
 +
                            </div>                           
                         </li>
                         </li>
-
                       
+
 
-
                       
+
 
                     </ul>
                     </ul>
-
                    <div class="tp-bannertimer" style="visibility:hidden;"></div>
+
 
-
                </div>
+
              <div class="tp-bannertimer" style="visibility:hidden;"></div>
-
            </div>
+
          </div>
-
           
+
    </div>
-
            <!-- THE SCRIPT INITIALISATION -->
+
 
-
            <!-- LOOK THE DOCUMENTATION FOR MORE INFORMATIONS -->
+
<script type="text/javascript">
-
            <script type="text/javascript">
+
                 var revapi;
                 var revapi;
                 jQuery(document).ready(function() {
                 jQuery(document).ready(function() {
revapi = jQuery('.fullwidthbanner').revolution({
revapi = jQuery('.fullwidthbanner').revolution({
-
 
delay:9000,
delay:9000,
startwidth:1140,
startwidth:1140,
startheight:450,
startheight:450,
hideThumbs:200,
hideThumbs:200,
-
 
thumbWidth:100,
thumbWidth:100,
thumbHeight:50,
thumbHeight:50,
thumbAmount:3,
thumbAmount:3,
-
 
navigationType:"none",
navigationType:"none",
navigationArrows:"solo",
navigationArrows:"solo",
navigationStyle:"round",
navigationStyle:"round",
-
 
touchenabled:"on",
touchenabled:"on",
onHoverStop:"on",
onHoverStop:"on",
-
 
navigationHAlign:"center",
navigationHAlign:"center",
navigationVAlign:"bottom",
navigationVAlign:"bottom",
navigationHOffset:0,
navigationHOffset:0,
navigationVOffset:20,
navigationVOffset:20,
-
 
soloArrowLeftHalign:"left",
soloArrowLeftHalign:"left",
soloArrowLeftValign:"center",
soloArrowLeftValign:"center",
soloArrowLeftHOffset:20,
soloArrowLeftHOffset:20,
soloArrowLeftVOffset:0,
soloArrowLeftVOffset:0,
-
 
soloArrowRightHalign:"right",
soloArrowRightHalign:"right",
soloArrowRightValign:"center",
soloArrowRightValign:"center",
soloArrowRightHOffset:20,
soloArrowRightHOffset:20,
-
soloArrowRightVOffset:0,
+
soloArrowRightVOffset:0,
-
+
shadow:0,
shadow:0,
fullWidth:"on",
fullWidth:"on",
fullScreen:"off",
fullScreen:"off",
lazyLoad:"on",
lazyLoad:"on",
-
 
stopLoop:"off",
stopLoop:"off",
stopAfterLoops:-1,
stopAfterLoops:-1,
stopAtSlide:-1,
stopAtSlide:-1,
-
 
shuffle:"off",
shuffle:"off",
-
 
hideSliderAtLimit:0,
hideSliderAtLimit:0,
hideCaptionAtLimit:0,
hideCaptionAtLimit:0,
Line 235: Line 257:
                 });
                 });
             </script>
             </script>
-
               
+
</div>
-
        </div>
+
-
        <!-- End Home Slider -->
+
-
     
+
-
     
+
-
     
+
-
<!-- Start Content -->
+
<div id="content" style="width:100%; position:relative;">
-
<div id="content">
+
<div class="container">
<div class="container">
              
              
Line 252: Line 268:
                 <div class="col-md-3 service-box service-center">
                 <div class="col-md-3 service-box service-center">
                     <div class="service-boxed">
                     <div class="service-boxed">
-
                             <div class="service-icon" style="margin-top:-25px;">
+
                             <div class="service-icon" style="margin-top:0px;">
-
                                 <i class="icon-paper-plane icon-medium-effect icon-effect-2"></i>
+
                                 <i class="fa fa-puzzle-piece fa-3x icon-medium-effect icon-effect-2"></i>
                             </div>
                             </div>
                             <div class="service-content">
                             <div class="service-content">
-
                                <h4>The Problem</h4>
+
                              <a href="https://static.igem.org/mediawiki/2014/e/ef/Step1.gif" target="_blank"><h4>Expression Vector</h4>
-
                                 <p>We're finding an alternative, and ultimately non-addictive, solution that can be used in place of today's standard painkillers.</p>
+
                                 <p><img src="https://static.igem.org/mediawiki/2014/e/ef/Step1.gif" width="246" height="185" /></p></a>
-
                                 <p><a href="#">Read more...</a></p>
+
                                 <p><a href="https://2014.igem.org/Team:Georgia_State/Project_Summary/">Read more...</a></p>
                             </div>
                             </div>
                     </div>
                     </div>
Line 267: Line 283:
                     <div class="col-md-3 service-box service-center">
                     <div class="col-md-3 service-box service-center">
                     <div class="service-boxed">
                     <div class="service-boxed">
-
                             <div class="service-icon" style="margin-top:-25px;">
+
                             <div class="service-icon" style="margin-top:0px;">
-
                                 <i class="icon-feather icon-medium-effect icon-effect-2"></i>
+
                                 <i class="fa fa-life-ring fa-3x icon-medium-effect icon-effect-2"></i>
                             </div>
                             </div>
                             <div class="service-content">
                             <div class="service-content">
-
                                 <h4>The Solution</h4>
+
                                 <h4>Transformation</h4>
-
                                 <p>Based on current research from leaders in the field, we're proposing the genetic modification and replication of the Mambalgin compound.</p>
+
                                 <a href="https://static.igem.org/mediawiki/2014/7/7c/Step2.gif" target="_blank"><p><img src="https://static.igem.org/mediawiki/2014/7/7c/Step2.gif" width="246" height="185" /></p></a>
-
                                 <p><a href="#">Read more...</a></p>
+
                                 <p><a href="https://2014.igem.org/Team:Georgia_State/Project_Summary/">Read more...</a></p>
                             </div>
                             </div>
                     </div>
                     </div>
Line 282: Line 298:
                     <div class="col-md-3 service-box service-center">
                     <div class="col-md-3 service-box service-center">
                     <div class="service-boxed">
                     <div class="service-boxed">
-
                             <div class="service-icon" style="margin-top:-25px;">
+
                             <div class="service-icon" style="margin-top:0px;">
-
                                 <i class="icon-archive icon-medium-effect icon-effect-2"></i>
+
                                 <i class="fa fa-road fa-3x icon-medium-effect icon-effect-2"></i>
                             </div>
                             </div>
                             <div class="service-content">
                             <div class="service-content">
-
                                 <h4>The Process</h4>
+
                                 <h4>Mambalgin Synthesis</h4>
-
                                 <p>Utilizing advanced genetic engineering, we've created a unique process by which we can synthesize a new class of pain medications.</p>
+
                                 <a href="https://static.igem.org/mediawiki/2014/5/5d/Step3.gif" target="_blank"><p><img src="https://static.igem.org/mediawiki/2014/5/5d/Step3.gif" width="246" height="185" /></p></a>
-
                                 <p><a href="#">Read more...</a></p>
+
                                 <p><a href="https://2014.igem.org/Team:Georgia_State/Project_Summary/">Read more...</a></p>
                             </div>
                             </div>
                     </div>
                     </div>
Line 297: Line 313:
                     <div class="col-md-3 service-box service-center">
                     <div class="col-md-3 service-box service-center">
                     <div class="service-boxed">
                     <div class="service-boxed">
-
                             <div class="service-icon" style="margin-top:-25px;">
+
                             <div class="service-icon" style="margin-top:0px;">
-
                                 <i class="icon-back-in-time icon-medium-effect icon-effect-2"></i>
+
                                 <i class="fa fa-rocket fa-3x icon-medium-effect icon-effect-2"></i>
                             </div>
                             </div>
-
                             <div class="service-content">
+
                             <div class="service-content" style="width:320; height:240;">
-
                                 <h4>The Applications</h4>
+
                                 <h4>Applications</h4>
-
                                 <p>Our research is far reaching and has the potential to completely transform the medical industry with non-addictive pain management.</p>
+
                                 <p><img src="https://static.igem.org/mediawiki/2014/d/d6/Medicallogo.jpg" width="320" height="240" /></p>
-
                                 <p><a href="#">Read more...</a></p>
+
                                 <p><a href="https://2014.igem.org/Team:Georgia_State/Project_Summary/">Read more...</a></p>
                             </div>
                             </div>
                         </div>
                         </div>
Line 320: Line 336:
                          
                          
                         <!-- Classic Heading -->
                         <!-- Classic Heading -->
-
                     <h4 class="classic-title"><span>Mamba: An entry into iGEM 2014</span></h4>
+
                     <h4 class="classic-title"><span>Mamba: GSU IGEM 2014</span></h4>
                          
                          
                         <!-- Nav Tabs -->
                         <!-- Nav Tabs -->
                         <ul class="nav nav-tabs">
                         <ul class="nav nav-tabs">
                         <li class="active"><a href="#tab1" data-toggle="tab"><i class="icon-award-1"></i>Summary</a></li>
                         <li class="active"><a href="#tab1" data-toggle="tab"><i class="icon-award-1"></i>Summary</a></li>
-
                            <li><a href="#tab2" data-toggle="tab"><i class="icon-beaker"></i>Specifications</a></li>
 
                         </ul>
                         </ul>
                          
                          
Line 332: Line 347:
                             <!-- Tab Content 1 -->
                             <!-- Tab Content 1 -->
                         <div class="tab-pane fade in active" id="tab1">
                         <div class="tab-pane fade in active" id="tab1">
-
<p>Our team from Georgia State University has been working to successfully insert and purify mambalgin, a protein component of the venom of Dendroaspis Polylepis, better known as the Black Mamba. The mambalgin peptide is a powerful analgesic that directly blocks pain transmission in the peripheral nervous system (Diochot et al, 2012) by targeting acid sensing ion channels within nociceptors beneath the epidermis. Furthermore, recombinant purification of mambalgin could assist in developing anti-venom without the attendant risk of harvesting venom directly from snakes.</p>
+
<p style="color:black;">Our team from Georgia State University has been working to successfully insert and purify mambalgin, a protein component of the venom of Dendroaspis Polylepis, better known as the Black Mamba. The mambalgin peptide is a powerful analgesic that directly blocks pain transmission in the peripheral nervous system (Diochot et al, 2012) by targeting acid sensing ion channels within nociceptors beneath the epidermis. Furthermore, recombinant purification of mambalgin could assist in developing anti-venom without the attendant risk of harvesting venom directly from snakes.</p>
<p></p>
<p></p>
-
<p><a href="#" class="btn-system btn-medium border-btn"><i class="icon-docs"></i> Read More</a></p>
+
<p><a href="https://2014.igem.org/Team:Georgia_State/Project_Summary/" class="btn-system btn-medium border-btn"><i class="icon-docs"></i> Read More</a></p>
                             </div>
                             </div>
-
                            <!-- Tab Content 2 -->
 
-
                        <div class="tab-pane fade" id="tab2">
 
-
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex commodo consequat. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor laudantium, totam rem aperiam, eaque ipsa quae inventore.</p>
 
-
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex commodo consequat. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor laudantium, totam rem aperiam, eaque ipsa quae inventore.</p>
 
-
                        </div>
 
                         </div>
                         </div>
                          
                          
Line 350: Line 360:
                     <h4 class="classic-title"><span>From the Lab</span></h4>
                     <h4 class="classic-title"><span>From the Lab</span></h4>
                         <!-- Vimeo Iframe -->
                         <!-- Vimeo Iframe -->
-
                         <iframe src="https://player.vimeo.com/video/80101893?title=0&amp;byline=0&amp;portrait=0" width="800" height="450" frameborder="0"></iframe>
+
                         <iframe src="//player.vimeo.com/video/109298011" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                     </div>
                     </div>
                      
                      
                 </div>
                 </div>
 +
             
                  
                  
 +
 +
                 <!-- Divider -->
                 <!-- Divider -->
                 <div class="hr1" style="margin-top:25px; margin-bottom:25px;"></div>
                 <div class="hr1" style="margin-top:25px; margin-bottom:25px;"></div>
                  
                  
-
                <!-- Start Recent Projects -->
+
                              <!-- Divider -->
-
                <div class="recent-projects">
+
-
                <h4 class="title"><span>Video Highlights</span></h4>
+
-
                    <div class="projects-carousel touch-carousel">
+
-
                   
+
-
                    <!-- Start Video #1 -->
+
-
                    <div class="portfolio-item item">
+
-
                        <div class="portfolio-border">
+
-
                               
+
-
                                <div class="portfolio-thumb"><!-- Video Thumbnail -->
+
-
                                    <a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">
+
-
                                        <div class="thumb-overlay"><i class="icon-video-1"></i></div>
+
-
                                        <img alt="" src="http://placehold.it/550x400/333" />
+
-
                                    </a>
+
-
                                </div>
+
-
                                <div class="portfolio-details"><!-- Video Details -->
+
-
                                    <a href="#">
+
-
                                        <h4>Introduction to Mamba</h4>
+
-
                                        <span>From Georgia State University</span>
+
-
                                    </a>
+
-
                                </div>
+
-
                            </div>
+
-
                    </div>
+
-
                        <!-- End Video #1 -->
+
-
                       
+
-
                       
+
-
                       
+
-
                </div>
+
-
                </div>
+
-
                <!-- End Recent Projects -->
+
-
               
+
-
                <!-- Divider -->
+
                 <div class="hr1" style="margin-top:25px; margin-bottom:25px;"></div>
                 <div class="hr1" style="margin-top:25px; margin-bottom:25px;"></div>
                  
                  
Line 399: Line 381:
                                 <!-- Classic Heading -->
                                 <!-- Classic Heading -->
                                 <h4 class="classic-title"><span>Partners & Sponsors</span></h4>
                                 <h4 class="classic-title"><span>Partners & Sponsors</span></h4>
 +
                               
                                  
                                  
                                 <div class="clients-carousel custom-carousel touch-carousel" data-appeared-items="4">
                                 <div class="clients-carousel custom-carousel touch-carousel" data-appeared-items="4">
Line 404: Line 387:
                                     <!-- Client 1 -->
                                     <!-- Client 1 -->
                                     <div class="client-item item">
                                     <div class="client-item item">
-
                                         <a href="#"><img src="images/c1.png" alt="" /></a>
+
                                         <a href="http://www.idtdna.com/site" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/99/IDTLogo.png" alt="" width="731" height="199" /></a>
                                     </div>
                                     </div>
                                      
                                      
                                     <!-- Client 2 -->
                                     <!-- Client 2 -->
-
                                     <div class="client-item item">
+
                                     <div class="client-item item" style="margin:0 auto;">
-
                                         <a href="#"><img src="images/c2.png" alt="" /></a>
+
                                         <a href="https://www.neb.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/4/4e/SheffieldLogo3.png" alt="" width="345" height="138" /></a>
                                     </div>
                                     </div>
                                      
                                      
                                     <!-- Client 3 -->
                                     <!-- Client 3 -->
-
                                     <div class="client-item item">
+
                                     <div class="client-item item" style="margin:0 auto;">
-
                                         <a href="#"><img src="images/c3.png" alt="" /></a>
+
                                         <a href="http://www.atlantaga.gov/index.aspx?page=16" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/57/RESURGENSLogo.png" alt="" width="110" height="112" /></a>
                                     </div>
                                     </div>
                                      
                                      
                                     <!-- Client 4 -->
                                     <!-- Client 4 -->
-
                                     <div class="client-item item">
+
                                     <div class="client-item item" style="float:right;">
-
                                         <a href="#"><img src="images/c4.png" alt="" /></a>
+
                                         <a href="http://www.snapgene.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/e/ec/Snapgenelogo.png" alt="" width="100" height="100" /></a>
                                     </div>
                                     </div>
                                      
                                      
-
                                    <!-- Client 5 -->
 
-
                                    <div class="client-item item">
 
-
                                        <a href="#"><img src="images/c5.png" alt="" /></a>
 
-
                                    </div>
 
                                      
                                      
-
                                    <!-- Client 6 -->
 
-
                                    <div class="client-item item">
 
-
                                        <a href="#"><img src="images/c6.png" alt="" /></a>
 
-
                                    </div>
 
-
                                   
 
-
                                    <!-- Client 7 -->
 
-
                                    <div class="client-item item">
 
-
                                        <a href="#"><img src="images/c7.png" alt="" /></a>
 
-
                                    </div>
 
-
                                 
 
-
                                    <!-- Client 8 -->
 
-
                                    <div class="client-item item">
 
-
                                        <a href="#"><img src="images/c8.png" alt="" /></a>
 
-
                                    </div>
 
                                      
                                      
                                 </div>
                                 </div>
Line 446: Line 411:
                             <!--End Clients Carousel-->
                             <!--End Clients Carousel-->
                     </div>
                     </div>
-
                    <div class="col-md-3">
+
 
-
                    <h4 class="classic-title"><span>H4 Title Goes Here</span></h4>
+
-
                        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat. </p>
+
-
                    </div>
+
-
                </div>
+
                          
                          
</div>
</div>
</div>
</div>
<!-- End Content -->
<!-- End Content -->
-
 
</html>
</html>
Line 461: Line 421:
<html>
<html>
-
 
+
</div>
</body>
</body>
</html>
</html>

Latest revision as of 03:49, 18 October 2014

Mamba | Georgia State University

  • slidebg1
  • slidebg1
  • slidebg1
  • slidebg1

Expression Vector

Read more...

Transformation

Read more...

Mambalgin Synthesis

Read more...

Applications

Read more...

Mamba: GSU IGEM 2014

Our team from Georgia State University has been working to successfully insert and purify mambalgin, a protein component of the venom of Dendroaspis Polylepis, better known as the Black Mamba. The mambalgin peptide is a powerful analgesic that directly blocks pain transmission in the peripheral nervous system (Diochot et al, 2012) by targeting acid sensing ion channels within nociceptors beneath the epidermis. Furthermore, recombinant purification of mambalgin could assist in developing anti-venom without the attendant risk of harvesting venom directly from snakes.

Read More

From the Lab

Partners & Sponsors

Retrieved from "http://2014.igem.org/Team:Georgia_State"