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

Line 4: Line 4:
 
     <meta charset="utf-8" />
 
     <meta charset="utf-8" />
 
     <title>IGEM Team:GSU</title>
 
     <title>IGEM Team:GSU</title>
−
     <meta name="description" content="" />
+
     <meta name="description" content="IGEM" />
−
     <meta name="keywords" content="" />
+
     <meta name="keywords" content="IGEM GSU" />
−
     <meta name="author" content="nileforest">
+
     <meta name="author" content="Team GSU and Maruf">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
 
     <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]-->
 
     <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
Line 15: Line 15:
 
     <link rel="apple-touch-icon" href="img/favicon.png">
 
     <link rel="apple-touch-icon" href="img/favicon.png">
  
−
    <!-- CSS -->
+
<!-- CSS -->
−
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Georgia_State/CSS?action=raw&ctype=text/css" />
+
    <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Georgia_State/CSS?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Georgia_State/CSS1?action=raw&ctype=text/css" />
 +
<!--Special Stylesheet for PhotogalleryOnly-->
 +
/* Source code provided from Codepen.io
 +
http://codepen.io/fivera/pen/rHigj
 +
*/
 +
<style>
  
−
</head>
+
<!-- Paste new CSS here. This is the CSS for the photogallery -->
 +
body {
 +
    background-color: #D0D0D0 ;
 +
    color: #333;
 +
    font-family:"Lucida handwriting", "Snell Roundhand", "Helvetica Neue", Arial, Helvetica, sans-serif;
 +
    font-size: 16px;
 +
}
 +
.amp {
 +
    font-family:Garamond, Baskerville, Georgia, serif !important;
 +
    font-style:italic;
 +
    font-weight:normal;
 +
    border: none;
 +
}
 +
a.polaroid {
 +
    display: block;
 +
    text-decoration: none;
 +
    color: #333;
 +
    padding: 10px 10px 20px 10px;
 +
    width: 150px;
 +
    border: 1px solid #BFBFBF;
 +
    background-color: white;
 +
    z-index: 2;
 +
    font-size: 0.7em;
 +
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 +
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 +
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 +
    -webkit-transition: -webkit-transform 0.5s ease-in;
 +
}
 +
a.polaroid:hover, a.polaroid:focus, a.polaroid:active {
 +
    z-index: 999;
 +
    border-color: #6A6A6A;
 +
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 +
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 +
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 +
    -webkit-transform: rotate(0deg);
 +
    -moz-transform: rotate(0deg);
 +
    transform: rotate(0deg);
 +
}
 +
.polaroid img {
 +
    margin: 0 0 15px;
 +
    width: 150px;
 +
    height: 150px;
 +
}
 +
a img {
 +
    border: none;
 +
    display: block;
 +
}
 +
.photo-album {
 +
    position: relative;
 +
    width: 80%;
 +
    margin: 0 auto;
 +
    max-width: 70em;
 +
    height: 450px;
 +
    margin-top: 5em;
 +
    min-width: 800px;
 +
    max-width: 900px;
 +
}
 +
.photo-album .polaroid {
 +
    position: absolute;
 +
}
 +
.photo-album h1 {
 +
    position: absolute;
 +
    z-index: 5;
 +
    top: 150px;
 +
    text-align: center;
 +
    width: 100%;
 +
    line-height: 1.9;
 +
}
 +
.photo-album h1 span {
 +
    background-color: white;
 +
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
 +
    padding: 0.4em 0.8em 0.3em 0.8em;
 +
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 +
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 +
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 +
    border: 1px solid #6A6A6A;
 +
}
 +
.photo-album .small {
 +
    width: 75px;
 +
    padding: 6px 6px 12px 6px;
 +
    font-size: 0.6em;
 +
}
 +
.photo-album .small img {
 +
    width: 75px;
 +
    height: 75px;
 +
}
 +
.photo-album .medium {
 +
    width: 200px;
 +
    padding: 13px 13px 26px 13px;
 +
    font-size: 0.8em;
 +
}
 +
.photo-album .medium img {
 +
    width: 200px;
 +
    height: 200px;
 +
}
 +
.photo-album .large {
 +
    width: 300px;
 +
    padding: 20px 20px 30px 20px;
 +
    font-size: 1em;
 +
}
 +
.photo-album .large img {
 +
    width: 300px;
 +
    height: 300px;
 +
}
 +
