Difference between revisions of "Team:SVCE Chennai/Gallery"

(Created page with "<html> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <link...")
 
 
(13 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
<link rel="stylesheet" type="text/css" href="https://bootswatch.com/flatly/bootstrap.css"/>
 
<link rel="stylesheet" type="text/css" href="https://bootswatch.com/flatly/bootstrap.css"/>
  
 
+
<link rel="stylesheet" type="text/css" href="http://vodkabears.github.io/galereya/css/jquery.galereya.css" />
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:SVCE_Chennai/CSS?action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:SVCE_Chennai/CSS?action=raw&ctype=text/css" />
  
 
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
 +
  
 
<nav class="navBarIGEM navbar navbar-default navbar-fixed-top">
 
<nav class="navBarIGEM navbar navbar-default navbar-fixed-top">
Line 21: Line 22:
 
<span class="icon-bar"></span>
 
<span class="icon-bar"></span>
 
</button>
 
</button>
<a class="navbar-brand" href="#" style="padding-top:0px;"><img src="https://static.igem.org/mediawiki/2015/2/25/MainLogo_Title.png" class="teamLogo"></a>
+
<a class="navbar-brand" href="https://2015.igem.org/Team:SVCE_Chennai" style="padding-top:0px;"><img src="https://static.igem.org/mediawiki/2015/2/25/MainLogo_Title.png" class="teamLogo" style="    padding-left: 15px;"></a>
 
</div>
 
</div>
 
 
Line 27: Line 28:
 
<div class="collapse navbar-collapse js-navbar-collapse">
 
<div class="collapse navbar-collapse js-navbar-collapse">
 
<ul id="sdt_menu" class="sdt_menu">
 
<ul id="sdt_menu" class="sdt_menu">
 +
            <li>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Results">
 +
<img src="https://static.igem.org/mediawiki/2015/b/b9/MenuImgs_results.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Results</span>
 +
<span class="sdt_descr">Data and Chart</span>
 +
</span>
 +
</a>
 +
                           
 +
</li>
 
<li>
 
<li>
 
<a href="https://2015.igem.org/Team:SVCE_Chennai/Gallery">
 
<a href="https://2015.igem.org/Team:SVCE_Chennai/Gallery">
Line 50: Line 62:
 
                     <div class="sdt_box">
 
                     <div class="sdt_box">
 
<a href="https://2015.igem.org/Team:SVCE_Chennai/Practices">Human Practices</a>
 
<a href="https://2015.igem.org/Team:SVCE_Chennai/Practices">Human Practices</a>
<a href="https://2015.igem.org/Team:SVCE_Chennai/Collab">Collaboration</a>
+
<a href="https://2015.igem.org/Team:SVCE_Chennai/Collaboration">Collaboration</a>
 +
                        <a href="https://2015.igem.org/Team:SVCE_Chennai/Entrepreneurship">Entrepreneurship</a>
 
</div>
 
</div>
 
</li>
 
</li>
Line 115: Line 128:
 
<div class="row stickyNotification">
 
<div class="row stickyNotification">
 
    
 
    
     <section id="photostack-1" class="photostack photostack-start">
+
     <div id="gal1" style="margin-top:-55px;">
<div>
+
       
+
    <img src="http://i.imgur.com/JU2xvEc.jpg"
<figure data-dummy>
+
        data-fullsrc="http://i.imgur.com/JU2xvEc.jpg"
<a href="#" class="photostack-img"><img src="img/16.jpg" alt="img16"/></a>
+
    />
<figcaption>
+
            <img src="http://i.imgur.com/UNlERHO.jpg"
<h2 class="photostack-title">Lightness</h2>
+
        data-fullsrc="http://i.imgur.com/UNlERHO.jpg"
</figcaption>
+
    />
</figure>
+
            <img src="http://i.imgur.com/Zzozs8Z.jpg"
</div>
+
        data-fullsrc="http://i.imgur.com/Zzozs8Z.jpg"
</section>
+
    />
 +
            <img src="http://i.imgur.com/81WcSx9.jpg"
 +
        data-fullsrc="http://i.imgur.com/81WcSx9.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/Hvy0UBA.jpg"
 +
        data-fullsrc="http://i.imgur.com/Hvy0UBA.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/GruIoeY.jpg"
 +
        data-fullsrc="http://i.imgur.com/GruIoeY.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/vk7hn4i.jpg"
 +
        data-fullsrc="http://i.imgur.com/vk7hn4i.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/kJF7RWy.jpg"
 +
        data-fullsrc="http://i.imgur.com/kJF7RWy.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/sWplFpI.jpg"
 +
        data-fullsrc="http://i.imgur.com/sWplFpI.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/7rd3Mx8.jpg"
 +
        data-fullsrc="http://i.imgur.com/7rd3Mx8.jpg"
 +
    />
 +
          <img src="http://i.imgur.com/mZUTlVm.jpg"
 +
        data-fullsrc="http://i.imgur.com/mZUTlVm.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/URzGdOS.jpg"
 +
        data-fullsrc="http://i.imgur.com/URzGdOS.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/ZLMrhhU.jpg"
 +
        data-fullsrc="http://i.imgur.com/ZLMrhhU.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/4nk0SSR.jpg"
 +
        data-fullsrc="http://i.imgur.com/4nk0SSR.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/9LXQ1xY.jpg"
 +
        data-fullsrc="http://i.imgur.com/9LXQ1xY.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/cEgrRmk.jpg"
 +
        data-fullsrc="http://i.imgur.com/cEgrRmk.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/skh9Q0f.jpg"
 +
        data-fullsrc="http://i.imgur.com/skh9Q0f.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/PHhdKPZ.jpg"
 +
        data-fullsrc="http://i.imgur.com/PHhdKPZ.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/AVrxt6m.jpg"
 +
        data-fullsrc="http://i.imgur.com/AVrxt6m.jpg"
 +
    />
 +
            <img src="http://i.imgur.com/sGNulkl.jpg"
 +
        data-fullsrc="http://i.imgur.com/sGNulkl.jpg"
 +
    />
 +
              <img src="http://i.imgur.com/B7XqeOx.jpg"
 +
        data-fullsrc="http://i.imgur.com/B7XqeOx.jpg"
 +
    />
 +
              <img src="http://i.imgur.com/HmAIato.jpg"
 +
        data-fullsrc="http://i.imgur.com/HmAIato.jpg"
 +
    />
 +
                <img src="http://i.imgur.com/fZuRRdY.jpg"
 +
        data-fullsrc="http://i.imgur.com/fZuRRdY.jpg"
 +
    />
 +
              <img src="http://i.imgur.com/LNqoiZZ.jpg"
 +
        data-fullsrc="http://i.imgur.com/LNqoiZZ.jpg"
 +
    />
 +
              <img src="http://i.imgur.com/cHLDzMl.jpg"
 +
        data-fullsrc="http://i.imgur.com/cHLDzMl.jpg"
 +
    />
 +
              <img src="http://i.imgur.com/PvilU5j.jpg"
 +
        data-fullsrc="http://i.imgur.com/PvilU5j.jpg"
 +
    />
 +
              <img src="http://i.imgur.com/qCQXPVW.jpg"
 +
        data-fullsrc="http://i.imgur.com/qCQXPVW.jpg"
 +
    />
 +
              <img src="http://i.imgur.com/BXq2sRU.jpg"
 +
        data-fullsrc="http://i.imgur.com/BXq2sRU.jpg"
 +
    />
 +
              <img src="http://i.imgur.com/L3qBsyW.jpg"
 +
        data-fullsrc="http://i.imgur.com/L3qBsyW.jpg"
 +
    />
 +
              <img src="http://i.imgur.com/iU0AhfP.jpg"
 +
        data-fullsrc="http://i.imgur.com/iU0AhfP.jpg"
 +
    />
 +
       
 +
    </div>
 
      
 
      
 
      
 
      
Line 158: Line 254:
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/annyang/2.0.0/annyang.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/annyang/2.0.0/annyang.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/classie/1.0.1/classie.min.js"></script>
+
  <script type="text/javascript" src="http://vodkabears.github.io/galereya/js/jquery.galereya.min.js"></script>
<script src="http://tympanus.net/Development/ScatteredPolaroidsGallery/js/photostack.js"></script>
+
    <script>
<script>
+
        $('#gal1').galereya();
+
    </script>
new Photostack( document.getElementById( 'photostack-1' ), {
+
callback : function( item ) {
+
//console.log(item)
+
}
+
} );
+
+
</script>
+
 
</html>
 
</html>

Latest revision as of 01:47, 19 September 2015

Gallery

Lets talk!

Sri Venkateswara College of Engineering, Chennai