index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Cook Off 6.0</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="description"
        content="Cook Off 6.0 an intense competitive coding event that will leave you hooked to the world of problem solving and algorithms.">
    <meta name="author" content="Avipriya Ghosh">

    <meta property="og:type" content="website" />
    <meta property="og:title" content="Cook Off - CodeChef VIT Chapter" />
    <meta property="og:description"
        content="Cook Off 6.0 an intense competitive coding event that will leave you hooked to the world of problem solving and algorithms." />
    <meta property="og:image" content="https://cookoff.codechefvit.com/images/codechefgroup-min.jpg" />
    <meta property="og:url" content="https://cookoff.codechefvit.com" />
    <meta property="og:site_name" content="Cook-Off6.0" />

    <meta name="twitter:card" content="website">
    <meta name="twitter:site" content="Cook-Off6.0">
    <meta name="twitter:title" content="Cook-Off-6.0">
    <meta name="twitter:description"
        content="Can intense competitive coding event that will leave you hooked to the world of problem solving and algorithms.">


    <meta itemprop="name" content="Cook-Off-6.0">
    <meta itemprop="description"
        content="Cook Off 6.0 an intense competitive coding event that will leave you hooked to the world of problem solving and algorithms.">
    <link href="https://fonts.googleapis.com/css?family=Poppins&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://rawgit.com/LeshikJanz/libraries/master/Bootstrap/baguetteBox.min.css">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
    <script src="https://kit.fontawesome.com/e872fa63b1.js" crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="icon" href="cookoff6.0.png">
    <link rel="apple-touch-icon" href="cookoff6.0.png">


    <style type="text/css">

    </style>


</head>

<body>
    <div class="container" width="100%" height="30vh">
        <nav class="navbar navbar-expand-lg navbar-default fixed-top" style="font-family: 'Poppins', sans-serif; "
            height="30vh">
            <a class="navbar-brand scrollTo" href="#Registration" style="padding-left: 30px;"><img class="img123"
                    src="images/CC white logo .png" style=" margin-top:0px;width: 130px;
height: 50px;"></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown">
                <span><i class="fa fa-navicon" style="color:#fff; font-size:20px;"></i></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item active mx-auto">
                        <a class="nav-link scrollTo"
                            style="font-weight: bold;font-size: 18px;margin-right: 30px;color: #FFFFFF"
                            href="#home">ABOUT <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item mx-auto">
                        <a class="nav-link scrollTo"
                            style="font-weight: bold;font-size: 18px;margin-right: 30px;color: #FFFFFF"
                            href="#Registration">REGISTRATION</a>
                    </li>
                    <li class="nav-item mx-auto">
                        <a class="nav-link" style="font-weight: bold;font-size: 18px;margin-right: 30px;color: #FFFFFF"
                            href="https://codechefvit.com/gravitasreg" target="_blank">HOW TO REGISTER</a>
                    </li>
                    <li class="nav-item mx-auto">
                        <a class="nav-link  scrollTo"
                            style="font-weight: bold;font-size: 18px;margin-right: 30px;color: #FFFFFF"
                            href="#contactus">CONTACT US</a>
                    </li>


            </div>
        </nav>
    </div>
    <!--section 1-->
    <div>

        <div class="boxsec" style="padding-top: 200px;" alt="backgroundimage">

            <center>
                <div class="luis">

                    <center>
                        <p class="new123 ">CODECHEF-VIT</p>
                        <p class="text4">presents</p>
                        <p class="text5">COOK OFF 6.0</p>
                    </center>

            </center>
            <br>
            <center><button class="butt0"><a href="#about" class="scrollTo">
                        <center>
                            <p class="butt1">Read More</p>
                        </center>
                    </a></button></center>
        </div>
    </div>

    </div>

    <br>


    <!--section2-->
    <section id="about">

        <br>

        <!-- <div class="jumbotron"> -->
        <div class="container">
            <div class="row">
                <br>
                <div class="col-sm-6 col-md-4">
                    <br>
                    <div class="thumbnail">
                        <div class="image image1"></div>
                    </div>
                </div>
                <br>
                <br>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <br>
                        <div class="image image2"></div>
                    </div>
                </div>
                <br>
                <br>
                <div class="col-sm-6 col-md-4">

                    <div class="thumbnail">
                        <br>
                        <div class="image image3"></div>
                    </div>
                </div>
                <br>
                <br>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <br>
                        <div class="image image4"></div>
                    </div>
                </div>
                <br>
                <br>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <br>
                        <div class="image image5"></div>
                    </div>
                </div>
                <br>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <br>
                        <div class="image image6"></div>
                    </div>
                </div>
            </div>
        </div>
        </div>
        </div>

        <br>

        <!--TImer-->
        <div class="new">
            <div class="countdown" style="width: 100%;">

                <table class="a1" width="60%" style="margin: 0 auto;">
                    <tr>
                        <td class="abc">
                            <div class="time a">
                                <p id="days">00</p>
                                <p class="s" style="font-family: Montserrat;
