Team:Georgia State
From 2014.igem.org
Line 59: | Line 59: | ||
<div class="container"> | <div class="container"> | ||
- | + | <!-- Start Home 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="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">A Solution</span><br>that we need! | ||
+ | </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">This is a subheadline text sentence | ||
+ | </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">Sed ut perspiciatis unde omnis iste natus error sit voluptatem<br/>accusantium doloremque laudantium, totam rem aperiam. | ||
+ | </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"><a href="#" class="tp-caption btn-system btn-large border-btn btn-gray">Button Text</a> | ||
+ | </div> | ||
+ | |||
+ | <!-- LAYER NR. 5 --> | ||
+ | <div class="tp-caption sfl start" | ||
+ | data-x="-450" | ||
+ | data-y="top" | ||
+ | |||
+ | data-speed="1000" | ||
+ | data-start="1000" | ||
+ | data-easing="Power1.easeOut"><img src="images/slide-02-image-01.png" alt="" /> | ||
+ | </div> | ||
+ | |||
+ | </li> | ||
+ | |||
+ | |||
+ | <!-- SLIDE 1 --> | ||
+ | <li data-transition="fade" data-slotamount="7" data-masterspeed="300" > | ||
+ | <!-- MAIN IMAGE --> | ||
+ | <img src="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">A Solution</span><br>that we need! | ||
+ | </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">This is a subheadline text sentence | ||
+ | </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">Sed ut perspiciatis unde omnis iste natus error sit voluptatem<br/>accusantium doloremque laudantium, totam rem aperiam. | ||
+ | </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"><a href="#" class="tp-caption btn-system btn-large border-btn btn-gray">Button Text</a> | ||
+ | </div> | ||
+ | |||
+ | <!-- LAYER NR. 5 --> | ||
+ | <div class="tp-caption sfl start" | ||
+ | data-x="-450" | ||
+ | data-y="top" | ||
+ | |||
+ | data-speed="1000" | ||
+ | data-start="1000" | ||
+ | data-easing="Power1.easeOut"><img src="images/slide-02-image-01.png" alt="" /> | ||
+ | </div> | ||
+ | |||
+ | </li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | <div class="tp-bannertimer" style="visibility:hidden;"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- THE SCRIPT INITIALISATION --> | ||
+ | <!-- LOOK THE DOCUMENTATION FOR MORE INFORMATIONS --> | ||
+ | <script type="text/javascript"> | ||
+ | var revapi; | ||
+ | jQuery(document).ready(function() { | ||
+ | revapi = jQuery('.fullwidthbanner').revolution({ | ||
+ | |||
+ | delay:9000, | ||
+ | startwidth:1140, | ||
+ | startheight:450, | ||
+ | hideThumbs:200, | ||
+ | |||
+ | thumbWidth:100, | ||
+ | thumbHeight:50, | ||
+ | thumbAmount:3, | ||
+ | |||
+ | navigationType:"none", | ||
+ | navigationArrows:"solo", | ||
+ | navigationStyle:"round", | ||
+ | |||
+ | touchenabled:"on", | ||
+ | onHoverStop:"on", | ||
+ | |||
+ | navigationHAlign:"center", | ||
+ | navigationVAlign:"bottom", | ||
+ | navigationHOffset:0, | ||
+ | navigationVOffset:20, | ||
+ | |||
+ | soloArrowLeftHalign:"left", | ||
+ | soloArrowLeftValign:"center", | ||
+ | soloArrowLeftHOffset:20, | ||
+ | soloArrowLeftVOffset:0, | ||
+ | |||
+ | soloArrowRightHalign:"right", | ||
+ | soloArrowRightValign:"center", | ||
+ | soloArrowRightHOffset:20, | ||
+ | soloArrowRightVOffset:0, | ||
+ | |||
+ | shadow:0, | ||
+ | fullWidth:"on", | ||
+ | fullScreen:"off", | ||
+ | lazyLoad:"on", | ||
+ | |||
+ | stopLoop:"off", | ||
+ | stopAfterLoops:-1, | ||
+ | stopAtSlide:-1, | ||
+ | |||
+ | shuffle:"off", | ||
+ | |||
+ | hideSliderAtLimit:0, | ||
+ | hideCaptionAtLimit:0, | ||
+ | hideAllCaptionAtLilmit:0, | ||
+ | startWithSlide:0, | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | </div> | ||
+ | <!-- End Home Slider --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- Start Content --> | ||
+ | <div id="content"> | ||
+ | <div class="container"> | ||
+ | |||
+ | <!-- Start Services Icons --> | ||
+ | <div class="row"> | ||
+ | |||
+ | <!-- Start Service Icon 1 --> | ||
+ | <div class="col-md-3 service-box service-center"> | ||
+ | <div class="service-boxed"> | ||
+ | <div class="service-icon" style="margin-top:-25px;"> | ||
+ | <i class="icon-paper-plane icon-medium-effect icon-effect-2"></i> | ||
+ | </div> | ||
+ | <div class="service-content"> | ||
+ | <h4>The Problem</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><a href="#">Read more...</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End Service Icon 1 --> | ||
+ | |||
+ | <!-- Start Service Icon 2 --> | ||
+ | <div class="col-md-3 service-box service-center"> | ||
+ | <div class="service-boxed"> | ||
+ | <div class="service-icon" style="margin-top:-25px;"> | ||
+ | <i class="icon-feather icon-medium-effect icon-effect-2"></i> | ||
+ | </div> | ||
+ | <div class="service-content"> | ||
+ | <h4>The Solution</h4> | ||
+ | <p>Based on current research from leaders in the field, we're proposing the genetic modification and replication of the Mambalgin compound.</p> | ||
+ | <p><a href="#">Read more...</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End Service Icon 2 --> | ||
+ | |||
+ | <!-- Start Service Icon 3 --> | ||
+ | <div class="col-md-3 service-box service-center"> | ||
+ | <div class="service-boxed"> | ||
+ | <div class="service-icon" style="margin-top:-25px;"> | ||
+ | <i class="icon-archive icon-medium-effect icon-effect-2"></i> | ||
+ | </div> | ||
+ | <div class="service-content"> | ||
+ | <h4>The Process</h4> | ||
+ | <p>Utilizing advanced genetic engineering, we've created a unique process by which we can synthesize a new class of pain medications.</p> | ||
+ | <p><a href="#">Read more...</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End Service Icon 3 --> | ||
+ | |||
+ | <!-- Start Service Icon 4 --> | ||
+ | <div class="col-md-3 service-box service-center"> | ||
+ | <div class="service-boxed"> | ||
+ | <div class="service-icon" style="margin-top:-25px;"> | ||
+ | <i class="icon-back-in-time icon-medium-effect icon-effect-2"></i> | ||
+ | </div> | ||
+ | <div class="service-content"> | ||
+ | <h4>The 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><a href="#">Read more...</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End Service Icon 4 --> | ||
+ | |||
+ | </div> | ||
+ | <!-- End Services Icons --> | ||
+ | |||
+ | <!-- Divider --> | ||
+ | <div class="hr1" style="margin-top:15px; margin-bottom:15px;"></div> | ||
+ | |||
+ | <div class="row"> | ||
+ | |||
+ | <div class="col-md-8"> | ||
+ | |||
+ | <!-- Classic Heading --> | ||
+ | <h4 class="classic-title"><span>Mamba: An entry into iGEM 2014</span></h4> | ||
+ | |||
+ | <!-- 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><a href="#tab2" data-toggle="tab"><i class="icon-beaker"></i>Specifications</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <!-- Tab Panels --> | ||
+ | <div class="tab-content"> | ||
+ | <!-- Tab Content 1 --> | ||
+ | <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></p> | ||
+ | <p><a href="#" class="btn-system btn-medium border-btn"><i class="icon-docs"></i> Read More</a></p> | ||
+ | |||
+ | </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> | ||
+ | |||
+ | <div class="col-md-4"> | ||
+ | <!-- Classic Heading --> | ||
+ | <h4 class="classic-title"><span>From the Lab</span></h4> | ||
+ | <!-- Vimeo Iframe --> | ||
+ | <iframe src="https://player.vimeo.com/video/80101893?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0"></iframe> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!-- Divider --> | ||
+ | <div class="hr1" style="margin-top:25px; margin-bottom:25px;"></div> | ||
+ | |||
+ | <!-- Start Recent Projects --> | ||
+ | <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="row"> | ||
+ | <div class="col-md-9"> | ||
+ | <!-- Start Clients Carousel --> | ||
+ | <div class="our-clients"> | ||
+ | |||
+ | <!-- Classic Heading --> | ||
+ | <h4 class="classic-title"><span>Our Clients</span></h4> | ||
+ | |||
+ | <div class="clients-carousel custom-carousel touch-carousel" data-appeared-items="4"> | ||
+ | |||
+ | <!-- Client 1 --> | ||
+ | <div class="client-item item"> | ||
+ | <a href="#"><img src="images/c1.png" alt="" /></a> | ||
+ | </div> | ||
+ | |||
+ | <!-- Client 2 --> | ||
+ | <div class="client-item item"> | ||
+ | <a href="#"><img src="images/c2.png" alt="" /></a> | ||
+ | </div> | ||
+ | |||
+ | <!-- Client 3 --> | ||
+ | <div class="client-item item"> | ||
+ | <a href="#"><img src="images/c3.png" alt="" /></a> | ||
+ | </div> | ||
+ | |||
+ | <!-- Client 4 --> | ||
+ | <div class="client-item item"> | ||
+ | <a href="#"><img src="images/c4.png" alt="" /></a> | ||
+ | </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> | ||
+ | <!--End Clients Carousel--> | ||
+ | </div> | ||
+ | <div class="col-md-3"> | ||
+ | <h4 class="classic-title"><span>Partners We Work With</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> | ||
+ | <!-- End Content --> | ||
<br class="clear" /> | <br class="clear" /> |
Revision as of 12:12, 16 September 2014
The Problem
We're finding an alternative, and ultimately non-addictive, solution that can be used in place of today's standard painkillers.
The Solution
Based on current research from leaders in the field, we're proposing the genetic modification and replication of the Mambalgin compound.
The Process
Utilizing advanced genetic engineering, we've created a unique process by which we can synthesize a new class of pain medications.
The Applications
Our research is far reaching and has the potential to completely transform the medical industry with non-addictive pain management.
Mamba: An entry into 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.
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.
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.
From the Lab
Video Highlights