.photo-album .img1 {
 +
    bottom: 10px;
 +
    right: 365px;
 +
    -webkit-transform: rotate(10deg);
 +
    -moz-transform: rotate(10deg);
 +
    transform: rotate(10deg);
 +
}
 +
.photo-album .img2 {
 +
    top: 50px;
 +
    right: 20px;
 +
    -webkit-transform: rotate(-4deg);
 +
    -moz-transform: rotate(-4deg);
 +
    transform: rotate(-4deg);
 +
}
 +
.photo-album .img3 {
 +
    left: 400px;
 +
    top: 0;
 +
    -webkit-transform: rotate(-5deg);
 +
    -moz-transform: rotate(-5deg);
 +
    transform: rotate(-5deg);
 +
}
 +
.photo-album .img4 {
 +
    top: 10px;
 +
    left: 495px;
 +
    -webkit-transform: rotate(-20deg);
 +
    -moz-transform: rotate(-20deg);
 +
    transform: rotate(-20deg);
 +
}
 +
.photo-album .img5 {
 +
    bottom: 0;
 +
    right: 0;
 +
    -webkit-transform: rotate(1deg);
 +
    -moz-transform: rotate(1deg);
 +
    transform: rotate(1deg);
 +
}
 +
.photo-album .img6 {
 +
    bottom: 10px;
 +
    right: 156px;
 +
    -webkit-transform: rotate(6deg);
 +
    -moz-transform: rotate(6deg);
 +
    transform: rotate(6deg);
 +
}
 +
.photo-album .img7 {
 +
    bottom:0;
 +
    left:400px;
 +
    -webkit-transform: rotate(-10deg);
 +
    -moz-transform: rotate(-10deg);
 +
    transform: rotate(-10deg);
 +
}
 +
.photo-album .img8 {
 +
    bottom: -20px;
 +
    left: 700px;
 +
    -webkit-transform: rotate(-8deg);
 +
    -moz-transform: rotate(-8deg);
 +
    transform: rotate(-8deg);
 +
}
 +
.photo-album .img9 {
 +
    bottom: 0;
 +
    left: 0;
 +
    -webkit-transform: rotate(-8deg);
 +
    -moz-transform: rotate(-8deg);
 +
    transform: rotate(-8deg);
 +
}
 +
.photo-album .img10 {
 +
    top: 0;
 +
    left: 20px;
 +
    -webkit-transform: rotate(8deg);
 +
    -moz-transform: rotate(8deg);
 +
    transform: rotate(8deg);
 +
}
 +
.photo-album .img11 {
 +
    top: 0;
 +
    right: 0;
 +
    -webkit-transform: rotate(-8deg);
 +
    -moz-transform: rotate(-8deg);
 +
    transform: rotate(-8deg);
 +
}
 +
.photo-album .img12 {
 +
    top: 0;
 +
    left: 680px;
 +
    -webkit-transform: rotate(18deg);
 +
    -moz-transform: rotate(18deg);
 +
    transform: rotate(18deg);
 +
}
 +
.photo-album .img13 {
 +
    bottom: -20px;
 +
    right: 630px;
 +
    -webkit-transform: rotate(4deg);
 +
    -moz-transform: rotate(4deg);
 +
    transform: rotate(4deg);
 +
}
 +
.photo-album .img14 {
 +
    top: 90px;
 +
    left: 430px;
 +
    -webkit-transform: rotate(15deg);
 +
    -moz-transform: rotate(15deg);
 +
    transform: rotate(15deg);
 +
}
 +
.photo-album .img15 {
 +
    left:176px;
 +
    top:20px;
 +
    -webkit-transform: rotate(-8deg);
 +
    -moz-transform: rotate(-8deg);
 +
    transform: rotate(-8deg);
 +
}
  
 +
.enlarge:hover {
 +
transform:scale(1.5,1.5);
 +
transform-origin:1.5 1.5;
 +
}
 +
 +
 +
 +
</style>
 +
</head>
 +
<!-- end of photogallery CSS -->
 
<body class="full-intro background--dark">
 
<body class="full-intro background--dark">
  
Line 139: Line 363:
 
         <!-- End Intro Section -->
 
         <!-- End Intro Section -->
  
−
<!--About Section-->
+
<!-- PhotoGallery HTML 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 Project</h3>
+
−
                        <div class="spacer-15"></div>
+
−
                        <p class="lead"  style="color: white;" ></p>
+
−
                    </div>