font-style: normal;
font-size: 26px;
font-weight: 600;">D</p>
                            </div>
                        </td>
                        <td class="abcd" style="width: 6%;"></td>

                        <td class="abc">
                            <div class="time a">
                                <p id="hours">00</p>
                                <p class="s" style="font-family: Montserrat;
        font-color:#0000;
font-style: normal;
font-size: 26px;
font-weight: 600;">H</p>
                            </div>
                        </td>
                        <td class="abcd" style="width: 6%;"></td>
                        <td class="abc">
                            <div class="time a">
                                <p id="minutes">00</p>
                                <p class="s" style="font-family: Montserrat;
        font-size: 26px;
font-style: normal;
font-weight: 600;">M</p>
                            </div>
                        </td>
                        <td class="abcd" style="width: 6%;"></td>

                        <td class="abc">
                            <div class="time a">
                                <p id="seconds">00</p>
                                <p class="s" style="font-family: Montserrat;
        font-size:26px;
font-style: normal;
font-weight: 600;">S</p>
                            </div>
                        </td>
                    </tr>
                </table>


                <img src="gif/spinner.gif" alt="Loading..." id="loading" class="loading" />

            </div>
        </div>


        <hr class="linetime"><br>
        <center>
            <table class="dates">
                <tr colspan="2">
                    <td colspan="2">
                        <div class="z1">
                            <span class="text3">
                                <i class="fas fa-map-marker-alt"> </i>
                                <p style="display: inline"> </p>Online
                            </span>
                    </td>
                    </div>
                    <td style="width: 30px;"></td>

                    <td>
                        <div class="z2">
                            <span class="text1"><i class="far fa-clock"></i>
                                <p style="display: inline"> </p>11am-7pm
                            </span>
                    </td>
                    </div>
                    <td style="width: 20px;"></td>

                    <td>
                        <div class="z3">
                            <span class="text2">
                                <i class="far fa-calendar-alt"></i>
                                <p style="display: inline"> </p>3rd October
                            </span>
                    </td>
                    </div>
                </tr>
            </table>
        </center>
        <br>
        <br>
    </section>

    <!--about-->
    <div id="home">
        <div id="contact " class="boxsec3 " style="padding-top: 75vh;">
            <div class="container">
                <div style=" margin-bottom: 50px;">
                    <div class="row">

                        <div class="col-sm-12">
                            <p class="he" align="center">About The Event</p>
                        </div>
                        <div class="col-sm-12">
                            <p class="para" align="center">Ever wondered what it takes to be a good programmer? Here's a
                                golden opportunity for you to find out for yourself and apply them in real time.
                                CodeChef-VIT brings to you Cook-Off 6.0: an intense competitive coding event that will
                                leave you hooked to the world of problem solving and algorithms. Register Now! ₹100 only
                            </p>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div id="Registration">
            <div class="box3 p-3">
                <div class="container box44">
                    <center>
                        <br>
                        <p class="para2">
                            REGISTRATION
                        </p>
                        <p class="para3">
                            The Registration Fee is ₹100 only.<br>
                            Online Registrations are open!
                        </p>
                        <button class="bt1"><a href="http://info.vit.ac.in/gravitas2020/gravitas_login.asp"
                                target="_blank" style=" text-decoration: none;"><span style="color: #FFFFFF;">
                                    REGISTER</span></a></button>
                        <div class="mt-4 mb-4">
                            <a class="text-white" href="https://codechefvit.com/gravitasreg" target="_blank">Not able to register?</a>
                        </div>
                        <div class="mt-3 mb-3">
                            <div > <div ><span style="color:rgb(255,255,255,0.9);font-size: 1.8vmin">If there is any payment error then follow the steps below</span><br><center>
  <div style="color: rgb(255,255,255,0.6);font-size: 1.3vmin;" >
    Switch to  other browsers(preferably FIREFOX) to make the payment(Except Chrome Browser) </li><br>
    <span style="padding-right: 30px;">Use CHROME in mobile, after updating it to the latest edition.</span><br>
    If still the problem presist after following  the above steps Contact Manasvi:-80790 53733 or Avipriya:-8617041002</li>
  </div></center></div></div>
 
                        </div>
                    </center>
                </div>
            </div>
        </div>
        </section>

    </div>
    <br><br>

    <!-- Prizes -->
    <section>
        <div id="prizes">
            <div>
                <div class="container mb-5">
                    <center>
                        <br>
                        <p class="para2">
                            Prizes
                        </p>
                        <hr class="line3">
                        <div class="row px-4">
                            <div class="box44 col-12 col-md-3 my-2">
                                <p class="para3 mt-4 mb-4">
                                    Plenty of CodeChef Ladoos
                                </p>
                            </div>
                            <div class="box44 col-12 col-md-3 my-2">
                                <p class="para3 mt-4 mb-4">
                                    Google Foobar Challenge Invites
                                </p>
                            </div>
                            <div class="box44 col-12 col-md-3 my-2">
                                <p class="para3 mt-4 mb-4">
                                    Cash prize pool of Rs. 15,000/-
                                </p>
                            </div>
                            <div class="box44 col-12 col-md-3 my-2">
                                <p class="para3 mt-4 mb-4">
                                    Lots of flex worthy Swags
                                </p>
                            </div>
                    </center>
                </div>
            </div>
        </div>

    </section>

    <footer id="contactus" class="mt-5">
        <div class="footer-top">
            <div class="container foot1">
                <div class="row">
                    <div class="col-md-4 col-lg-4 footer-about wow fadeInUp">
                        <img class="logo-footer" src="images/CC white logo .png" alt="logo-footer"
                            data-at2x="images/CC white logo .png"
                            style=" margin-top:0px;width: 130px;height: 50px;"><br><br><br>
                        <p style="font-size: 16px; color: white;">

                            Cook off 6.0 will test your speed, ability and knowledge. You will also get a chance to
                            compete with
                            some of the best coders on a global platform.
                        </p><br>

                    </div>
                    <div class="col-md-4 col-lg-4 offset-lg-1 footer-contact wow fadeInDown">
                        <h3 class="w1h">Contact</h3>

                        <table class="tab">
                            <tr>
                                <p>
                                    <td style=" text-align: left;"><i class="fas fa-phone"
                                            style="color:white;text-align: left;"></i></td>
                                    <td style=" text-align: left;"> <span style="font-size: 16px; color: white;">Phone:
                                            7014531554</span>
                                    </td>
                                </p>
                            </tr>
                            <tr>
                                <p>
                                    <td><i class="fas fa-envelope" style="color:white"></i></td>
                                    <td> <span class="anchorfooter"
                                            style="font-size: 16px; color: white;   text-decoration: none;">Email:
                                            <a href="mailto:codechefvit@gmail.com" style="text-decoration: none;"><span
                                                    style=" color: white;   text-decoration: none;">codechefvit@gmail.com</span></a></span>
                                    </td>
                                </p>
                            </tr>

                        </table>
                        <br>
                    </div>


                    <div class="col-md-4 col-lg-3 footer-social wow fadeInUp">
                        <h3 class="w1h">Follow us</h3>

                        <a href="https://www.facebook.com/codechefvit" target="_blank"><i
                                class="fa fa-facebook-square mx-2 fa-lg text-white"></i></a>
                        <a href="https://www.instagram.com/codechefvit" target="_blank"><i
                                class="fa fa-instagram mx-2 fa-lg text-white"></i></a>
                        <a href="https://www.twitter.com/codechefvit" target="_blank"><i
                                class="fa fa-twitter mx-2 fa-lg text-white"></i></a>
                        <a href="https://www.linkedin.com/company/codechef-vit-chapter" target="_blank"><i
                                class="fa fa-linkedin mx-2 fa-lg text-white"></i></a>
                        <a href="https://medium.com/codechef-vit" target="_blank"><i
                                class="fa fa-medium mx-2 fa-lg text-white"></i></a>
                        <a href="https://github.com/CodeChefVIT" target="_blank"><i
                                class="fa fa-github mx-2 fa-lg text-white"></i></a>
                        <a href="https://www.youtube.com/channel/UCzFltCrQSB1CKmX440yqTKw" target="_blank"
                            style=" text-decoration: none;"><i class="fab fa-youtube" style="color: white;"></i></a>
                    </div>
                </div>
            </div>
        </div>

    </footer>


    </div>

    <script src="assets/js/jquery-3.2.1.min.js"></script>

    <script src="javascript/script.js"></script>

    <script>
        $(".scrollTo").on('click', function (e) {
            e.preventDefault();
            var target = $(this).attr('href');
            $('html, body').animate({
                scrollTop: ($(target).offset().top - 87)
            }, 1000);
        });
    </script>


</body>

</html>