index.html

<!doctype html>
<html lang="en-US" class="no-js">

<head>

    
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-121370004-2"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-121370004-2');
    </script>


    <link rel="icon" type="image/png" href="images/logo/fav.png">

    <meta charset="UTF-8">
    <title>AKCSSC 2019 | IEEE Computer Society, Kerala Chapter </title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="AKCSSC'19">
    <meta name="theme-color" content="#cd4255" />


    <!-- Google Fonts -->
    <link rel='stylesheet' id='oswald-css' href='https://fonts.googleapis.com/css?family=Oswald%3A200%2C300%7CPoppins%3A400%2C600&amp;ver=4.9.9' media='all' />
    <link rel='stylesheet' href='css/basic.css?ver=0.0.0' media='all' />
    <link rel='stylesheet' href='css/style.css?ver=0.0.1' media='all' />
    <link rel='stylesheet' href='css/extra.css?ver=0.0.1' media='all' />
    <script>
        var akcssc_main_color = '#cd4255';
        var akcssc_second_color = '#ff5555';
        var akcssc_poster = "images/logo/akcssc_logo.png";

        var datei18n = {
            previousMonth: 'Previous Month',
            nextMonth: 'Next Month',
            months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
            weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
            weekdaysShort: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']
        };
    </script>
    <style type="text/css">
        #artist-container #artist-shape span {
            background-image: url(uploads/2018/11/test4.png);
        }
        
        #akcssc-poster #poster #poster-image {
            background-image: url(images/logo/akcssc_logo.png);
            background-size: auto 100%;
        }
        
        @font-face {
            font-family: "home font";
            src: url(fonts/timanfaya-webfont.woff2) format("woff2"), url(fonts/timanfaya-webfont.woff2) format("woff");
        }
        
        #homepage .font-akcssc-home span {
            color: #ffffff;
            font-family: home font !important;
        }
        
        #homepage svg .outer path {
            fill: #400f42;
        }
        
        #homepage svg .inner path {
            fill: #ff5555;
        }
        
        #shop-address > div {
            border-color: #0099a8;
        }
        /* FORM ERROR */
        /* validation */
        
        .form-success-msg,
        form.needs-validation .form-success {
            color: #00b9b1;
        }
        /* error */
        
        .form-error-msg,
        .TODO {
            color: #d74949;
        }
        
        #akcssc-days,
        span#dates {
            background-image: url(images/Dates.svg);
        }
        
        #special-offer .offer-title,
        #artist-infos li a,
        .ticket-day span,
        .line-effect span,
        #other-artists li a,
        .news-slider ul li span,
        #shop-address span,
        #shop-address a {
            color: #0099a8;
        }
        
        #akcssc-ad {
            background-image: url(images/wave.svg);
        }
        
        .primary-color,
        #days-navigation a:after,
        #filters-navigation a:after,
        #filters-navigation a:after,
        .ticket-selection span,
        .ticket-selection ul,
        .line-effect span:after,
        .line-effect span:before,
        .line-effect:before,
        .line-effect:after,
        .line-effect .btn-bg,
        .pika-single .is-selected .pika-button,
        .pika-single .pika-button:hover,
        #news-container span.flashnews,
        footer {
            background-color: #400f42;
        }
        
        .primary-color-light:after {
            background-color: #ff5555;
        }
        
        .news-date ul:after,
        #news-container .news-image:after,
        .img-container:after {
           background-color: #341344;
        }
    </style>
</head>

