Difference between revisions of "Team:Georgia State/Team"

(Prototype team page)
 
Line 1: Line 1:
{{Georgia_State}}
 
 
<html>
 
<html>
  
<h2>Team</h2>
+
<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]-->
  
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    <!-- 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="https://2015.igem.org/Template:Georgia_State/Style.css?action=raw&ctype=text/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 -->
  
<h4>Inspiration</h4>
+
    <!-- Site Wraper -->
<p>You can look at what other teams did to get some inspiration! <br />
+
    <div class="wrapper">
Here are a few examples:</p>
+
        <!-- HEADER -->
 +
        <header class="header">
 +
            <div class="container">
 +
 
 +
                <!-- logo -->
 +
                <div class="logo">
 +
                    <a href="#">
 +
                        <img class="l-black" src="https://static.igem.org/mediawiki/2015/a/a8/LogoBlack_GSUiGem.png" />
 +
                        <img class="l-white" src="https://static.igem.org/mediawiki/2015/e/e1/WhiteLogo_GSUiGem.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="https://2015.igem.org/Team:Georgia_State/2015Members">Team</a>
 +
                        </li>
 +
 +
                        <li>
 +
                            <a href="#Project">Project</a>
 +
<ul>
 +
<li>
 +
  <a href="https://2015.igem.org/Team:Georgia_State/Attributions">Attributions</a>
 +
</li>
 +
<li>
 +
  <a href="https://2015.igem.org/Team:Georgia_State/Practices">Practices</a>  
 
<ul>
 
<ul>
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
<li>
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
<a href="https://2015.igem.org/Team:Georgia_State/AtlSci">Atlanta Science Festival</a>  
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
</li>
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
</ul>
+
  
<h5>What should this page contain?</h5>
+
<li>
 +
<a href="https://2015.igem.org/Team:Georgia_State/legislative">Georgia Capitol</a>
 +
</li>
 +
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:Georgia_State/Collaborations">Collaborations</a>
 
<ul>
 
<ul>
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
<li>
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
<a href="https://2015.igem.org/Team:Georgia_State/AtlSci">Atlanta Science Festival</a>  
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
</li>  
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
 
</ul>
 
</ul>
  
 +
</li>
 +
 +
<li>
 +
<a href="https://2015.igem.org/Team:Georgia_State/Description">Description</a>
 +
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:Georgia_State/Design">Design</a>
 +
</li>
 +
</ul>
 +
                        </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 -->
 +
<!-- Intro Section -->
 +
        <section id="intro" class="full-screen-intro bg-img29">
 +
            <div class="media-wapper bg-img parallax parallax-section1 overlay-dark" style="top: 250px; background-image: url(https://static.igem.org/mediawiki/2015/7/78/GSUiGEM-2015-07-22-042_%281%29.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"></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: center;color: white;">Our Team</h3>
 +
                        <div class="spacer-15"></div>
 +
                        <p class="lead"  style="color: white;" ><a class="tipped" data-title="Abstract" data-tipper-options='{"direction":"top"}'><b>Team Description goes here.</p>
 +
                    </div>
 +
                </div>
 +
                   
 +
            </div>
 +
        </section>
 +
        <!-- End About Section-->
 +