+
−
                </div>
+
−
                   
+
−
            </div>
+
−
        </section>
+
−
        <!-- End About Section-->
+
−
        <hr />
+
  
−
       
+
<div class="photo-album">
−
       
+
    <h1><span>Atlanta Botanical Gardens</h1>
−
        <hr />
+
<a href="https://static.igem.org/mediawiki/2015/6/6b/ABG_GSUiGEM_%284%29.jpg" class="large polaroid img1"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/6/6b/ABG_GSUiGEM_%284%29.jpg"; class="enlarge" alt=""></a>
−
+
<a href="https://static.igem.org/mediawiki/2015/d/de/ABG_GSUiGEM_%287%29.jpg" class="medium polaroid img2"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/d/de/ABG_GSUiGEM_%287%29.jpg"; class="enlarge" alt=""></a>
−
        <hr />
+
<a href="https://static.igem.org/mediawiki/2015/e/e8/ABG_GSUiGEM_%2810%29.jpg" class="small polaroid img3"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/e/e8/ABG_GSUiGEM_%2810%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/5/54/ABG_GSUiGEM_%2814%29.jpg" class="large polaroid img4"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/5/54/ABG_GSUiGEM_%2814%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/5/56/ABG_GSUiGEM_%2815%29.jpg" class="medium polaroid img5"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/5/56/ABG_GSUiGEM_%2815%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/1/1e/ABG_GSUiGEM_%2819%29.jpg" class="small polaroid img6"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/1/1e/ABG_GSUiGEM_%2819%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/e/ea/ABG_GSUiGEM_%2820%29.jpg" class="large polaroid img7"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/e/ea/ABG_GSUiGEM_%2820%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/e/e2/ABG_GSUiGEM_%2824%29.jpg" class="medium polaroid img8"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/e/e2/ABG_GSUiGEM_%2824%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/3/36/ABG_GSUiGEM_%2832%29.jpg" class="small polaroid img9"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/3/36/ABG_GSUiGEM_%2832%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/1/18/ABG_GSUiGEM_%2834%29.jpg" class="large polaroid img10"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/1/18/ABG_GSUiGEM_%2834%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/b/bc/ABG_GSUiGEM_%2838%29.jpg" class="medium polaroid img11"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/b/bc/ABG_GSUiGEM_%2838%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/c/ce/ABG_GSUiGEM_%2845%29.jpg" class="small polaroid img12"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/c/ce/ABG_GSUiGEM_%2845%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/6/66/ABG_GSUiGEM_%2853%29.jpg" class="large polaroid img13"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/6/66/ABG_GSUiGEM_%2853%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/d/d8/ABG_GSUiGEM_%2854%29.jpg" class="medium polaroid img14"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/d/d8/ABG_GSUiGEM_%2854%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/5/53/ABG_GSUiGEM_%2858%29.jpg" class="small polaroid img15"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/5/53/ABG_GSUiGEM_%2858%29.jpg"; class="enlarge" alt=""></a>
 +
  
−
<!-- Atlanta Botanical Gardens Section -->
+
</div>
−
        <section id="client-logos" class="wow fadeIn ptb ptb-sm-80">
+
−
            <div class="container text-center">
+
−
                <h3> Atlanta Botanical Gardens </h3>
+
−
            </div>
+
−
            <div class="spacer-60"></div>
+
−
            <div class="container">
+
−
                <div class="owl-carousel client-carousel nf-carousel-theme ">
+
−
                    <div class="item">
+
−
                        <div class="image-gallery">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/d/d7/ABG_GSUiGEM_%281%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="image-gallery">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/f/f2/ABG_GSUiGEM_%282%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="image-gallery">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/6/6b/ABG_GSUiGEM_%284%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="image-gallery">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/2/25/ABG_GSUiGEM_%285%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="image-gallery">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/8/8d/ABG_GSUiGEM_%286%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="image-gallery">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/d/de/ABG_GSUiGEM_%287%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="image-gallery">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/d/d9/ABG_GSUiGEM_%288%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="image-gallery">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/3/39/ABG_GSUiGEM_%289%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="image-gallery">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/e/e8/ABG_GSUiGEM_%2810%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="image-gallery">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/f/f9/ABG_GSUiGEM_%2811%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </section>
+
−
        <!-- End Atlanta Botanical Gardens Section -->
+
  
−
<!-- Six Flags Whitewater Section -->
 
