Difference between revisions of "Team:Georgia State"
Line 1: | Line 1: | ||
<html> | <html> | ||
− | |||
− | |||
− | |||
− | |||
− | + | {{Team:Georgia_State/style.css}} | |
− | + | <!DOCTYPE html> | |
− | + | <html> | |
− | + | ||
− | + | <head> | |
− | + | <meta charset="utf-8" /> | |
− | + | <title>IGEM Team:GSU</title> | |
− | + | <meta name="description" content="" /> | |
+ | <meta name="keywords" content="" /> | ||
+ | <meta name="author" content="nileforest"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> | ||
+ | <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]--> | ||
− | + | <!-- Favicone Icon --> | |
− | + | <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"> | |
− | + | <link rel="icon" type="image/png" href="img/favicon.png"> | |
+ | <link rel="apple-touch-icon" href="img/favicon.png"> | ||
− | + | <!-- CSS --> | |
− | + | <link href="css/style.css" rel="stylesheet" type="text/css" /> | |
− | + | ||
− | + | </head> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <body class="full-intro background--dark"> | |
− | + | ||
− | + | ||
− | + | <!-- Preloader --> | |
− | + | <section id="preloader"> | |
− | + | <div class="loader" id="loader"> | |
+ | <div class="loader-img"></div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- End Preloader --> | ||
− | + | <!-- Site Wraper --> | |
− | + | <div class="wrapper"> | |
− | + | ||
+ | <!-- HEADER --> | ||
+ | <header class="header"> | ||
+ | <div class="container"> | ||
+ | <!-- logo --> | ||
+ | <div class="logo"> | ||
+ | <a href="#"> | ||
+ | <img class="l-black" src="img/logo-black.png" /> | ||
+ | <img class="l-white" src="img/logo-white.png" /> | ||
+ | </a> | ||
+ | </div> | ||
+ | <!--End logo--> | ||
− | + | ||
− | + | <!-- Navigation Menu --> | |
− | + | <nav class="navigation singlepage-nav"> | |
− | + | <ul> | |
− | + | <li> | |
− | + | <a class="current-ele" href="#intro">Home</a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="#Team">Team</a> | |
− | + | </li> | |
− | + | ||
− | + | <li> | |
− | + | <a href="#Project">Project</a> | |
+ | <ul> | ||
+ | <li> | ||
+ | <a href="https://2015.igem.org/Team:Georgia_State/Description">Description</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2015.igem.org/Team:Georgia_State/Practices">Practices</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2015.igem.org/Team:Georgia_State/Collaborations">Collaborations</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2015.igem.org/Team:Georgia_State/Design">Design</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2015.igem.org/Team:Georgia_State/Attributions">Attributions</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#LabNB">Lab Notebook</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="https://2015.igem.org/Team:Georgia_State/ImageGallery">Image Gallery</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#contact-info">Contact</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <!--End Navigation Menu --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </div> | |
− | + | </header> | |
− | + | <!-- END HEADER --> | |
− | + | ||
− | + | <!-- CONTENT ---------------------------------------------------------------------------------> | |
− | + | ||
− | + | ||
− | + | <!-- Intro Section --> | |
− | + | <section id="intro" class="full-screen-intro bg-img29"> | |
− | + | <div class="media-wapper bg-img parallax parallax-section1 overlay-dark" style="background-image: url('img/full/04.jpg');"> | |
+ | <canvas id="pollyfill-canvas"></canvas> | ||
+ | </div> | ||
+ | <div class="full-cap-wraper"> | ||
+ | <div class="content-caption light-color"> | ||
+ | <div class="container"> | ||
+ | <br> | ||
+ | <h2 class="h1">Protein Products Pichia Plants</h2> | ||
+ | <br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <div class="clearfix"></div> | ||
+ | <!-- End Intro Section --> | ||
− | + | <!--About Section--> | |
− | + | <section id="about" class="wow fadeIn ptb ptb-sm-80" style="background-color: #0387A6;"> | |
− | + | <div class="container"> | |
− | + | <div class="row text-center"> | |
+ | <div class="col-md-12"> | ||
+ | <h3 class="h4" style="text-align: left;color: white;">About Studio</h3> | ||
+ | <div class="spacer-15"></div> | ||
+ | <p class="lead" style="color: white;" >Integer tincidunt Cras dapibus. <a class="tipped" data-title="Sample Text" data-tipper-options='{"direction":"top"}'><b>Vivamus elementum</b></a> ultricies nisi vel augue. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante dapibus.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </section> | ||
+ | <!-- End About Section--> | ||
− | + | <hr /> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!-- Work Section --> | |
+ | <section id="work" class="wow fadeInUp ptb ptb-sm-80 text-center"> | ||
+ | <div class="container"> | ||
+ | <h3>Our Team</h3> | ||
+ | <div class="spacer-60"></div> | ||
+ | <!-- work Filter --> | ||
+ | <div class="row"> | ||
+ | <ul class="container-filter categories-filter mb-0"> | ||
+ | <li><a class="categories active" data-filter="*">All</a></li> | ||
+ | <li><a class="categories" data-filter=".branding">Faculty Advisors</a></li> | ||
+ | <li><a class="categories" data-filter=".design">Graduate Student Advisors</a></li> | ||
+ | <li><a class="categories" data-filter=".photo">Undergraduate Reseachers</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- End work Filter --> | ||
+ | </div> | ||
+ | <!-- Work Gallary --> | ||
+ | <div class="container"> | ||
+ | <div class="row container-grid nf-col-3"> | ||
+ | <div class="nf-item branding design coffee spacing"> | ||
+ | <div class="item-box"> | ||
+ | <a class="cbox-gallary1" href="img/portfolio/1.jpg" title="Consequat massa quis"> | ||
+ | <img class="item-container" src="img/portfolio/1.jpg" alt="1" /> | ||
+ | <div class="item-mask"> | ||
+ | <div class="item-caption"> | ||
+ | <h5 class="white">Consequat massa quis</h5> | ||
+ | <p class="white">Branding, Design, Coffee</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="nf-item photo spacing"> | |
− | + | <div class="item-box"> | |
− | + | <a class="cbox-gallary1" href="img/portfolio/2.jpg" title="Vivamus elementum semper"> | |
+ | <img class="item-container" src="img/portfolio/2.jpg" alt="2" /> | ||
+ | <div class="item-mask"> | ||
+ | <div class="item-caption"> | ||
+ | <h5 class="white">Vivamus elementum semper</h5> | ||
+ | <p class="white">Photo</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="nf-item branding design coffee spacing"> | |
− | + | <div class="item-box"> | |
− | + | <a class="cbox-gallary1" href="img/portfolio/3.jpg" title="Quisque rutrum"> | |
+ | <img class="item-container" src="img/portfolio/3.jpg" alt="4" /> | ||
+ | <div class="item-mask"> | ||
+ | <div class="item-caption"> | ||
+ | <h5 class="white">Quisque rutrum</h5> | ||
+ | <p class="white">Branding, Design, Coffee</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="nf-item branding design spacing"> | |
− | + | <div class="item-box"> | |
− | + | <a class="cbox-gallary1" href="img/portfolio/4.jpg" title="Tellus eget condimentum"> | |
− | + | <img class="item-container" src="img/portfolio/4.jpg" alt="4" /> | |
− | + | <div class="item-mask"> | |
− | + | <div class="item-caption"> | |
+ | <h5 class="white">Tellus eget condimentum</h5> | ||
+ | <p class="white">Design</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="nf-item branding design spacing"> | |
− | + | <div class="item-box"> | |
− | + | <a class="cbox-gallary1" href="img/portfolio/5.jpg" title="Nullam quis ant"> | |
− | + | <img class="item-container" src="img/portfolio/5.jpg" alt="5" /> | |
+ | <div class="item-mask"> | ||
+ | <div class="item-caption"> | ||
+ | <h5 class="white">Nullam quis ant</h5> | ||
+ | <p class="white">Branding, Design</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="nf-item photo spacing"> | |
− | + | <div class="item-box"> | |
− | + | <a class="cbox-gallary1" href="img/portfolio/6.jpg" title="Sed fringilla mauris"> | |
− | + | <img class="item-container" src="img/portfolio/6.jpg" alt="6" /> | |
+ | <div class="item-mask"> | ||
+ | <div class="item-caption"> | ||
+ | <h5 class="white">Sed fringilla mauris</h5> | ||
+ | <p class="white">Photo</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
− | / | + | <div class="nf-item design spacing"> |
+ | <div class="item-box"> | ||
+ | <a class="cbox-gallary1" href="img/portfolio/7.jpg" title="Augue velit cursus"> | ||
+ | <img class="item-container" src="img/portfolio/7.jpg" alt="7" /> | ||
+ | <div class="item-mask"> | ||
+ | <div class="item-caption"> | ||
+ | <h5 class="white">Augue velit cursus</h5> | ||
+ | <p class="white">Design</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="nf-item coffee spacing"> | |
− | + | <div class="item-box"> | |
− | + | <a class="cbox-gallary1" href="img/portfolio/8.jpg" title="Donec sodales sagittis"> | |
− | + | <img class="item-container" src="img/portfolio/8.jpg" alt="8" /> | |
+ | <div class="item-mask"> | ||
+ | <div class="item-caption"> | ||
+ | <h5 class="white">Donec sodales sagittis</h5> | ||
+ | <p class="white">Coffee</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="nf-item photo spacing"> | |
− | + | <div class="item-box"> | |
− | + | <a class="cbox-gallary1" href="img/portfolio/9.jpg" title="Donec sodales sagittis"> | |
+ | <img class="item-container" src="img/portfolio/9.jpg" alt="8" /> | ||
+ | <div class="item-mask"> | ||
+ | <div class="item-caption"> | ||
+ | <h5 class="white">Donec sodales sagittis</h5> | ||
+ | <p class="white">Coffee</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </div> | |
− | + | </div> | |
− | + | <!-- End Work Gallary --> | |
− | + | <div class="spacer-30"></div> | |
− | + | <div class="container"> | |
− | + | <a target="_blank" href="portfolio-grid-3col.html" class="btn btn-md btn-black-line">View All</a> | |
− | + | </div> | |
+ | </section> | ||
+ | <!-- End Work Section --> | ||
+ | <hr /> | ||
+ | |||
+ | <hr /> | ||
− | + | <!-- Client Logos Section --> | |
− | + | <section id="client-logos" class="wow fadeIn ptb ptb-sm-80"> | |
− | + | <div class="container text-center"> | |
− | + | <h3>Sponsor </h3> | |
− | + | </div> | |
+ | <div class="spacer-60"></div> | ||
+ | <div class="container"> | ||
+ | <div class="owl-carousel client-carousel nf-carousel-theme "> | ||
+ | <div class="item"> | ||
+ | <div class="client-logo"> | ||
+ | <img src="img/logos/01.png" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="client-logo"> | ||
+ | <img src="img/logos/02.png" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="client-logo"> | ||
+ | <img src="img/logos/03.png" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="client-logo"> | ||
+ | <img src="img/logos/04.png" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="client-logo"> | ||
+ | <img src="img/logos/05.png" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="client-logo"> | ||
+ | <img src="img/logos/06.png" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="client-logo"> | ||
+ | <img src="img/logos/08.png" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="client-logo"> | ||
+ | <img src="img/logos/01.png" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="client-logo"> | ||
+ | <img src="img/logos/02.png" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="client-logo"> | ||
+ | <img src="img/logos/03.png" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- End Client Logos Section --> | ||
− | + | <!-- Social Section --> | |
− | + | <section id="social" class="gray-bg ptb ptb-sm-80"> | |
− | + | <div class="container text-center"> | |
+ | <div class="row"> | ||
+ | <div class="col-md-8 col-md-offset-2"> | ||
+ | <h3>Get Connect With Us</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="spacer-60"></div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-8 col-md-offset-2"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6 col-sm-4 col-xs-6"> | ||
+ | <div class="page-icon-top"> | ||
+ | <i class="ion ion-social-twitter"></i> | ||
+ | </div> | ||
+ | <h6><a class="link" target="_blank" href="https://www.twitter.com/">Twitter</a></h6> | ||
+ | </div> | ||
+ | <div class="col-md-6 col-sm-4 col-xs-6"> | ||
+ | <div class="page-icon-top"> | ||
+ | <i class="ion ion-social-facebook"></i> | ||
+ | </div> | ||
+ | <h6><a class="link" target="_blank" href="https://www.facebook.com/">Facebook</a></h6> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- End Social Section --> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <hr /> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <section id="contact-info" class="ptb ptb-sm-80"> | |
− | + | <div class="container"> | |
− | + | <div class="row"> | |
+ | <div class="col-md-4"> | ||
+ | <div class="contact-box-left"> | ||
+ | <div class="contact-icon-left"><i class="ion ion-ios-location"></i></div> | ||
+ | <h6>Address</h6> | ||
+ | <p> | ||
+ | 502, DieSachbearbeiter, Schönhauser Allee, 167c10435 Berlin,Germany. | ||
+ | </p> | ||
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div | + | <div class="col-md-4"> |
− | < | + | <div class="contact-box-left"> |
+ | <div class="contact-icon-left"><i class="ion ion-ios-telephone"></i></div> | ||
+ | <h6>Call Us</h6> | ||
+ | <p> | ||
+ | <span>+40 (0) 012 345 6789</span><br /> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="contact-box-left"> | ||
+ | <div class="contact-icon-left"><i class="ion ion-ios-email"></i></div> | ||
+ | <h6>Email</h6> | ||
+ | <p> | ||
+ | <a href="mailto:yourname@domain.com">yourname@domain.com</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
− | < | + | <!-- END CONTENT ----------------------------------------------------------------------------> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!-- FOOTER --> | ||
+ | <footer class="footer pt-80"> | ||
− | </div> | + | <!-- Copyright Bar --> |
+ | <section class="copyright pb-60"> | ||
+ | <div class="container"> | ||
+ | <p class=""> | ||
+ | © 2015 <a><b>GSU IGEM</b></a>. All Rights Reserved. | ||
+ | <br /> | ||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- End Copyright Bar --> | ||
− | + | </footer> | |
− | + | <!-- END FOOTER --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!-- Scroll Top --> | |
+ | <a class="scroll-top"> | ||
+ | <i class="fa fa-angle-double-up"></i> | ||
+ | </a> | ||
+ | <!-- End Scroll Top --> | ||
+ | </div> | ||
+ | <!-- Site Wraper End --> | ||
+ | |||
+ | |||
+ | <!-- JS --> | ||
+ | {{Team:Georgia_State/Javascript}} | ||
+ | <script src="js/jquery-1.11.2.min.js" type="text/javascript"></script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | // Onepage Nav Elements | ||
+ | $('.singlepage-nav').singlePageNav({ | ||
+ | offset: 0, | ||
+ | filter: ':not(.nav-external)', | ||
+ | updateHash: true, | ||
+ | currentClass: 'current-ele', | ||
+ | easing: 'swing', | ||
+ | speed: 750, | ||
+ | beforeStart: function () { | ||
+ | console.log('begin scrolling'); | ||
+ | }, | ||
+ | onComplete: function () { | ||
+ | console.log('done scrolling'); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
</html> | </html> |
Revision as of 19:39, 17 August 2015
{{Team:Georgia_State/style.css}}
Protein Products Pichia Plants
About Studio
Integer tincidunt Cras dapibus. Vivamus elementum ultricies nisi vel augue. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante dapibus.
Sponsor
![](img/logos/01.png)
![](img/logos/02.png)
![](img/logos/03.png)
![](img/logos/04.png)
![](img/logos/05.png)
![](img/logos/06.png)
![](img/logos/08.png)
![](img/logos/01.png)
![](img/logos/02.png)
![](img/logos/03.png)
Address
502, DieSachbearbeiter, Schönhauser Allee, 167c10435 Berlin,Germany.
Call Us
+40 (0) 012 345 6789
Get Connect With Us
Twitter
Facebook