|
|
Line 11: |
Line 11: |
| <meta charset="utf-8"> | | <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | | <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="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" href="https://googledrive.com/host/0ByaTwiqYmsOVZTBfQVpsY1RuZms" type="text/css" media="screen"><!-- Bootstrap CSS --> |
Line 20: |
Line 19: |
| <link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0ByaTwiqYmsOVMUtBQlZXckR2Tlk" title="blue" media="screen" /><!-- Color 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"> | | <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.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/jquery.migrate.js"></script> |
Line 39: |
Line 37: |
| <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/jquery.themepunch.revolution.min.js"></script> |
| <script type="text/javascript" src="http://igem.roberteloi.com/js/script.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 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]--> | | <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> |
Line 47: |
Line 44: |
| <body> | | <body> |
| | | |
- | <div id="gsu" style="position:fixed; top:0; z-index:1; width:100%; height:auto; -webkit-overflow-scrolling:touch; overflow:auto;"> | + | <div id="gsu" style="position:fixed; left:0; top:0; width:100%; height:100%;"> |
| | | |
- | </html> {{:Team:Georgia_State/Temp/LOGO}} <!-- Loads navigation, logo, and top menu --><html>
| + | </html> |
| | | |
- | </div>
| + | {{:Team:Georgia_State/Temp/LOGO}} <!-- Loads navigation, logo, and top menu --> |
- | <!-- Start Content -->
| + | |
- | <div id="content" style="min-width:1200px;">
| + | |
- | <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">
| + | <html> |
- |
| + | |
- | <div class="col-md-8">
| + | <!-- Start Home REVOLUTION Slider --> |
- |
| + | |
- | <!-- Classic Heading -->
| + | <!-- Start Content --> |
- | <h4 class="classic-title"><span>Mamba: An entry into iGEM 2014</span></h4>
| + | |
- |
| + | <div id="content"> |
- | <!-- Nav Tabs -->
| + | <div class="container"> |
- | <ul class="nav nav-tabs">
| + | |
- | <li class="active"><a href="#tab1" data-toggle="tab"><i class="icon-award-1"></i>Summary</a></li>
| + | ENTER CONTENT HERE |
- | <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>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> |
Line 272: |
Line 72: |
| <html> | | <html> |
| | | |
- | </div> | + | </div><!-- End of div "gsu" --> |
| + | |
| </body> | | </body> |
| </html> | | </html> |