−
        <section id="client-logos" class="wow fadeIn ptb ptb-sm-80">
 
−
            <div class="container text-center">
 
−
                <h3> Six Flags Whitewater </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="https://static.igem.org/mediawiki/2015/5/56/GSUiGEM_STEM_logo.PNG" alt="" />
 
−
                        </div>
 
−
                    </div>
 
−
                    <div class="item">
 
−
                        <div class="client-logo">
 
−
                            <img src="https://static.igem.org/mediawiki/2015/8/8d/GSUiGEM_biologylogo.png" alt="" />
 
−
                        </div>
 
−
                    </div>
 
−
                    <div class="item">
 
−
                        <div class="client-logo">
 
−
                            <img src="https://static.igem.org/mediawiki/2015/b/ba/Idt_logo2015.jpg" 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 Six Flags Whitewater Section -->
 
  
−
<!-- Atlanta Science Festival Section -->
+
<div class="photo-album">
−
        <section id="client-logos" class="wow fadeIn ptb ptb-sm-80">
+
    <h1><span>Atlanta Science Festival!</h1>
−
            <div class="container text-center">
+
<a href="https://static.igem.org/mediawiki/2015/1/1a/ASFExplorationExpo_GSUiGEM_%281%29.JPG" class="small polaroid img3"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/1/1a/ASFExplorationExpo_GSUiGEM_%281%29.JPG"; class="enlarge" alt=""></a>
−
                <h3> Atlanta Science Festival </h3>
+
<a href="https://static.igem.org/mediawiki/2015/9/90/ASFExplorationExpo_GSUiGEM_%283%29.JPG" class="large polaroid img4"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/9/90/ASFExplorationExpo_GSUiGEM_%283%29.JPG"; class="enlarge" alt=""></a>
−
            </div>
+
<a href="https://static.igem.org/mediawiki/2015/1/1d/ASFExplorationExpo_GSUiGEM_%289%29.JPG" class="medium polaroid img5"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/1/1d/ASFExplorationExpo_GSUiGEM_%289%29.JPG"; class="enlarge" alt=""></a>
−
            <div class="spacer-60"></div>
+
<a href="https://static.igem.org/mediawiki/2015/b/be/ASFExplorationExpo_GSUiGEM_%2811%29.JPG" class="small polaroid img6"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/b/be/ASFExplorationExpo_GSUiGEM_%2811%29.JPG"; class="enlarge" alt=""></a>
−
            <div class="container">
+
<a href="https://static.igem.org/mediawiki/2015/6/66/DiscoveryDay_GSUiGEM_%282%29.jpg" class="large polaroid img7"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/6/66/DiscoveryDay_GSUiGEM_%282%29.jpg"; class="enlarge" alt=""></a>
−
                <div class="owl-carousel client-carousel nf-carousel-theme ">
+
<a href="https://static.igem.org/mediawiki/2015/3/3b/DiscoveryDay_GSUiGEM_%285%29.jpg" class="medium polaroid img8"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/3/3b/DiscoveryDay_GSUiGEM_%285%29.jpg"; class="enlarge" alt=""></a>
−
                    <div class="item">
+
<a href="https://static.igem.org/mediawiki/2015/b/b6/DiscoveryDay_GSUiGEM_%286%29.jpg" class="small polaroid img9"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/b/b6/DiscoveryDay_GSUiGEM_%286%29.jpg"; class="enlarge" alt=""></a>
−
                        <div class="client-logo">
+
<a href="https://static.igem.org/mediawiki/2015/0/01/DiscoveryDay_GSUiGEM_%287%29.jpg" class="large polaroid img10"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/0/01/DiscoveryDay_GSUiGEM_%287%29.jpg"; class="enlarge" alt=""></a>
−
                           
+
<a href="https://static.igem.org/mediawiki/2015/c/c4/DiscoveryDay_GSUiGEM_%288%29.jpg" class="large polaroid img1"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/c/c4/DiscoveryDay_GSUiGEM_%288%29.jpg"; class="enlarge" alt=""></a>
−
<img src="https://static.igem.org/mediawiki/2015/5/56/GSUiGEM_STEM_logo.PNG" alt="" />
+
<a href="https://static.igem.org/mediawiki/2015/9/93/ASFExplorationExpo_GSUiGEM_%2820%29.JPG" class="medium polaroid img2"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/9/93/ASFExplorationExpo_GSUiGEM_%2820%29.JPG"; class="enlarge" alt=""></a>
−
                        </div>
