Team:Georgia State

From 2014.igem.org

(Difference between revisions)
Line 55: Line 55:
<html>
<html>
-
<!-- Start Home REVOLUTION Slider -->
+
<div id="slider">
-
+
       
-
<!-- Start Content -->
+
            <!-- 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 id="content">
<div class="container">
<div class="container">
-
+
           
-
ENTER CONTENT HERE
+
                <!-- 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&amp;byline=0&amp;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>Partners & Sponsors</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 of Partner Carousel-->
 +
                    </div>
 +
                    <div class="col-md-3">
 +
                    <h4 class="classic-title"><span>Headline 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>

Revision as of 11:09, 16 September 2014

Mamba | Georgia State University

  • slidebg1
    A Solution
    that we need!
    This is a subheadline text sentence
    Sed ut perspiciatis unde omnis iste natus error sit voluptatem
    accusantium doloremque laudantium, totam rem aperiam.
    Button Text
  • slidebg1
    A Solution
    that we need!
    This is a subheadline text sentence
    Sed ut perspiciatis unde omnis iste natus error sit voluptatem
    accusantium doloremque laudantium, totam rem aperiam.
    Button Text

The Problem

We're finding an alternative, and ultimately non-addictive, solution that can be used in place of today's standard painkillers.

Read more...

The Solution

Based on current research from leaders in the field, we're proposing the genetic modification and replication of the Mambalgin compound.

Read more...

The Process

Utilizing advanced genetic engineering, we've created a unique process by which we can synthesize a new class of pain medications.

Read more...

The Applications

Our research is far reaching and has the potential to completely transform the medical industry with non-addictive pain management.

Read more...

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.

Read More

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

Introduction to Mamba

From Georgia State University

Partners & Sponsors

Headline Here

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.

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