Difference between revisions of "Team:IISER-Kolkata"

Line 1: Line 1:
 +
<!DOCTYPE html>
 
<html>
 
<html>
+
<head>
<link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2018/6/60/T--IISER-Kolkata--logo.jpg" width="30" height="30"/>
+
<title>iGEM IISER Kolkata 2018</title>
<!--<link rel="stylesheet" href="css/style.css"/>-->
+
<style type="text/css">
+
/*fonts*/
+
@font-face {
+
    src: url("https://static.igem.org/mediawiki/2018/1/14/T--IISER-Kolkata--blogger.ttf");
+
    font-family: blogger;
+
}
+
@font-face {
+
    src: url("https://static.igem.org/mediawiki/2018/7/7a/T--IISER-Kolkata--prime.otf");
+
    font-family: prime;
+
}
+
@font-face {
+
    src: url("https://static.igem.org/mediawiki/2018/5/5a/T--IISER-Kolkata--rodina.otf");
+
    font-family: rodina;
+
}
+
@font-face {
+
    src: url("https://static.igem.org/mediawiki/2018/f/f7/T--IISER-Kolkata--social.ttf");
+
    font-family: social;
+
}
+
  
/*body*/
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
body, html {
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
width: 100vw;
+
<meta name="description" content="Inquivesta, the Science Fest of IISER Kolkata.">
margin: 0;
+
<meta name="keywords" content="Inquivesta 2017, IISER Kolkata, Largest Science Fest">
padding: 0;
+
}
+
body {
+
    height: 1200vh;
+
overflow-y: scroll;
+
overflow-x: hidden;
+
margin: auto;
+
}
+
body::-webkit-scrollbar-track
+
{
+
background-color: black;
+
}
+
body::-webkit-scrollbar
+
{
+
width: 1vw;
+
}
+
body::-webkit-scrollbar-thumb
+
{
+
background-color: #999999;
+
}
+
body::-webkit-scrollbar-thumb:hover
+
{
+
    background-color: #777777;
+
}
+
  
#container {
+
<link rel="icon" type="image/png" href="img/logo.png" width="30" height="30"/>
height: 1200vh;
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:IISER-Kolkata/style.css&action=raw&ctype=text/css"/>
width: 100vw;
+
display: flex;
+
flex-direction: column;
+
}
+
 
+
/*navbar*/
+
#menubar { 
+
width: 100vw;
+
    height: 3vw;
+
    background-color: rgba(0,0,0,0.7);
+
    display: inline-flex;
+
    align-items: center; 
+
    position: absolute;
+
    top: 100vh;
+
    left: 0vw;
+
    z-index: 10;
+
}
+
#menubar.stickymenu {
+
    position: fixed;
+
    top: 0vh;
+
}
+
#menubar #logo {
+
    margin-left: 1vw;
+
    margin-right: 1vw;
+
    display: flex;
+
    width: 2.5vw;
+
    height: 2.5vw;   
+
}
+
#logo img {
+
    height: 100%;
+
    width: 100%;
+
}
+
#menubar .pagelink {
+
    display: flex; 
+
    align-items: center;
+
    justify-content: center; 
+
    height: 100%;
+
    width: 8vw;       
+
}
+
#menubar .pagelink#registerMenu {
+
    margin-left: auto;
+
}
+
#menubar .pagelink#loginMenu {
+
    margin-right: 1vw;
+
}
+
.pagelink div {
+
    cursor: pointer;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
.pagelink div p {
+
    font-family: prime;
+
    font-size: 1.3vw;
+
    color: #cccccc; 
+
}
+
.pagelink div:hover > p {
+
    color: white !important;
+
}
+
#register {
+
    position: fixed;
+
    display: flex;
+
    height: 40vw;
+
    width: 40vw;
+
    left: -45vw;
+
    top: 50vh;
+
    margin-top: -20vw;
+
    background-color: white;
+
    border: 0.2vw solid black;
+
    border-radius: 2vw;
+
    z-index: 10;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
#login {
+
    position: fixed;
+
    display: flex;
+
    height: 20vw;
+
    width: 30vw;
+
    left: -35vw;
+
    top: 50vh;
+
    margin-top: -10vw;
+
    background-color: white;
+
    border: 0.2vw solid black;
+
    border-radius: 2vw;
+
    z-index: 10;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
.orangetext div p {
+
    color: orange !important;
+
}
+
.orangetext div:hover > p {
+
    color: yellow !important;
+
}
+
#login .exit, #register .exit {
+
    position: absolute;
+
    top: 1vw;
+
    right: 1vw;
+
    height: 3vw;
+
    width: 3vw;
+
    border-radius: 100%;
+
    font-family: rodina;
+
    font-weight: bold;
+
    font-size: 3vw;
+
    cursor: pointer;
+
    color: black;
+
    z-index: 1;
+
    display: flex;
+
    align-items: center;
+
    justify-content: center;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
#login .exit:hover, #register .exit:hover {
+
    background-color: black;
+
    color: white;
+
}
+
 