+
<a href="https://static.igem.org/mediawiki/2015/9/92/ASFExplorationExpo_GSUiGEM_%2823%29.JPG" class="medium polaroid img11"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/9/92/ASFExplorationExpo_GSUiGEM_%2823%29.JPG"; class="enlarge" alt=""></a>
−
                    </div>
+
<a href="https://static.igem.org/mediawiki/2015/7/76/ASFExplorationExpo_GSUiGEM_%2816%29.JPG" class="small polaroid img12"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/7/76/ASFExplorationExpo_GSUiGEM_%2816%29.JPG"; class="enlarge" alt=""></a>
−
                    <div class="item">
+
<a href="https://static.igem.org/mediawiki/2015/6/6e/DiscoveryDay_GSUiGEM_%289%29.jpg" class="large polaroid img13"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/6/6e/DiscoveryDay_GSUiGEM_%289%29.jpg"; class="enlarge" alt=""></a>
−
                        <div class="client-logo">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/8/8d/GSUiGEM_biologylogo.png" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="client-logo">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/b/ba/Idt_logo2015.jpg" 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 Atlanta Science Festival Section -->
+
  
−
<!-- Memes Section -->
+
</div>
−
        <section id="client-logos" class="wow fadeIn ptb ptb-sm-80">
+
−
            <div class="container text-center">
+
−
                <h3> Memes </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="https://static.igem.org/mediawiki/2015/4/44/GSUMemes_GSUiGEM_%281%29.jpeg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="client-logo">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/9/93/GSUMemes_GSUiGEM_%282%29.jpeg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="client-logo">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/6/62/GSUMemes_GSUiGEM_%283%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="client-logo">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/8/89/GSUMemes_GSUiGEM_%284%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="client-logo">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/b/bf/GSUMemes_GSUiGEM_%285%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="client-logo">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/d/d6/GSUMemes_GSUiGEM_%286%29.jpg" 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="https://static.igem.org/mediawiki/2015/e/ea/GSUMemes_GSUiGEM_%287%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="client-logo">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/9/96/GSUMemes_GSUiGEM_%288%29.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="item">
+
−
                        <div class="client-logo">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/e/ec/GSUMemes_GSUiGEM_%289%29.jpeg" alt="" />
+
−
                        </div>
+
−
                    <div class="item">
+
−
                        <div class="client-logo">
+
−
                            <img src="https://static.igem.org/mediawiki/2015/f/f5/IMG_20150829_112721.jpg" alt="" />
+
−
                        </div>
+
−
                    </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </section>
+
−
        <!-- End Memes 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>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">
+
−
                           
+
−
                        </div>
+
−
                                    <i class="ion ion-social-twitter"></i>
+
−
                                </div>
+
−
                                <h6><a class="Link" target="_blank" href="https://twitter.com/GSUiGEM">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/GSUiGEM">Facebook</a></h6>
+
−
                            </div>
+
−
                           
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </section>
+
−
        <!-- End Social Section -->
+
  
−
       
+
<div class="photo-album">
 +
    <h1><span>Six Flags: White Water Education Day!</h1>
 +
<a href="https://static.igem.org/mediawiki/2015/c/cd/SixFlags_GSUiGEM_%281%29.jpg" class="large polaroid img1"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/c/cd/SixFlags_GSUiGEM_%281%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/b/b2/SixFlags_GSUiGEM_%282%29.jpg" class="medium polaroid img2"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/b/b2/SixFlags_GSUiGEM_%282%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/a/a6/SixFlags_GSUiGEM_%283%29.jpg" class="small polaroid img3"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/a/a6/SixFlags_GSUiGEM_%283%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/9/94/SixFlags_GSUiGEM_%285%29.jpg" class="large polaroid img4"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/9/94/SixFlags_GSUiGEM_%285%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/0/0a/SixFlags_GSUiGEM_%2812%29.jpg" class="medium polaroid img5"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/0/0a/SixFlags_GSUiGEM_%2812%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/f/ff/SixFlags_GSUiGEM_%2814%29.jpg" class="small polaroid img6"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/f/ff/SixFlags_GSUiGEM_%2814%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/0/01/SixFlags_GSUiGEM_%2821%29.jpg" class="large polaroid img7"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/0/01/SixFlags_GSUiGEM_%2821%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/4/41/SixFlags_GSUiGEM_%2827%29.jpg" class="medium polaroid img8"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/4/41/SixFlags_GSUiGEM_%2827%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/9/9e/SixFlags_GSUiGEM_%2835%29.jpg" class="small polaroid img9"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/9/9e/SixFlags_GSUiGEM_%2835%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/a/ad/SixFlags_GSUiGEM_%2837%29.jpg" class="large polaroid img10"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/a/ad/SixFlags_GSUiGEM_%2837%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/6/66/SixFlags_GSUiGEM_%2841%29.jpg" class="medium polaroid img11"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/6/66/SixFlags_GSUiGEM_%2841%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/7/76/SixFlags_GSUiGEM_%2845%29.jpg" class="small polaroid img12"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/7/76/SixFlags_GSUiGEM_%2845%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/f/f1/SixFlags_GSUiGEM_%2862%29.jpg" class="large polaroid img13"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/f/f1/SixFlags_GSUiGEM_%2862%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/e/e0/SixFlags_GSUiGEM_%2850%29.jpg" class="medium polaroid img14"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/e/e0/SixFlags_GSUiGEM_%2850%29.jpg"; class="enlarge" alt=""></a>
 +