<body class="home page-template page-template-pages page-template-homepage page-template-pageshomepage-php page page-id-576 homepage en">
    <div id="wave-container"> <span></span></div>
    <header id="main-header">
        <a id="akcssc-logo" href="https://cs.ieeekerala.org">
            <img id="desktop-logo-dark" src="images/logo/ieeecs.png" />
            <img id="desktop-logo-light" src="images/dlogo/ieeecs_white.png" />
            <img id="mobile-logo-light" src="images/logo/ieeecs_white.png" />
            <img id="mobile-logo-dark" src="images/logo/ieeecs.png" />
        </a>
        <div class="qtranxs_widget_end"></div> <a id="billetterie-link" class="primary-color-light" href="javascript:register()"><span class="register-button">Registration</span></a>
        <button id="hamburger">
            <div> <span></span>
                <span></span>
                <span></span>
            </div>
        </button>
        <nav>
            <div id="mobile-slide-container">
                <div id="navigation-level-1">
                    <ul id="secondary-navigation" class="menu">
                        <!-- <li id="menu-item-224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-224">
                            <a href="#speakers">Speakers</a>
                        </li> -->
                        <li id="menu-item-1789" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1789">
                            <a href="#programs">Programs</a>
                        </li>
                        <li id="menu-item-1789" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1789">
                            <a href="#about">About</a>
                        </li>
                        <li id="menu-item-2236" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2236">
                            <a href="#venue">Venue</a>
                        </li>    
                        <!-- <li id="menu-item-2358" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2358">
                            <a href="#testimonials">Testimonials</a>
                        </li> -->
                        <li id="menu-item-2358" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2358">
                            <a href="#sponsors">Collaborators</a>
                        </li>
                        <li id="menu-item-2358" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2358">
                            <a href="#contact">Contact</a>
                        </li>
                    </ul>
                    <div id="header-social">
                        <ul>
                            <li>
                                <a href='https://www.facebook.com/IEEECSKS/' target="_blank" class='facebook'></a>
                            </li>
                            <li>
                                <a href='https://twitter.com/ieeecsks' target="_blank" class='twitter'></a>
                            </li>
                            <li>
                                <a href='https://www.instagram.com/ieeecsks/' target="_blank" class='instagram'></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </header>
    <div id="akcssc-trame">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 543.06 433.72" id="AK">
            <g id="Calque_2" data-name="Calque 2">
                <g id="Calque_2-2" data-name="Calque 2">
                    <text font-weight="bold" stroke="#000" transform="matrix(19.70770674030884,0,0,19.70770674030884,-2492.213151383303,-2183.933086872703) " xml:space="preserve" text-anchor="start" font-family="Oswald, sans-serif" font-size="24" id="svg_3" y="133.998928" x="126.630869" stroke-width="0" fill="#000000">AK</text>
                </g>
            </g>
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 406.12 421.75" id="CS">
            <g id="Calque_2" data-name="Calque 2">
                <g id="Calque_2-2" data-name="Calque 2">
                    <text font-weight="bold" stroke="#000" transform="matrix(19.70770674030884,0,0,19.70770674030884,-2492.213151383303,-2183.933086872703) " xml:space="preserve" text-anchor="start" font-family="Oswald, sans-serif" font-size="24" id="svg_3" y="131.998928" x="126.630869" stroke-width="0" fill="#000000">CS</text>
                </g>
            </g>
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 549.31 421.75" id="SC">
            <g id="Calque_2" data-name="Calque 2">
                <g id="Calque_2-2" data-name="Calque 2">
                    <text font-weight="bold" stroke="#000" transform="matrix(19.70770674030884,0,0,19.70770674030884,-2492.213151383303,-2183.933086872703) " xml:space="preserve" text-anchor="start" font-family="Oswald, sans-serif" font-size="24" id="svg_3" y="131.998928" x="126.630869" stroke-width="0" fill="#000000">SC</text>
                </g>
            </g>
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 536.29 421.75" id="tempbox">
            <g id="Calque_2" data-name="Calque 2">
                <g id="Calque_2-2" data-name="Calque 2">
                    <path class="cls-1" d="M0,0H65.61L152,203.06V0H229.1V421.75h-63L79.66,203.06V421.75H0Z" />
                </g>
            </g>
        </svg>
    </div>
    <!-- wrapper -->
    <div id="app" class="wrapper">
        <main id="homepage" role="main" aria-label="Content" class="page-fade">
            <header data-page="homepage" id="homepage-header">
                <div>
                    <div id="akcssc-poster">
                        <div id="poster">
							<span id="poster-image"></span>
                            <span id="poster-mask"></span>
                        </div>
                    </div>
                    <span id="ieeecsks_title">IEEE COMPUTER SOCIETY<br/>KERALA CHAPTER</span>
                    <div class='mouse-container'>
                        <div class='mouse'>
                            <span class='scroll-down'></span>
                        </div>
                    </div>
                </div>
            </header>
            <section class="home-section" id="date-venue">
                <article id="akcssc-date-venue">
                    <div class="date-venue-row">
                            <span class="akcssc-date fade-in left-in">
                                <span class="icon icon-calender"></span><br/>
                                23,24<br/>AUGUST 2019
                            </span>
                            <span class="akcssc-venue fade-in right-in">
                                <span class="icon icon-venue"></span>
                                <br/>
                                <img src="images/logo/sjcet.png" id="venue-sjcet" />
                            </span>                                        
                    </div>
                    <span class="wave-max"></span>
                </article>
            </section>
            <section class="template-section">
                <div id="intro">
                        <h1>Technology Evolves When We Do</h1>
                        <p>
                            Themed on “<b>Evolution of Technology</b>”, this 5th edition of AKCSSC strives to provide its vibrant student audience with an experience before and beyond their times. From speakers spanning across the globe, to unique hands-on sessions, this tech-oriented event is aimed at making the learning of technology fun! - as it should be!
                        </p>
                </div>
            </section>

            <section class="home-section" id='sticky-social'>
                <ul>
                    <li><a href='https://twitter.com/hashtag/akcssc19' target="_blank">#akcssc19</a>
                    </li>
                    <li>
                        <a href='https://www.facebook.com/IEEECSKS/' target="_blank" class='facebook'></a>
                    </li>
                    <li>
                        <a href='https://twitter.com/ieeecsks' target="_blank" class='twitter'></a>
                    </li>
                    <li>
                        <a href='https://www.instagram.com/ieeecsks/' target="_blank" class='instagram'></a>
                    </li>
                </ul>
            </section>
            <section class="home-section" id="speakers" style="display:none;">
                <article>
                    <div>
                        <header>
                            <h2 class="icon icon-voix big">Speakers</h2>
                            <p>Lorem ipsum some text here comes for nothing</p>
                        </header>

                        <a class="artist rellax portrait-home" href="#">
                            <figure>
                                <div class="img-container">
                                    <div>
                                        <span style="background-image: url(images/temp_image/speaker-male.jpeg);"></span>
                                    </div>					
                                </div>
                                <figcaption>
                                    <div>
                                        <h3><span>LOREM SPEAKER</span></h3>
                                        <time datetime="">
                                            <span class="day">23 AUGUST</span>
                                        </time>
                                    </div>      
                                </figcaption>
                            </figure>
                            
                            <span class="figure-details">
                                CEO, BASKARAN PILLAI TECHNOLOGIES
                            </span>  
                            <span class="transition"></span>
                        </a>
                        <a class="artist rellax portrait-home" href="#">
                            <figure>
                                <div class="img-container">
                                    <div>
                                        <span style="background-image: url(images/temp_image/speaker-male-2.jpeg);"></span>
                                    </div>					
                                </div>
                                <figcaption>
                                    <div>
                                        <h3><span>LOREM SPEAKER</span></h3>
                                        <time datetime="">
                                            <span class="day">23 AUGUST</span>
                                        </time>
                                    </div>      
                                </figcaption>
                            </figure>
                            
                            <span class="figure-details">
                                CEO, BASKARAN PILLAI TECHNOLOGIES
                            </span>  
                            <span class="transition"></span>
                        </a>
                        <a class="artist rellax portrait-home" href="#">
                            <figure>
                                <div class="img-container">
                                    <div>
                                        <span style="background-image: url(images/temp_image/speaker-female-2.jpeg);"></span>
                                    </div>					
                                </div>
                                <figcaption>
                                    <div>       
                                        <h3><span>LOREM SPEAKER</span></h3>
                                        <time datetime="">
                                            <span class="day">23 AUGUST</span>
                                        </time>
                                    </div>      
                                </figcaption>
                            </figure>
                            
                            <span class="figure-details">
                                CEO, BASKARAN PILLAI TECHNOLOGIES
                            </span>  
                            <span class="transition"></span>
                        </a>
                    </div>
                    <div>
                        <a class="artist rellax portrait-home" href="#">
                            <figure>
                                <div class="img-container">
                                    <div>
                                        <span style="background-image: url(images/temp_image/speaker-female.jpeg);"></span>
                                    </div>					
                                </div>
                                <figcaption>
                                    <div>
                                        <h3><span>LOREM SPEAKER</span></h3>
                                        <time datetime="">
                                            <span class="day">23 AUGUST</span>
                                        </time>
                                    </div>      
                                </figcaption>
                            </figure>
                            
                            <span class="figure-details">
                                CEO, RAVI PILLAI TECHNOLOGIES
                            </span>  
                            <span class="transition"></span>
                        </a>
                        <a class="artist rellax portrait-home" href="#">
                            <figure>
                                <div class="img-container">
                                    <div>
                                        <span style="background-image: url(images/temp_image/speaker-female-2.jpeg);"></span>
                                    </div>					
                                </div>
                                <figcaption>
                                    <div>
                                        <h3><span>LOREM SPEAKER</span></h3>
                                        <time datetime="">
                                            <span class="day">23 AUGUST</span>
                                        </time>
                                    </div>      
                                </figcaption>
                            </figure>
                            
                            <span class="figure-details">
                                CEO, BASKARAN PILLAI TECHNOLOGIES
                            </span>  
                            <span class="transition"></span>
                        </a>
                        <a class="artist rellax portrait-home" href="#">
                            <figure>
                                <div class="img-container">
                                    <div>
                                        <span style="background-image: url(images/temp_image/speaker-female.jpeg);"></span>
                                    </div>					
                                </div>
                                <figcaption>
                                    <div>
                                        <h3><span>LOREM SPEAKER</span></h3>
                                        <time datetime="">
                                            <span class="day">23 AUGUST</span>
                                        </time>
                                    </div>      
                                </figcaption>
                            </figure>
                            
                            <span class="figure-details">
                                CEO, BASKARAN PILLAI TECHNOLOGIES
                            </span>  
                            <span class="transition"></span>
                        </a>
                        
                        <a class="artist rellax portrait-home" href="#">
                            <figure>
                                <div class="img-container">
                                    <div>
                                        <span style="background-image: url(images/temp_image/speaker-male.jpeg);"></span>
                                    </div>					
                                </div>
                                <figcaption>
                                    <div>
                                        <h3><span>LOREM SPEAKER</span></h3>
                                        <time datetime="">
                                            <span class="day">23 AUGUST</span>
                                        </time>
                                    </div>      
                                </figcaption>
                            </figure>
                            
                            <span class="figure-details">
                                CEO, BASKARAN PILLAI TECHNOLOGIES
                            </span>  
                            <span class="transition"></span>
                        </a>
                    </div>
                </article> 
                    
                <span id="circle-bg">
                    <span></span>
                </span>
            </section>

            <section id="programs" class="template-section">
                <div>
                    <h1>Programs</h1>
                    <div class="program-day-row">
                        <span class="day-box">
                            DAY<br/>01
                        </span>    
                        <div class="programs-column">
                            <div class="programs-track">
                                <h2>Track A</h2>
                                <ul>
                                    <li>
                                        <span class="program-title">Evolution of Hardware</span>
                                    </li>
                                </ul> 
                            </div>
                            <div class="programs-track">
                                <h2>Track B</h2>
                                <ul>
                                    <li>
                                        <span class="program-title">Evolution of Software</span>
                                    </li>
                                </ul>
                            </div>
                        </div>                        
                    </div>
                    
                    <div class="program-day-row">
                            <span class="day-box">
                                DAY<br/>02
                            </span>    
                            <div class="programs-column">
                                <div class="programs-track  full-track">
                                    <div class="stay-tuned">
                                        Stay Tuned for Updates!
                                    </div>
                                    <ul style="display: none;">
                                        <li>
                                            <span class="program-title">consectetur adipisc</span>
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                        </li>
                                    </ul> 
                                </div>
                            </div>                        
                        </div>
                </div>
                <div class="constructor10">
                    <a href="javascript:register()" target="" class="line-effect square rg10">
                        <span class="line"><span class="label register-button">Registration</span></span><span class="btn-bg"></span>
                    </a>
                </div>
            </section>

            <section id="about" class="template-section">
                <article class="constructor5 order">
                    <div>
                        <h3>About</h3>
                        <h2>IEEE All Kerala Computer Society Student Convention</h2>
                        <p>
                            AKCSSC '19, the fifth edition of All Kerala Computer Society Student Convention will be hosted by St. Joseph's College of Engineering and Technology, Palai. With an expected count of 200 participants, AKCSSC’19 is themed on “<b>The Evolution of Technology</b>” and will be an unprecedented congregation of diverse speakers from across the globe. <br/><br/>
                        </p>
                    </div>
                    <div>
                        <span class="b-lazy b-loaded" style="background-image: url(images/akcssc18.jpg);"></span>
                    </div>
                </article>
                <article id="venue" class="constructor5 reverse-order">
                    <div>
                        <h3>Venue</h3>
                        <h2>St. Joseph's College of Engineering and Technology, Palai</h2>
                        <p>SJCET Palai is an Indian private college managed by the Syro-Malabar Catholic Diocese of Pala, located in Pala. It is an AICTE approved college offering professional degree programs in engineering and management courses .SJCET Palai is a constituent college of Mahatma Gandhi University, Kottayam and APJ Abdul Kalam Technological University. It promotes all techno cultural events conducted to improve the overall indusive personality of the student. As the motto puts forward 'A college with a Difference is what SJCET Palai is and will always be.</p>
                    </div>
                    <div>
                        <span class="b-lazy b-loaded" style="background-image: url(images/sjcet_palai_top.jpg);"></span>
                    </div>
                </article>
            </section>

            <section class="home-section" id="akcssc-ad">
                <article>
                    <p>
                        <span>200+ Participants</span>
                        <small>from across Kerala!</small>
                    </p>
                    <p>
                        <span>Renowned Speakers</span>
                        <small>from across the globe!</small>
                    </p>
                    <p>
                        <span>2 Days of</span>
                        <small>Tech-filled fun!</small>
                    </p>
                    

                    <svg id="left-circle" class="svg-circle rellax" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 465 465">
                        <g class="outer">
                            <circle cx="232.5" cy="232.5" r="232.5" fill="#400f42" opacity="0" />
                            <path d="M232.47,464.4c-61.54,0-119.66-24.23-163.65-68.22S.6,294.07.6,232.53A232.28,232.28,0,0,1,133.21,23a10.46,10.46,0,0,1,14.09,5.46h0a10.47,10.47,0,0,1-5.19,13.5A210.34,210.34,0,0,0,21.55,232.53c0,116.3,94.62,210.92,210.92,210.92,93.62,0,177.37-63.88,202.88-153.27a10.49,10.49,0,0,1,12.46-7.37h0a10.46,10.46,0,0,1,7.71,13A232.51,232.51,0,0,1,232.47,464.4Z" fill="#400f42" />
                        </g>
                        <g class="inner">
                            <circle cx="232.5" cy="232.5" r="232.5" fill="#400f42" opacity="0" />
                            <path d="M232.47,464.4c-61.54,0-119.66-24.23-163.65-68.22S.6,294.07.6,232.53A232.28,232.28,0,0,1,133.21,23a10.46,10.46,0,0,1,14.09,5.46h0a10.47,10.47,0,0,1-5.19,13.5A210.34,210.34,0,0,0,21.55,232.53c0,116.3,94.62,210.92,210.92,210.92,93.62,0,177.37-63.88,202.88-153.27a10.49,10.49,0,0,1,12.46-7.37h0a10.46,10.46,0,0,1,7.71,13A232.51,232.51,0,0,1,232.47,464.4Z" fill="#400f42" />
                        </g>
                    </svg>
                    <svg id="right-circle" class="svg-circle rellax" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 465 465">
                        <g class="outer">
                            <circle cx="232.5" cy="232.5" r="232.5" fill="#400f42" opacity="0" />
                            <path d="M232.47,464.4c-61.54,0-119.66-24.23-163.65-68.22S.6,294.07.6,232.53A232.28,232.28,0,0,1,133.21,23a10.46,10.46,0,0,1,14.09,5.46h0a10.47,10.47,0,0,1-5.19,13.5A210.34,210.34,0,0,0,21.55,232.53c0,116.3,94.62,210.92,210.92,210.92,93.62,0,177.37-63.88,202.88-153.27a10.49,10.49,0,0,1,12.46-7.37h0a10.46,10.46,0,0,1,7.71,13A232.51,232.51,0,0,1,232.47,464.4Z" fill="#400f42" />
                        </g>
                        <g class="inner">
                            <circle cx="232.5" cy="232.5" r="232.5" fill="#400f42" opacity="0" />
                            <path d="M232.47,464.4c-61.54,0-119.66-24.23-163.65-68.22S.6,294.07.6,232.53A232.28,232.28,0,0,1,133.21,23a10.46,10.46,0,0,1,14.09,5.46h0a10.47,10.47,0,0,1-5.19,13.5A210.34,210.34,0,0,0,21.55,232.53c0,116.3,94.62,210.92,210.92,210.92,93.62,0,177.37-63.88,202.88-153.27a10.49,10.49,0,0,1,12.46-7.37h0a10.46,10.46,0,0,1,7.71,13A232.51,232.51,0,0,1,232.47,464.4Z" fill="#ff0000" />
                        </g>
                    </svg>
                </article>

            </section>
    
            <section class="home-section" id="instagram-feed">
                <article>
                    <div id="slider-top">
                        <div class="slider">
                            <div class="item"><span class="insta"><img src=images/akcssc18/1.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span class="insta"><img src=images/akcssc18/2.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span class="insta"><img src=images/akcssc18/3.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span class="insta"><img src=images/akcssc18/4.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span class="insta"><img src=images/akcssc18/5.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span class="insta"><img src=images/akcssc18/6.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span class="insta"><img src=images/akcssc18/7.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span class="insta"><img src=images/akcssc18/8.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span class="insta"><img src=images/akcssc18/9.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span class="insta"><img src=images/akcssc18/10.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span class="insta"><img src=images/akcssc18/11.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                        </div>
                    </div>
                    <div id="slider-nav">
                        <div class="slider">
                            <div class="item"><span><img src=images/akcssc18/1.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span><img src=images/akcssc18/2.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span><img src=images/akcssc18/3.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span><img src=images/akcssc18/4.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span><img src=images/akcssc18/5.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span><img src=images/akcssc18/6.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span><img src=images/akcssc18/7.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span><img src=images/akcssc18/8.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span><img src=images/akcssc18/9.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span><img src=images/akcssc18/10.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                            <div class="item"><span><img src=images/akcssc18/11.jpg /></span><a class="hashtag" href="https://www.instagram.com/explore/tags/akcssc18" target="_blank">#akcssc18</a>
                            </div>
                        </div>
                        <nav class="akcssc-slider-nav"></nav>
                    </div>
                </article>
            </section>
            <section id="sponsors" class="template-section">
                <div id="partner">
                    <h2 class="text-center">Collaborators</h2>
                    <article id="partner-logos">
                        <div>
                            <div class="partner-logo"><div>Organized By</div><a target="_blank" href="#" title="IEEE"><span style="background-image:url(images/logo/ieee.jpg);"></span></a></div><!-- 
                             --><div class="partner-logo"><div>Organized By</div><a target="_blank" href="https://cs.ieeekerala.org" title="IEEE Computer Society"><span style="background-image:url(images/logo/ieeecs.png);"></span></a></div><!-- 
                            --><div class="partner-logo"><div>Venue Partner</div><a target="_blank" href="#" title="SJCET Palai"><span style="background-image:url(images/logo/sjcet.jpg);"></span></a></div>
                        </div>
                    </article>              
                </div>
            </section>
            <section id="contact" class="template-section">
                <article>
                    <p>Contact Us</p>
                    <div class="contact-mail">
                        Drop your queries at <a href="mailto:ieeecs.ks@gmail.com">ieeecs.ks@gmail.com</a>
                    </div>
                    <div id="contact-box">
                        <div>
                            <span class="contact-title">Secretary</span><br/>
                            <b>Jishnu Krishna</b><br/>
                        </div>
                        
                        <div>
                            <span class="contact-title">Student Coordinator</span><br/>
                            <b>Praveen G Anand</b><br/>
                        </div>
                            
                        <div>
                            <span class="contact-title">Technical Coordinator</span><br/>
                            <b>Gopal M</b><br/>
                        </div>

                    </div>
                </article>
            </section>
        </main>

        <div id="artist-container"></div>
        
        
        <!-- app -->
        <svg version="1.1" id="hand-loader" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
            viewBox="0 0 6553.6 8192" >
            <g>
                <path class="path" d="M3349.3,4357.1h-12c-192,0-349-157.1-349-349v-923.4c0-192,157.1-349,349-349h12c192,0,349,157.1,349,349
                v923.4C3698.3,4200.1,3541.2,4357.1,3349.3,4357.1z"/>
                <path class="path" d="M4056,4425h-12c-192,0-349-157.1-349-349v-874c0-192,157.1-349,349-349h12c192,0,349,157.1,349,349v874
                C4405,4267.9,4247.9,4425,4056,4425z"/>
            </g>
            <path class="path" d="M3561,4844c0,0-92-760-1056-600c-236-204-436-468-720-488s-476,88-576,204c120,120,1500,1504,1500,1504
            s788,792,1820,128c708-460,592.9-1286.1,568-1744c-24.2-445.3,0-1784,0-1784s20-412-336-412s-368,340-368,340l11,1776"/>
            <path class="path" d="M2276.7,4046.8v-735.1c0,0,27-360,360-360s354,303,354,303"/>
        </svg>
        
        
        <div id="search-page">
            <div id="search-container">
				<a href="#" target="" class="line-effect square close-btn dark"></span><span class="line"><span class="label"><div><span></span><span></span>
                    </div>
                    </span>
                    </span><span class="btn-bg"></a>				<div id="search-header">
												<input type="text" placeholder="Recherche" />
												<a href="#" target="" class="line-effect square dark desktop"></span><span class="line"><span class="label">Search</span></span><span class="btn-bg"></a>					<a href="#" target="" class="line-effect square dark mobile"></span><span class="line"><span class="label">OK</span></span><span class="btn-bg"></a>					<span id="input-progress"><span></span></span>
                    </div>
                    <div id="search-result">
                        <div id="search-count"> <span></span>
                            <small></small>
                        </div>
                        <div id="search-result-container"></div>
                    </div>
                    </div> <span id="search-bg"></span>
        </div>


        <div class="modal" id="formFeedback" tabindex="-1" role="dialog" aria-labelledby="formFeedback" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button aria-label="Close" type="button" data-dismiss="modal" class="line-effect square close close-btn dark">
                                        </span><span class="line"><span class="label"><div><span></span><span></span>
                                </div>
                                </span>
                                </span><span class="btn-bg"></button>

													</div>
													<div class="modal-body">
														<p class="form-error-msg">
														form error						</p>
														<p class="form-success-msg">
														form success						</p>
													</div>
												</div>
											</div>
        </div>
                                        
                                        
        <!-- footer -->
        <footer class="footer" role="contentinfo">
            <div id="footer-container">
                <div id="footer-row">
                    <nav>
                        <ul>
                            <li><a href='javascript:register()'  class="register-now register-button">REGISTRATION</a></li>
                        </ul>
                        <ul>
                            <!-- <li><a href='#speakers'>Speakers</a></li> -->
                            <li><a href='#programs'>Program Schedule</a></li>
                            <li><a href='#about'>About the Event</a></li>
                            <li><a href='#venue'>About Venue</a></li>
                            <li><a href='#sponsors'>Collaborators</a></li>
                            <!-- <li><a href='#'>Testimonials</a></li> -->
                            <li><a href='#contact'>Contact</a></li>
                        </ul>
                    </nav>					
                    <nav id="social-media">
                        <ul>
                            <li><a href='https://www.facebook.com/IEEECSKS/' target="_blank" class='facebook'></a></li>
                            <li><a href='https://twitter.com/ieeecsks' target="_blank"  class='twitter'></a></li>
                            <li><a href='https://www.instagram.com/ieeecsks/' target="_blank"  class='instagram'></a></li>
                        </ul>
                        
                        <div class="copyright desktop">
                            <a href="https://shameelsadaka.github.io" target="_blank"><span>Website design by<br/>Shameel Kadannamanna</span></a>
                        </div>
                    </nav>
        <address>
            <div id="logo-container-footer">
                <img id="desktop-logo" src="images/logo/ieeecs.png" />
                <img id="mobile-logo" src="images/logo/ieeecs_white.png" />
            </div>
            <ul>
                <li>Drop in your suggestions and queries</li>
                <li><a href='mailto:ieeecs.ks@gmail.com'>ieeecs.ks@gmail.com</a></li>
            </ul>
        </address>
        <div class="copyright mobile"> <a href="#" target="_blank"><span>Website design by<br/>Shameel Kadannamanna</span></a>
        </div>
        </div>
        </div>
        </footer>
        <!-- /footer -->

        <script type='text/javascript' src='js/manifest.js'></script>
        <script type='text/javascript' src='js/vendor.js'></script>
        <script type='text/javascript'>
            /* <![CDATA[ */
            var my_ajax_object = {
                "ajax_url": "https:\/\/.cs.ieeekerala.org\/wp\/wp-admin\/admin-ajax.php"
            };
            /* ]]> */
        </script>
        <script type='text/javascript' src='js/app.js?ver=1.0.0'></script>

        <script>
            function onWindowLoad(callback){
                if (document.readyState!='loading') callback();
                else if (document.addEventListener) document.addEventListener('DOMContentLoaded', callback);
                else document.attachEvent('onreadystatechange', function(){
                    if (document.readyState=='complete') callback();
                });
            }
            var showFadeIn = function(){
                var a = window.innerHeight;

                var x = document.querySelectorAll(".fade-in");
                for (var i = 0; i < x.length; i++) {
                    b = x[i].getBoundingClientRect().top +  x[i].offsetHeight/1.5;
                    if(a > b){
                        arr = x[i].className.split(" ");
                        if (arr.indexOf("visible") == -1) {
                            x[i].className += " visible";
                        }
                    }
                }
            };
            window.addEventListener("scroll",showFadeIn);
            window.addEventListener("resize",showFadeIn);
            onWindowLoad(showFadeIn);
        

            function doScrolling(elementY, duration) { 
                var startingY = window.pageYOffset;
                var diff = elementY - startingY;
                var start;

                window.requestAnimationFrame(function step(timestamp) {
                    if (!start) start = timestamp;
                    var xt = (timestamp - start) / duration;
                    alpha = 2;
                    var percent = Math.min(xt**alpha/(xt**alpha+(1-xt)**alpha), 1);
                    window.scrollTo(0, startingY + diff * percent);
                    if (xt < 1) {
                        window.requestAnimationFrame(step);
                    }
                })
            }


            var onClickLink = function(e){
                var a = e.currentTarget;
                var href;
                if(href = a.getAttribute("href")){
                    if(href.legth != 1 && href[0] == "#"){
                        var targets = document.querySelectorAll(href);
                        if(targets.length > 0){
                            var eY = targets[0].getBoundingClientRect().top + window.pageYOffset;
                            console.log(eY);
                            doScrolling(eY > 80 ? eY-80:eY,Math.abs(eY/4));
                        }   
                    }
                    if(document.getElementById("main-header").className.match(/\bopen\b/)){
                        document.getElementById("hamburger").click();   
                    }
                }
            }

            var links = document.querySelectorAll("a");
            for (var i = 0; i < links.length; i++) {
                links[i].addEventListener("click",onClickLink)
            }
            
        
            var registrationOpenDate = new Date("Jul 25, 2019 17:00:00").getTime();         
            var registrationCounter = setInterval(function() {
                var t = (registrationOpenDate - new Date().getTime())/1000;
                var rbtn = document.querySelectorAll(".register-button")
                var xtml = "Register Now";
                if(t>0){
                    var hours = Math.floor((t/3600));
                    var mins = Math.floor((t / 60)%60);
                    var secs = Math.floor((t % 60));

                    xtml = "Registration Opens in <span>";
                    xtml += hours + "h ";
                    xtml += mins + "m ";
                    xtml += secs + "s ";
                    xtml += "</span>";
                    document.getElementById("billetterie-link").classList.add("reg_not_open");
                }
                else{
                    document.getElementById("billetterie-link").classList.remove("reg_not_open");
                    clearTimeout(registrationCounter);
                }
                for (var i = 0; i < rbtn.length; ++i) {
                    rbtn[i].innerHTML = xtml;
                }
            },1000);


            function register(){
                registration_link = "https://www.yepdesk.com/all-kerala-computer-society-student-convention-2019-akcssc-19-";
                if(!registration_link || registration_link == ""){
                    alert("Registration is not open");
                }
                else if(registrationOpenDate - new Date().getTime() > 0){
                    alert("Registration is not open");
                }
                else{
                    window.location.href = registration_link;
                }
                return false;
            }

        </script>

</body>

</html>