+
section {
+
position: relative;
+
display: flex;
+
height: 200vh;
+
width: 100vw;
+
}
+
 
+
#home {
+
    background: white;
+
    height: 100vh;
+
}
+
#home #iiserk {
+
    height: 6vw;
+
    width: 6vw;   
+
    display: flex;
+
    align-items: center; 
+
    position: absolute;
+
    top: 1vw;
+
    left: 1vw;
+
    z-index: 5;
+
    cursor: pointer;
+
}
+
#iiserk:hover {
+
   
+
}
+
#iiserk a img {
+
    height: 6vw;
+
    width: auto;
+
}
+
#home #social {
+
    height: 20vw;
+
    width: 3vw;   
+
    display: flex;
+
    flex-direction: column;
+
    align-items: center; 
+
    position: absolute;
+
    top: 50vh;
+
    margin-top: -10vw;
+
    right: 2vw;
+
    z-index: 5;
+
}
+
#social .links {
+
    height: 3vw;
+
    width: 3vw;
+
    margin: 1vw 0vw 1vw 0vw;
+
    display: flex;
+
    justify-content: center;
+
    align-items: center;
+
    cursor: pointer;
+
}
+
#social .links a {
+
    font-family: social;
+
    font-size: 4vw;
+
    color: black;
+
    text-decoration: none;
+
}
+
#soc-facebook:hover > a {
+
    color: #3b5998;
+
}
+
#soc-twitter:hover > a {
+
    color: #00aced;
+
}
+
#soc-instagram:hover > a {
+
    color: #c32aa3;
+
}
+
#soc-youtube:hover > a {
+
    color: #bb0000;
+
}
+
#home #pagedown {
+
    position: absolute;
+
    top: 90vh;
+
    left: 47vw;
+
    height: 3vw;
+
    width: 6vw;
+
    font-size: 2vw;
+
    cursor: pointer;
+
    display: flex;
+
    align-items: center;
+
    justify-content: center;
+
    background-color: gray;
+
    border: solid black 0.1vw;
+
}
+
 
+
#aboutUs {
+
background-color: chartreuse;
+
}
+
/*aboutUs page*/
+
#aboutUs .sidekick {
+
height: 100vh;
+
width: 15vw;
+
position: absolute;
+
top: 0vh;
+
background-color: white;
+
transition: 0.5s ease;
+
z-index: 1;
+
opacity: 0.5;
+
}
+
.sidekick#sk1 {
+
left: -15vw;
+
}
+
.sidekick#sk2 {
+
left: 100vw;
+
}
+
 
+
/*events page*/
+
#events {
+
    background: white;
+
}
+
#events .tab {
+
    position: absolute;
+
    background-color: white;
+
    display: flex;
+
    align-items: center;
+
    justify-content: center;
+
    height: 100vh;
+
    width: 50vw;
+
    cursor: pointer;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
.tab#left-tab {   
+
    left: 0vw;
+
    top: 0vh;
+
}
+
.tab#right-tab {
+
    left: 50vw;
+
    top: 0vh;
+
}
+
.tab .tab-text {
+
    height: 6vw;
+
    width: 18vw;
+
    padding: 1vw;
+
    font-family: prime;
+
    font-size: 2vw;
+
    color: #000040;
+
    background-color: white;
+
    border: 0.5vw solid #000040;
+
    text-align: center;
+
    display: flex;
+
    align-items: center;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
#left-tab #gamecomp {
+
   
+
}
+
#right-tab #workexhib {
+
   
+
}
+
#events .pop {
+
    position: absolute;
+
    display: flex;
+
    height: 100vh;
+
    width: 100vw;
+
    z-index: 5;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
.pop#gamecomp-pop {
+
    left: 100vw;
+
    top: 0vh;
+
}
+
.pop#workexhib-pop {
+
    left: 100vw;
+
    top: 0vh;