<a href="https://static.igem.org/mediawiki/2015/c/c3/SixFlags_GSUiGEM_%2861%29.jpg" class="small polaroid img15"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/c/c3/SixFlags_GSUiGEM_%2861%29.jpg"; class="enlarge" alt=""></a>
 +
  
−
        <hr />
+
</div>
  
−
        <section id="contact-info" class="ptb ptb-sm-80">
+
<div class="photo-album">
−
            <div class="container">
+
    <h1><span>Memes!</h1>
−
                <div class="row">
+
<a href="https://static.igem.org/mediawiki/2015/4/44/GSUMemes_GSUiGEM_%281%29.jpeg" class="large polaroid img1"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/4/44/GSUMemes_GSUiGEM_%281%29.jpeg"; class="enlarge" alt=""></a>
−
                    <div class="col-md-4">
+
<a href="https://static.igem.org/mediawiki/2015/9/93/GSUMemes_GSUiGEM_%282%29.jpeg" class="medium polaroid img2"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/9/93/GSUMemes_GSUiGEM_%282%29.jpeg"; class="enlarge" alt=""></a>
−
                        <div class="contact-box-left">
+
<a href="https://static.igem.org/mediawiki/2015/6/62/GSUMemes_GSUiGEM_%283%29.jpg" class="small polaroid img3"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/6/62/GSUMemes_GSUiGEM_%283%29.jpg"; class="enlarge" alt=""></a>
−
                            <div class="contact-icon-left"><i class="ion ion-ios-location"></i></div>
+
<a href="https://static.igem.org/mediawiki/2015/8/89/GSUMemes_GSUiGEM_%284%29.jpg" class="large polaroid img4"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/8/89/GSUMemes_GSUiGEM_%284%29.jpg"; class="enlarge" alt=""></a>
−
                            <h6>Address</h6>
+
<a href="https://static.igem.org/mediawiki/2015/b/bf/GSUMemes_GSUiGEM_%285%29.jpg" class="medium polaroid img5"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/b/bf/GSUMemes_GSUiGEM_%285%29.jpg"; class="enlarge" alt=""></a>
−
                            <p>
+
<a href="https://static.igem.org/mediawiki/2015/d/d6/GSUMemes_GSUiGEM_%286%29.jpg"; class="large polaroid img6";class="enlarge"><img src="https://static.igem.org/mediawiki/2015/d/d6/GSUMemes_GSUiGEM_%286%29.jpg"; class="enlarge" alt=""></a>
−
                                iGEM Lab
+
<a href="https://static.igem.org/mediawiki/2015/e/ea/GSUMemes_GSUiGEM_%287%29.jpg" class="large polaroid img7"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/e/ea/GSUMemes_GSUiGEM_%287%29.jpg"; class="enlarge" alt=""></a>
−
                               
+
<a href="https://static.igem.org/mediawiki/2015/9/96/GSUMemes_GSUiGEM_%288%29.jpg" class="medium polaroid img8"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/9/96/GSUMemes_GSUiGEM_%288%29.jpg"; class="enlarge" alt=""></a>
−
                                24 Peachtree Center Ave SE, Kell Hall 439