<!-- Work Section -->
 +
        <section id="Team" 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 Advisers</a></li>
 +
                        <li><a class="categories" data-filter=".design">Graduate Student Advisers</a></li>
 +
                        <li><a class="categories" data-filter=".photo">Undergraduate Researchers</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 design coffee spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="https://static.igem.org/mediawiki/2015/2/23/GSUiGEM-2015-07-22-042_%285%29.jpg" title="Maruf M. Hoque">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/9/92/GSUiGEM-2015-07-22-042_%285%29small.jpg" alt="1" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Maruf M. Hoque</h5>
 +
                                        <p class="white">Graduate Adviser¯\_(ツ)_/¯</p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="nf-item design spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="https://static.igem.org/mediawiki/2015/7/79/GSUiGEM-2015-07-22-042_%2833%29.jpg" title="Jessica Siemer">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/7/79/GSUiGEM-2015-07-22-042_%2833%29small.jpg" alt="2" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Jessica Siemer</h5>
 +
                                        <p class="white">Graduate Adviser</p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="nf-item coffee spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="https://static.igem.org/mediawiki/2015/e/e4/GSUiGEM-2015-07-22-042_%2821%29.jpg" title="Laura Irvin">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/4/45/GSUiGEM-2015-07-22-042_%2821%29small.jpg" alt="3" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Laura Irvin</h5>
 +
                                        <p class="white">Year: Junior <br> Major: Biology <br><br> <i>What is your spirit animal?</i><br> April Ludgate. Everyone should watch Parks and Rec.<br><br><i>Who is your role model?</i><br>I absolutely adore Cara Santa Maria. She's a neuroscientist and science communicator. She is part of the reason I went back to school to pursue my degree in the sciences.<br><br><i>What's your best piece of iGEM wisdom?</i><br>Organization is key.</p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="nf-item photo spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="https://static.igem.org/mediawiki/2015/8/8e/GSUiGEM-2015-07-22-042_%2811%29.jpg" title="Tran Dang">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/6/66/GSUiGEM-2015-07-22-042_%2811%29small.jpg" alt="4" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Tran Dang</h5>
 +
                                        <p class="white">Year: Senior <br> Major: Biology <br><br><i>Aliens, dinosaurs, or robots. Choose one to be raised by. Why?</i><br>Aliens. I would be able to explore the vast universe one planet at a time and learn about their way-of-life.<br><br><i>What do you like about iGEM?</i><br>Students work on their project based on their interests and learn design and research skills that are hard to acquire as undergrads.<br><br><i>If you could solve any global problem what would it be?</i><br>World hunger.</p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="nf-item photo spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="https://static.igem.org/mediawiki/2015/9/94/GSUiGEM-2015-07-22-042_%2812%29.jpg" title="Julio Falcon">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/c/c6/GSUiGEM-2015-07-22-042_%2812%29small.jpg" alt="5" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Julio Falcon</h5>
 +
                                        <p class="white">Year: Junior <br> Major: Chemistry<br><br> <i>What do you want to do after GSU?</i><br>Medical school.<br><br><i>What's the funniest thing that's ever happened to you?</i><br>Ripped my pants during a school performance<br><br><i>What do you like about iGEM?</i><br>I like how closely connected the iGem community is it makes working a lot easier.</p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="nf-item photo spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="https://static.igem.org/mediawiki/2015/d/d7/GSUiGEM-2015-07-22-042_%288%29.jpg" title="Joseph Whitley">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/8/89/GSUiGEM-2015-07-22-042_%288%29small.jpg" alt="6" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Joseph Whitley</h5>
 +
                                        <p class="white">Year: Senior <br> Major: Biology<br><br> <i>What do you want to do after GSU?</i><br>Graduate school, research<br><br><i>If you had to choose one meal to eat for the rest of your life what would it be?</i><br>Spaghetti<br><br><i>If you could pick any super power to have what would it be and why? What would you call yourself?</i><br>Not having to sleep. Nosleepman<br></p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="nf-item photo spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="https://static.igem.org/mediawiki/2015/6/60/GSUiGEM-2015-07-22-042_%2829%29.jpg" title="Holly Bowman">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/9/91/GSUiGEM-2015-07-22-042_%2829%29small.jpg" alt="7" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Holly Bowman</h5>
 +
                                        <p class="white"></p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="nf-item photo coffee spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="https://static.igem.org/mediawiki/2015/5/5e/GSUiGEM-2015-07-22-042_%2818%29.jpg" title="Yousef Ibrahim">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/5/54/GSUiGEM-2015-07-22-042_%2818%29small.jpg" alt="8" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Yousef Ibrahim</h5>
 +
                                        <p class="white"></p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="nf-item photo spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="https://static.igem.org/mediawiki/2015/3/3c/GSUiGEM-2015-07-22-042_%2825%29.jpg" title="Grace Purvis">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/8/8a/GSUiGEM-2015-07-22-042_%2825%29small.jpg" alt="9" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Grace Purvis</h5>
 +
                                        <p class="white">Year: Senior <br> Major: Biology<br><br> <i>Why did you choose your major?</i><br>I love learning the why and how behind things, and being able to apply that knowledge to better the world around us.<br><br><i>What do you love about GSU?</i><br>I love the diversity that is represented on our campus in all forms, and I love that our team shows that.<br><br><i>Who is your role model?</i><br>That's a tie between my mom and Albert Einstein.<br></p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
<div class="nf-item photo spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="https://static.igem.org/mediawiki/2015/e/e2/GSUiGEM-2015-07-22-042_%2844%29.jpg" title="Alex Yue">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/c/cf/GSUiGEM-2015-07-22-042_%2844%29small.jpg" alt="10" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Alex Yue</h5>
 +
                                        <p class="white">Year: Senior <br> Major: Biology<br><br> <i>What do you want to do after GSU?</i><br>I want get a masters degree.<br><br><i>What do you love about Atlanta?</i><br>I like the climate. It's very comfortable. It's also very convenient living here.<br><br><i>What do you like about iGEM?</i><br>IGEM gives us a chance to compete with outstanding students from other universities all around the world. At the same time, we help each other, share our opinions and succeed together. It's a really good experience.<br></p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
<div class="nf-item photo spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="img/portfolio/11.jpg" title="Muddassar Hussan">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/e/ea/Autoclave.jpg" alt="11" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Mark Strayer</h5>
 +
                                        <p class="white">All laptops and keyboards must be autoclaved.</p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
<div class="nf-item photo spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="img/portfolio/12.jpg" title="Zahra Faraj">
 +
                                <img class="item-container" src="" alt="12" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Zahra Faraj</h5>
 +
                                        <p class="white"></p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
 +
<div class="nf-item photo spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="https://static.igem.org/mediawiki/2015/f/f0/GSUiGEM-2015-07-22-042_%2839%29.jpg" title="Derrica Burke">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/e/ea/GSUiGEM-2015-07-22-042_%2839%29small.jpg" alt="13" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Derrica Burke</h5>
 +
                                        <p class="white"></p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
<div class="nf-item branding spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="img/portfolio/14.jpg" title="Dr. Matthew Brewer">
 +
                                <img class="item-container" src="https://static.igem.org/mediawiki/2015/7/75/ABG_GSUiGEM_%2822%29.jpg" alt="14" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Dr. Matthew Brewer</h5>
 +
                                        <p class="white"></p>
 +
                                    </div>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
<div class="nf-item branding spacing">
 +
                        <div class="item-box">
 +
                            <a class="cbox-gallary1" href="img/portfolio/15.jpg" title="Dr. Victoria Mariani">
 +
                                <img class="item-container" src="" alt="15" />
 +
                                <div class="item-mask">
 +
                                    <div class="item-caption">
 +
                                        <h5 class="white">Dr. Victoria Mariani</h5>
 +
                                        <p class="white"></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 -->
 +
 +
 +
</body>
 +
    <!-- JS -->
 +
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Georgia_State/Javascript?action=raw&c type=text/javascript"></script>
 +
    <script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>
 +
   
 +
   
 +
     
  
</div>
+
    <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>
 
</html>
 
</html>

Revision as of 01:48, 10 September 2015

IGEM Team:GSU