+
}
+
.pop .exit {
+
    position: absolute;
+
    top: 4vw;
+
    left: 94vw;
+
    height: 4vw;
+
    width: 4vw;
+
    border-radius: 100%;
+
    font-family: rodina;
+
    font-weight: bold;
+
    font-size: 4vw;
+
    cursor: pointer;
+
    color: #000040;
+
    z-index: 5;
+
    display: flex;
+
    align-items: center;
+
    justify-content: center;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
.pop .exit:hover {
+
    background-color: #000040;
+
    color: white;
+
}
+
.pop .event-type {
+
    position: absolute;
+
    top: 0vh;
+
    left: 0vw;
+
    height: 100vh;
+
    width: 20vw;
+
    display: flex;
+
    flex-direction: column;
+
    align-items: center;
+
    justify-content: center;
+
    background-color: #000040;
+
}
+
.event-type .type-list {
+
    height: 4vw;
+
    width: 18vw;
+
    display: flex;
+
    align-items: center;
+
    justify-content: center;
+
    margin: 1vw 0vw 1vw 0vw;
+
    background-color: #000040;
+
    border-radius: 1vw 0vw 1vw 0vw;
+
    font-family: prime;
+
    font-size: 1.25vw;
+
    color: white;
+
    cursor: pointer;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
.event-type .list-active {
+
    background-color: white;
+
    color: #000040;
+
}
+
.type-list:hover {
+
    background-color: #aaaaaa;
+
    color: #000040;
+
}
+
.pop .event-desc {
+
    position: absolute;
+
    top: 0vh;
+
    left: 20vw;
+
    height: 100vh;
+
    width: 80vw;
+
    display: flex;
+
    background-color: white;
+
    color: #000040;
+
}
+
.event-desc .event-head {
+
    display: none;
+
    position: absoute;
+
    top: 10vh;
+
    left: 5vw;
+
    height: 10vh;
+
    width: 55vw;
+
    align-items: center;
+
    justify-content: center;
+
    background-color: white;
+
    font-family: blogger;
+
    font-size: 3vw;
+
    font-weight: bold;
+
    color: #000040;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
.event-head.head-active {
+
    display: flex;
+
    position: absolute;
+
}
+
.event-desc .indiv-event {
+
    display: none;
+
    position: absoute;
+
    top: 25vh;
+
    left: 5vw;
+
    height: 50vh;
+
    width: 70vw;
+
    background-color: white;
+
    color: #000040;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
.indiv-event.event-active {
+
    display: flex;
+
    position: absolute;
+
}
+
.indiv-event .details {
+
    position: absoute;
+
    top: 0vh;
+
    left: 0vw;
+
    height: 50vh;
+
    width: 46vw;
+
    border: 0.2vw solid #000040;
+
    border-radius: 3vw 0vw 0vw 3vw;
+
    text-align: justify;
+
    overflow-y: scroll;
+
    overflow-x: hidden;
+
}
+
.indiv-event .details::-webkit-scrollbar-track
+
{
+
    background-color: white;
+
}
+
.indiv-event .details::-webkit-scrollbar
+
{
+
    width: 0.8vw;
+
}
+
.indiv-event .details::-webkit-scrollbar-thumb
+
{
+
    background-color: #000040;
+
}
+
.indiv-event .contact {
+
    position: absoute;
+
    left: 46vw;
+
    margin-left: 2vw;
+
    height: 50vh;
+
    width: 22vw;
+
    border: 0.2vw solid white;
+
    border-radius: 0vw 3vw 3vw 0vw;
+
    background-color: #000040;
+
    color: white;
+
    overflow-x: hidden;
+
}
+
.indiv-event .contact::-webkit-scrollbar-track
+
{
+
    background-color: #000040;
+
}
+
.indiv-event .contact::-webkit-scrollbar
+
{
+
    width: 0.8vw;
+
}
+
.indiv-event .contact::-webkit-scrollbar-thumb
+
{
+
    background-color: white;
+
}
+
.details h4 {
+
    font-family: rodina;
+
    font-size: 2.5vw;
+
    margin: 2vw 2.5vw 2vw 2.5vw;
+
}
+
.details h6, .contact h6 {
+
    font-family: rodina;
+
    font-size: 2vw;
+
    margin: 1.5vw 2.5vw 1.5vw 2.5vw;
+
}
+
.details p, .contact p {
+
    font-family: blogger;
+
    font-size: 1.5vw;
+
    margin: 1vw 2.5vw 1vw 2.5vw;
+
}
+
.event-desc .rem-events {
+
    display: none;
+
    position: absoute;
+
    top: 80vh;
+
    left: 5vw;
+
    height: 15vh;
+
    width: 55vw;
+
    background-color: white;
+
    color: #000040;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
.rem-events.rem-active {
+
    display: flex;
+
    align-items: center;
+
    justify-content: center;
+
    position: absolute;
+
}
+
.rem-events .icon {
+
    display: flex;
+
    cursor: pointer;
+
    margin: 1vw;
+
    height: 6vw;
+
    width: 6vw;
+
    border-radius: 100%;
+
    -webkit-transition: 0.2s linear;
+
    -moz-transition: 0.2s linear;
+
    -o-transition: 0.2s linear;
+
    transition: 0.2s linear;
+
}
+
.icon:hover {
+
    height: 7vw;
+
    width: 7vw;
+
}
+
.icon.icon-active {
+
    height: 8vw;
+
    width: 8vw;
+
}
+
.icon img {
+
    height: 100%;
+
    width: 100%;
+
}
+
 
+
#gallery {
+
    background-color: orange;
+
}
+
#ourTeam {
+
    background-color: darkorchid;
+
}
+
#sponsors {
+
    background-color: goldenrod;
+
}
+
#reachUs {
+
    background-color: pink;
+
    height: 100vh;
+
}
+
</style>
+
  
 
<!--<script type="text/javascript">
 
<!--<script type="text/javascript">
Line 597: Line 21:
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/animation.gsap.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/animation.gsap.min.js"></script>
<!--<script src="js/main.js" defer></script>-->
+
<script src="https://2018.igem.org/Team:IISER-Kolkata/main.js&action=raw&ctype=text/javascript"></script>
+
</head>
 +
<body>
 
<nav id="menubar">
 
<nav id="menubar">
<div id="logo"><img src="https://static.igem.org/mediawiki/2018/6/60/T--IISER-Kolkata--logo.jpg"/></div>
+
<div id="logo"><img src="img/logo.png"/></div>
 
<div class="pagelink" id="homeMenu"><div><p>Home</p></div></div>
 
<div class="pagelink" id="homeMenu"><div><p>Home</p></div></div>
<div class="pagelink" id="aboutUsMenu"><div><p>About</p></div></div>
+
<div class="pagelink" id="aboutUsMenu"><div><p>About Us</p></div></div>
<div class="pagelink" id="eventsMenu"><div><p>Project</p></div></div>
+
<div class="pagelink" id="eventsMenu"><div><p>Events</p></div></div>
 
<div class="pagelink" id="galleryMenu"><div><p>Gallery</p></div></div>
 
<div class="pagelink" id="galleryMenu"><div><p>Gallery</p></div></div>
 
<div class="pagelink" id="ourTeamMenu"><div><p>Our Team</p></div></div>
 
<div class="pagelink" id="ourTeamMenu"><div><p>Our Team</p></div></div>
 
<div class="pagelink" id="sponsorsMenu"><div><p>Sponsors</p></div></div>
 
<div class="pagelink" id="sponsorsMenu"><div><p>Sponsors</p></div></div>
<div class="pagelink" id="reachUsMenu"><div><p>Contact Us</p></div></div>
+
<div class="pagelink" id="reachUsMenu"><div><p>Reach Us</p></div></div>
 +
<div class="pagelink orangetext" id="registerMenu"><div><p>Register</p></div></div>
 +
<div class="pagelink orangetext" id="loginMenu"><div><p>Login</p></div></div>
 
</nav>
 
</nav>
 
<div id="register">
 
<div id="register">
Line 620: Line 47:
 
<div id="container">
 
<div id="container">
 
<section id="home">
 
<section id="home">
<div id="iiserk"><a href="https://www.iiserkol.ac.in" target="_blank"><img src="https://static.igem.org/mediawiki/2018/4/4c/T--IISER-Kolkata--iiserk.png"/></a></div>
+
<div id="iiserk"><a href="https://www.iiserkol.ac.in" target="_blank"><img src="img/iiserk.png"/></a></div>
 +
<div id="social">
 +
<div class="links" id="soc-facebook"><a href="https://www.facebook.com/inquivesta.iiser.kolkata" target="_blank">M</a></div>
 +
<div class="links"id="soc-twitter"><a href="https://twitter.com/inquivesta" target="_blank">N</a></div>
 +
<div class="links"id="soc-instagram"><a href="https://www.instagram.com/inquivesta8/" target="_blank">P</a></div>
 +
<div class="links"id="soc-youtube"><a href="https://www.youtube.com/user/Inquivesta" target="_blank">V</a></div>
 +
</div>
 
<div id="pagedown">Down</div>
 
<div id="pagedown">Down</div>
 
</section>
 
</section>
Line 632: Line 65:
  
 
<section id="events">
 
<section id="events">
+
<div class="tab" id="left-tab">
 +
<div class="tab-text" id="gamecomp">GAMES | COMPETITIONS</div>
 +
</div>
 +
<div class="tab" id="right-tab">
 +
<div class="tab-text" id="workexhib">WORKSHOPS | EXHIBITIONS</div>
 +
</div>
 +
<div class="pop" id="gamecomp-pop">
 +
<div class="exit">X</div>
 +
<div class="event-type">
 +
<div class="type-list list-active" id="scitec">SCIENCE &amp; TECHNOLOGY</div>
 +
<div class="type-list" id="mys">MYSTERY</div>
 +
<div class="type-list" id="quipub">QUIZ &amp; PUBLIC SPEAKING</div>
 +
<div class="type-list" id="artmus">ART &amp; MUSIC</div>
 +
<div class="type-list" id="gam">GAMES</div>
 +
<div class="type-list" id="onl">ONLINE</div>
 +
</div>
 +
<div class="event-desc">
 +
<div class="event-head head-active" id="scitec-head">SCIENCE &amp; TECHNOLOGY</div>
 +
<div class="indiv-event event-active scitec-first" id="scitec-junkyardwars">
 +
<div class="details">
 +
<h4>Junkyard Wars</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="scitec-biomimetics">
 +
<div class="details">
 +
<h4>Biomimetics</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="scitec-thrust">
 +
<div class="details">
 +
<h4>Thrust</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="scitec-botprix">
 +
<div class="details">
 +
<h4>Botprix</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="scitec-ithink">
 +
<div class="details">
 +
<h4>iThink</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="scitec-bah">
 +
<div class="details">
 +
<h4>BAH</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="rem-events rem-active" id="scitec-rem">
 +
<div class="icon icon-active" id="junkyardwars"><img src="img/icons/junkyardwars.png"/></div>
 +
<div class="icon" id="biomimetics"><img src="img/icons/biomimetics.png"/></div>
 +
<div class="icon" id="thrust"><img src="img/icons/thrust.png"/></div>
 +
<div class="icon" id="botprix"><img src="img/icons/botprix.png"/></div>
 +
<div class="icon" id="ithink"><img src="img/icons/ithink.png"/></div>
 +
<div class="icon" id="bah"><img src="img/icons/bah.png"/></div>
 +
</div>
 +
<div class="event-head" id="mys-head">MYSTERY</div>
 +
<div class="indiv-event mys-first" id="mys-lost">
 +
<div class="details">
 +
<h4>LOST</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="mys-csi">
 +
<div class="details">
 +
<h4>CSI</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="rem-events" id="mys-rem">
 +
<div class="icon icon-active" id="lost"><img src="img/icons/lost.png"/></div>
 +
<div class="icon" id="csi"><img src="img/icons/csi.png"/></div>
 +
</div>
 +
<div class="event-head" id="quipub-head">QUIZ &amp; PUBLIC SPEAKING</div>
 +
<div class="indiv-event quipub-first" id="quipub-gnq">
 +
<div class="details">
 +
<h4>GNQ</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="quipub-jamx">
 +
<div class="details">
 +
<h4>JAMx</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="quipub-rationale">
 +
<div class="details">
 +
<h4>Rationale</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="rem-events" id="quipub-rem">
 +
<div class="icon icon-active" id="gnq"><img src="img/icons/gnq.png"/></div>
 +
<div class="icon" id="jamx"><img src="img/icons/jamx.png"/></div>
 +
<div class="icon" id="rationale"><img src="img/icons/rationale.png"/></div>
 +
</div>
 +
<div class="event-head" id="artmus-head">ART &amp; MUSIC</div>
 +
<div class="indiv-event artmus-first" id="artmus-rambleon">
 +
<div class="details">
 +
<h4>Ramble On!</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="artmus-artbeat">
 +
<div class="details">
 +
<h4>Art Beat</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="rem-events" id="artmus-rem">
 +
<div class="icon icon-active" id="rambleon"><img src="img/icons/rambleon.png"/></div>
 +
<div class="icon" id="artbeat"><img src="img/icons/artbeat.png"/></div>
 +
</div>
 +
<div class="event-head" id="gam-head">GAMES</div>
 +
<div class="indiv-event gam-first" id="gam-headshot">
 +
<div class="details">
 +
<h4>Headshot</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="gam-cubehub">
 +
<div class="details">
 +
<h4>Cubehub Open</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="gam-antichess">
 +
<div class="details">
 +
<h4>Anti-Chess</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="gam-futsal">
 +
<div class="details">
 +
<h4>Futsal</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="rem-events" id="gam-rem">
 +
<div class="icon icon-active" id="headshot"><img src="img/icons/headshot.png"/></div>
 +
<div class="icon" id="cubehub"><img src="img/icons/cubehub.png"/></div>
 +
<div class="icon" id="antichess"><img src="img/icons/antichess.png"/></div>
 +
<div class="icon" id="futsal"><img src="img/icons/futsal.png"/></div>
 +
</div>
 +
<div class="event-head" id="onl-head">ONLINE</div>
 +
<div class="indiv-event onl-first" id="onl-cryptek">
 +
<div class="details">
 +
<h4>Cryptek</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="onl-photon">
 +
<div class="details">
 +
<h4>Photon</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="rem-events" id="onl-rem">
 +
<div class="icon icon-active" id="cryptek"><img src="img/icons/cryptek.png"/></div>
 +
<div class="icon" id="photon"><img src="img/icons/photon.png"/></div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="pop" id="workexhib-pop">
 +
<div class="exit">X</div>
 +
<div class="event-type">
 +
<div class="type-list list-active" id="exh">EXHIBITIONS</div>
 +
<div class="type-list" id="wor">WORKSHOPS</div>
 +
</div>
 +
<div class="event-desc">
 +
<div class="event-head head-active" id="exh-head">EXHIBITIONS</div>
 +
<div class="indiv-event event-active exh-first" id="exh-photon">
 +
<div class="details">
 +
<h4>Photon</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="exh-artbeat">
 +
<div class="details">
 +
<h4>Art Beat</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="exh-paradigm">
 +
<div class="details">
 +
<h4>Paradigm</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="rem-events rem-active" id="exh-rem">
 +
<div class="icon icon-active" id="photon"><img src="img/icons/photon.png"/></div>
 +
<div class="icon" id="artbeat"><img src="img/icons/artbeat.png"/></div>
 +
<div class="icon" id="paradigm"><img src="img/icons/paradigm.png"/></div>
 +
</div>
 +
<div class="event-head" id="wor-head">WORKSHOPS</div>
 +
<div class="indiv-event wor-first" id="wor-facebook">
 +
<div class="details">
 +
<h4>Facebook</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="wor-mozilla">
 +
<div class="details">
 +
<h4>Mozilla</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="indiv-event" id="wor-i3indya">
 +
<div class="details">
 +
<h4>i3indya</h4>
 +
<h6>Details</h6>
 +
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
 +
</div>
 +
<div class="contact">
 +
<h6>Contact</h6>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
<p>Random<br/>+91 99999 99999<br/>random@random.com</p>
 +
</div>
 +
</div>
 +
<div class="rem-events" id="wor-rem">
 +
<div class="icon icon-active" id="facebook"><img src="img/icons/facebook.png"/></div>
 +
<div class="icon" id="mozilla"><img src="img/icons/mozilla.png"/></div>
 +
<div class="icon" id="i3indya"><img src="img/icons/i3indya.png"/></div>
 +
</div>
 +
</div>
 +
</div>
 
</section>
 
</section>
  
Line 651: Line 485:
 
</section>
 
</section>
 
</div>
 
</div>
<script type="text/javascript">
+
</body>
$(window).on('resize',function() {
+
    location.reload();
+
});
+
 
+
$(window).on("load", function() {
+
    //navmenubar
+
    var sticky = $("#menubar").offset().top;
+
    $(window).scroll(function() {   
+
        if ($(window).scrollTop() > sticky) {
+
            $("#menubar").addClass("stickymenu");
+
        } else {
+
            $("#menubar").removeClass("stickymenu");
+
        }
+
    });
+
 
+
var homePos = $("#home").offset().top;
+
    var aboutUsPos = $("#aboutUs").offset().top;
+
    var eventsPos = $("#events").offset().top;
+
    var galleryPos = $("#gallery").offset().top;
+
    var ourTeamPos = $("#ourTeam").offset().top;
+
    var sponsorsPos = $("#sponsors").offset().top;
+
    var reachUsPos = $("#reachUs").offset().top;
+
 
+
    $(document).on("click", "#pagedown", function() {
+
$("body, html").animate({scrollTop: aboutUsPos}, 1000, "swing");
+
});
+
$(document).on("click", "#homeMenu", function() {
+
        $("body, html").animate({scrollTop: homePos}, 1000, "swing");
+
    });
+
    $(document).on("click", "#aboutUsMenu", function() {
+
        $("body, html").animate({scrollTop: aboutUsPos}, 1000, "swing");
+
    });
+
    $(document).on("click", "#eventsMenu", function() {
+
        $("body, html").animate({scrollTop: eventsPos}, 1000, "swing");
+
    });
+
    $(document).on("click", "#galleryMenu", function() {
+
        $("body, html").animate({scrollTop: galleryPos}, 1000, "swing");
+
    });
+
    $(document).on("click", "#ourTeamMenu", function() {
+
        $("body, html").animate({scrollTop: ourTeamPos}, 1000, "swing");
+
    });
+
    $(document).on("click", "#sponsorsMenu", function() {
+
        $("body, html").animate({scrollTop: sponsorsPos}, 1000, "swing");
+
    });
+
    $(document).on("click", "#reachUsMenu", function() {
+
        $("body, html").animate({scrollTop: reachUsPos}, 1000, "swing");
+
    }); 
+
 
+
    $(".pagelink#registerMenu").click(function() {
+
        $("#register").css("left","30vw");
+
        $("#login").css("left","-35vw");
+
    });
+
    $(".pagelink#loginMenu").click(function() {
+
        $("#login").css("left","35vw");
+
        $("#register").css("left","-45vw");
+
    });
+
    $("#register .exit").click(function() {
+
        $("#register").css("left","-45vw");
+
    });
+
    $("#login .exit").click(function() {
+
        $("#login").css("left","-35vw");
+
    });
+
 
+
    var halfHeight = window.innerHeight/2;
+
    $(window).scroll(function(){
+
        var windowPos = $(window).scrollTop() + 1;
+
        if (windowPos >= homePos && windowPos < aboutUsPos - halfHeight) {
+
            $(".pagelink").css("background-color","transparent");
+
            $(".pagelink").children().children().css("color","#bbbbbb");
+
            $(".pagelink#homeMenu").css("background-color","#bbbbbb");
+
            $(".pagelink#homeMenu div p").css("color","black");
+
        }
+
        else if (windowPos >= aboutUsPos - halfHeight && windowPos < eventsPos - halfHeight) {
+
            $(".pagelink").css("background-color","transparent");
+
            $(".pagelink").children().children().css("color","#bbbbbb");
+
            $(".pagelink#aboutUsMenu").css("background-color","#bbbbbb");
+
            $(".pagelink#aboutUsMenu div p").css("color","black");
+
        }
+
        else if (windowPos >= eventsPos - halfHeight && windowPos < galleryPos - halfHeight) {
+
            $(".pagelink").css("background-color","transparent");
+
            $(".pagelink").children().children().css("color","#bbbbbb");
+
            $(".pagelink#eventsMenu").css("background-color","#bbbbbb");
+
            $(".pagelink#eventsMenu div p").css("color","black");
+
        }
+
        else if (windowPos >= galleryPos - halfHeight && windowPos < ourTeamPos - halfHeight) {
+
            $(".pagelink").css("background-color","transparent");
+
            $(".pagelink").children().children().css("color","#bbbbbb");
+
            $(".pagelink#galleryMenu").css("background-color","#bbbbbb");
+
            $(".pagelink#galleryMenu div p").css("color","black");
+
        }
+
        else if (windowPos >= ourTeamPos - halfHeight && windowPos < sponsorsPos - halfHeight) {
+
            $(".pagelink").css("background-color","transparent");
+
            $(".pagelink").children().children().css("color","#bbbbbb");
+
            $(".pagelink#ourTeamMenu").css("background-color","#bbbbbb");
+
            $(".pagelink#ourTeamMenu div p").css("color","black");
+
        }
+
        else if (windowPos >= sponsorsPos - halfHeight && windowPos < reachUsPos - halfHeight) {
+
            $(".pagelink").css("background-color","transparent");
+
            $(".pagelink").children().children().css("color","#bbbbbb");
+
            $(".pagelink#sponsorsMenu").css("background-color","#bbbbbb");
+
            $(".pagelink#sponsorsMenu div p").css("color","black");
+
        }
+
        else if (windowPos >= reachUsPos - halfHeight) {
+
            $(".pagelink").css("background-color","transparent");
+
            $(".pagelink").children().children().css("color","#bbbbbb");
+
            $(".pagelink#reachUsMenu").css("background-color","#bbbbbb");
+
            $(".pagelink#reachUsMenu div p").css("color","black");
+
        }
+
    });
+
 
+
    //events page
+
    $("#events .tab").hover(function() {
+
        $(this).css("background-color","#000040");
+
        $(this).children(".tab-text").css("background-color","#000040");
+
        $(this).children(".tab-text").css("color","white");
+
        $(this).children(".tab-text").css("border","0.5vw solid white");
+
    }, function() {
+
        $(this).css("background-color","white");
+
        $(this).children(".tab-text").css("background-color","white");
+
        $(this).children(".tab-text").css("color","#000040");
+
        $(this).children(".tab-text").css("border","0.5vw solid #000040");
+
    });
+
    $("#events .tab").click(function() {
+
        $(".tab").css("display","none");
+
        var tabID = $(this).children().attr("id");
+
        $("#"+tabID+"-pop").css("left","0vw");
+
    });
+
    $(".pop .exit").click(function() {
+
        $(".tab").css("display","flex");
+
        $(this).parent().css("left","100vw");
+
    });
+
    $(".type-list").click(function() {
+
        var nextList = $(this);
+
        var currentList = $(this).siblings(".list-active");
+
        currentList.removeClass("list-active");
+
        nextList.addClass("list-active");
+
        var nextListId = nextList.attr("id");
+
        var currentListId = currentList.attr("id");
+
        var nextHead = $(this).parent().siblings(".event-desc").children(".event-head#"+nextListId+"-head");
+
        var currentHead = $(this).parent().siblings(".event-desc").children(".event-head#"+currentListId+"-head");
+
        currentHead.removeClass("head-active");
+
        nextHead.addClass("head-active");
+
        var nextRem = $(this).parent().siblings(".event-desc").children(".rem-events#"+nextListId+"-rem");
+
        var currentRem = $(this).parent().siblings(".event-desc").children(".rem-events#"+currentListId+"-rem");
+
        currentRem.removeClass("rem-active");
+
        nextRem.addClass("rem-active");
+
        var nextEventId = $(this).parent().siblings(".event-desc").children(".indiv-event."+nextListId+"-first").attr("id");
+
        var currentEventId = $(this).parent().siblings(".event-desc").children(".indiv-event.event-active").attr("id");
+
        var firstEventId = $(this).parent().siblings(".event-desc").children(".indiv-event."+currentListId+"-first").attr("id");
+
        $(".indiv-event#"+currentEventId).removeClass("event-active");
+
        $(".indiv-event#"+nextEventId).addClass("event-active");
+
        var nextIconId = nextEventId.replace(nextListId+"-","");
+
        var currentIconId = currentEventId.replace(currentListId+"-","");
+
        var firstIconId = firstEventId.replace(currentListId+"-","");
+
        if(firstIconId!=currentIconId)
+
        {
+
            $(".icon#"+currentIconId).removeClass("icon-active");
+
            $(".icon#"+firstIconId).addClass("icon-active");
+
        }
+
    });
+
    $(".rem-events .icon").click(function() {
+
        var nextIcon = $(this);
+
        var currentIcon = $(this).siblings(".icon-active");
+
        currentIcon.removeClass("icon-active");
+
        nextIcon.addClass("icon-active");
+
        var nextIconId = nextIcon.attr("id");
+
        var currentIconId = currentIcon.attr("id"); 
+
        var currentListId = $(this).parent().attr("id").replace("-rem","");
+
        $(".indiv-event#"+currentListId+"-"+currentIconId).removeClass("event-active");
+
        $(".indiv-event#"+currentListId+"-"+nextIconId).addClass("event-active");   
+
    });
+
});
+
 
+
$(document).ready(function() {
+
// Init ScrollMagic
+
var controller = new ScrollMagic.Controller();
+
+
var aboutUsAnim = new TimelineMax();
+
aboutUsAnim
+
.to('#sk1', 0.3, {left:"-7.5vw", opacity:1}, 0)
+
.to('#sk2', 0.3, {left:"91vw", opacity:1}, 0)
+
.to('#sk1', 0.3, {left:"-17.5vw", opacity:0.7}, "+=0.8")
+
.to('#sk2', 0.3, {left:"100vw", opacity:0.7}, "-=0.32");
+
+
//Pin each page
+
var pinAboutUs = new ScrollMagic.Scene({triggerElement: '#aboutUs', triggerHook: 0, duration: '100%'})
+
.setPin('#aboutUs', {pushFollowers: false})
+
.setTween(aboutUsAnim)
+
.addTo(controller);
+
+
var pinEvents = new ScrollMagic.Scene({triggerElement: '#events', triggerHook: 0, duration: '100%'})
+
.setPin('#events', {pushFollowers: false})
+
.addTo(controller);
+
+
var pinGallery = new ScrollMagic.Scene({triggerElement: '#gallery', triggerHook: 0, duration: '100%'})
+
.setPin('#gallery', {pushFollowers: false})
+
.addTo(controller);
+
+
var pinOurTeam = new ScrollMagic.Scene({triggerElement: '#ourTeam', triggerHook: 0, duration: '100%'})
+
.setPin('#ourTeam', {pushFollowers: false})
+
.addTo(controller);
+
+
var pinSponsors = new ScrollMagic.Scene({triggerElement: '#sponsors', triggerHook: 0, duration: '100%'})
+
.setPin('#sponsors', {pushFollowers: false})
+
.addTo(controller);
+
});
+
</script>
+
+
 
</html>
 
</html>

Revision as of 06:43, 21 June 2018

<!DOCTYPE html> iGEM IISER Kolkata 2018

X
X
Down
GAMES | COMPETITIONS
WORKSHOPS | EXHIBITIONS
X
SCIENCE & TECHNOLOGY
MYSTERY
QUIZ & PUBLIC SPEAKING
ART & MUSIC
GAMES
ONLINE
SCIENCE & TECHNOLOGY

Junkyard Wars

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Biomimetics

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Thrust

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Botprix

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

iThink

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

BAH

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

MYSTERY

LOST

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

CSI

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

QUIZ & PUBLIC SPEAKING

GNQ

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

JAMx

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Rationale

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

ART & MUSIC

Ramble On!

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Art Beat

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

GAMES

Headshot

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Cubehub Open

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Anti-Chess

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Futsal

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

ONLINE

Cryptek

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Photon

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

X
EXHIBITIONS
WORKSHOPS
EXHIBITIONS

Photon

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Art Beat

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Paradigm

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

WORKSHOPS

Facebook

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Mozilla

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

i3indya

Details

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Contact

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com

Random
+91 99999 99999
random@random.com