+
<a href="https://static.igem.org/mediawiki/2015/e/ec/GSUMemes_GSUiGEM_%289%29.jpeg" class="small polaroid img9"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/e/ec/GSUMemes_GSUiGEM_%289%29.jpeg"; class="enlarge" alt=""></a>
−
                                Atlanta, Georgia 30303
+
<a href="https://static.igem.org/mediawiki/2015/f/f5/IMG_20150829_112721.jpg" class="large polaroid img10"; class="enlarge"><img src="https://static.igem.org/mediawiki/2015/f/f5/IMG_20150829_112721.jpg"; class="enlarge" alt=""></a>
−
                            </p>
+
 +
  
−
                        </div>
+
</div>
−
                    </div>
+
  
−
                    <div class="col-md-4">
+
<div class="photo-album">
−
                        <div class="contact-box-left">
+
    <h1><span>2015 Giant Jamborree</h1>
−
                            <div class="contact-icon-left"><i class="ion ion-ios-telephone"></i></div>
+
<a href="#" class="large polaroid img1"; class="enlarge"><img src="#"; class="enlarge" alt=""></a>
−
                            <h6>Call Us</h6>
+
<a href="#" class="medium polaroid img2"; class="enlarge"><img src="#"; class="enlarge" alt=""></a>
−
                            <p>
+
<a href="###" class="large polaroid img10"; class="enlarge"><img src="###"; class="enlarge" alt=""></a>
−
                                <span>We're all millennials. We don't like talking on the phone. Send us a Tweet!</span><br />
+
<a href="#" class="small polaroid img3"; class="enlarge"><img src="#"; class="enlarge" alt=""></a>
−
                            </p>
+
<a href="#" class="large polaroid img4"; class="enlarge"><img src="#"; class="enlarge" alt=""></a>
−
                        </div>
+
<a href="#" class="medium polaroid img5"; class="enlarge"><img src="#"; class="enlarge" alt=""></a>
−
                    </div>
+
<a href="#" class="small polaroid img6"; class="enlarge"><img src="#"; class="enlarge" alt=""></a>
 +
<a href="#" class="large polaroid img7"; class="enlarge"><img src="#"; class="enlarge" alt=""></a>
 +
<a href="###" class="medium polaroid img14"; class="enlarge"><img src="###"; class="enlarge" alt=""></a>
 +
<a href="###" class="small polaroid img15"; class="enlarge"><img src="###"; class="enlarge" alt=""></a>
 +
<a href="###" class="medium polaroid img8"; class="enlarge"><img src="###"; class="enlarge" alt=""></a>
 +
<a href="###" class="small polaroid img9"; class="enlarge"><img src="###"; class="enlarge" alt=""></a>
 +
<a href="###" class="medium polaroid img11"; class="enlarge"><img src="###"; class="enlarge" alt=""></a>
 +
<a href="###" class="small polaroid img12"; class="enlarge"><img src="###"; class="enlarge" alt=""></a>
 +
<a href="###" class="large polaroid img13"; class="enlarge"><img src="###"; class="enlarge" alt=""></a>
  
−
                    <div class="col-md-4">
+
</div>
−
                        <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 -->
+
<!-- END PhotoGallery HTML Section -->
 +
<!-- FOOTER -->
 
         <footer class="footer pt-80">
 
         <footer class="footer pt-80">
  
Line 514: Line 480:
 
                 </div>
 
                 </div>
 
             </section>
 
             </section>
−
            <!-- End Copyright Bar -->
+
  <!-- End Copyright Bar -->
  
 
         </footer>
 
         </footer>
−
        <!-- END FOOTER -->
+
<!-- END FOOTER -->
  
 
         <!-- Scroll Top -->
 
         <!-- Scroll Top -->
 
         <a class="scroll-top">
 
         <a class="scroll-top">
−
            <i class="fa fa-angle-double-up"></i>
+
<img src="https://static.igem.org/mediawiki/2015/8/84/GSUiGEM-uparrow.png" alt="" />
 
         </a>
 
         </a>
 
         <!-- End Scroll Top -->
 
         <!-- End Scroll Top -->

Revision as of 19:10, 29 October 2015

IGEM Team:GSU /* Source code provided from Codepen.io http://codepen.io/fivera/pen/rHigj */


Image Gallery #GetExcited


Atlanta Botanical Gardens

Atlanta Science Festival!

Six Flags: White Water Education Day!

Memes!

2015 Giant Jamborree

© 2015 GSU IGEM. All Rights Reserved.