index.html

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

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>GirlScript Summer of Code 2021 | GirlScript Foundation India</title>
  <meta name="description"
    content="Girlscript Summer Of Code is a 3-month long open source project under Girlscript Foundation India to build the main website of GirlScript, GirlScript mobile app and websites for various GirlScript Chapters. Not only for the accolades we have in our batch but also for the people new to opensource. Right from word go, be it basic git skills, first timers only issues or helping mentors hone their team leading and guiding skills - be it the rookie or the veteran dev - GirlScript Summer of Code offers something for everyone.">

  <!-- META -->
  <meta name="application-name" content="GirlScript Foundation India">
  <meta name="author" content="GirlScript Summer of Code 2021">
  <meta name="msapplication-tooltip"
    content="Girlscript Summer Of Code is a 3-month long open source project under Girlscript Foundation India">
  <meta name="apple-mobile-web-app-title" content="GirlScript Summer of Code 2021">
  <meta name="og:site_name" content="gssoc.tech" />
  <meta name="og:title" content="GirlScript Summer of Code 2021" />
  <meta name="og:url" content="https://gssoc.girlscript.tech/" />
  <meta name="og:image" content="images/favicon/favicon.png" />
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- ICONS -->
  <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
  <link rel="manifest" href="images/favicon/site.webmanifest">
  <link rel="mask-icon" href="images/favicon/safari-pinned-tab.svg" color="#EF6E00">
  <link rel="shortcut icon" href="images/favicon/favicon.ico">
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="msapplication-config" content="images/favicon/browserconfig.xml">
  <meta name="theme-color" content="#EF6E00">

  <!-- FONTS -->
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital@0;1&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.12.0/css/all.css"
    integrity="sha384-ekOryaXPbeCpWQNxMwSWVvQ0+1VrStoPJq54shlYhR8HzQgig1v5fas6YgOqLoKz" crossorigin="anonymous">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans|Nunito:300,400,700&display=swap">
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

  <!-- CSS -->
  <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
    integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  <link rel="stylesheet" href="css/common/materialize.min.css">

  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  <link rel="stylesheet" href="css/common/nav.css"> <!-- common for all pages -->
  <link rel="stylesheet" href="css/common/footer.css"> <!-- common for all pages -->
  <link rel="stylesheet" href="css/common/common.css"> <!-- common for all pages -->
  <link rel="stylesheet" href="css/index.css"> <!-- only for this page -->
  <link rel="stylesheet" href="css/timeline.css"> <!-- only for this page -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css">


  <!-- SCRIPTS -->
  <script src="https://code.jquery.com/jquery-3.4.1.min.js"
    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script src="js/common/materialize.min.js"></script>
  <script src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script>
  <script src="js/common/init.js"></script> <!-- common for all pages -->
  <script src="js/index.js"></script> <!-- only for this page -->

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

<body>
  <!--================================ NAV v2 ================================-->
  <header>
    <!-- Navigation Bar Starts -->
    <div class="navbar-fixed">
      <nav id="nav-bar" class="scroll-up">
        <div id="nav-wrapper" class="nav-wrapper center">
          <a id="logo-container" href="#" class="brand-logo white-text">
            <img src="images/type.png" class="nav-logo-type" alt="GSSoC Logo">
          </a>
          <ul id="nav-list" class="hide-on-med-and-down main-menu" role="navigation" aria-label="Main">
            <li><a href="index.html#about">About</a></li>
            <!-- <li><a href="profile.html">Profile</a></li> -->
            <!-- <li><a href="index.html#register">Register</a></li> -->
            <li><a href="schedule.html">Schedule</a></li>
            <li><a href="projects.html">Projects</a></li>
<!--             <li><a href="participant.html">Badges</a></li> -->
            <li><a href="https://gssoc21lb.prav.xyz/">Leaderboard</a></li>
            <li><a href="index.html#sponsors">Sponsors</a></li>
            <li><a href="FAQs.html">FAQs</a></li>
            <li><a href="team.html">Team</a></li>
            <li><a href="#footer-main">Contact</a></li>
            <li class="dropdown">
              <a href="javascript:void(0);">More&nbsp;<i class="fas fa-caret-down fa-sm"></i></a>
              <ul>
                <li>
                  <div class="dn"><a href="campus_ambassador.html">Campus Ambassador</a></div>
                </li>
                <li>
                  <div class="dn"><a href="blog.html">Blog</a></div>
                </li>
                <li>
                  <div class="dn"><a href="gssoc18.html">GSSoC-18</a></div>
                </li>
                <li>
                  <div class="dn"><a href="gssoc19.html">GSSoC-19</a></div>
                </li>
              </ul>
            </li>
          </ul>
          <ul id="nav-mobile" class="sidenav" role="navigation" aria-label="Main">
            <div class="center">
              <img class="nav-logo" src="images/type.png" alt="GSSoC Logo">
            </div>
            <li><a href="index.html#about">About</a></li>
            <!-- <li><a href="profile.html">Profile</a></li> -->
            <!-- <li><a href="index.html#register">Register</a></li> -->
            <li><a href="schedule.html">Schedule</a></li>
            <li><a href="projects.html">Projects</a></li>
            <li><a href="https://gssoc21lb.prav.xyz/">Leaderboard</a></li>
            <li><a href="index.html#sponsors">Sponsors</a></li>
            <li><a href="FAQs.html">FAQs</a></li>
            <li><a href="team.html">Team</a></li>
            <li><a href="#footer-main">Contact</a></li>
            <li>
              <a href="JavaScript:Void(0);" class="dropdown-btn">More&nbsp;<i class="fas fa-caret-down fa-sm"></i></a>
              <div class="dropdown-container">
                <a href="campus_ambassador.html">Campus Ambassador</a>
                <a href="blog.html">Blog</a>
                <a href="gssoc18.html">GSSoC-18</a>
                <a href="gssoc19.html">GSSoC-19</a>
                <a href="gssoc20.html">GSSoC-20</a>
              </div>
            </li>
          </ul>
          <a href="#" data-target="nav-mobile" class="sidenav-trigger">
            <i class="material-icons">menu</i>
          </a>
        </div>
      </nav>
    </div>
    <!-- Navigation Bar finishes -->
    <!-- Social Media Links starts -->
    <div class="social">
      <ul class="social-media">
        <li class="sm">
          <a href="https://www.facebook.com/girlscriptsoc/" target="_blank" title="Facebook"><i
              class="fab fa-facebook"></i></a>
        </li>
        <li class="sm">
          <a href="https://twitter.com/girlscriptsoc" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a>
        </li>
        <li class="sm">
          <a href="https://www.instagram.com/girlscript/" target="_blank" title="Instagram"><i
              class="fab fa-instagram"></i></a>
        </li>
        <li class="sm">
          <a href="https://www.linkedin.com/company/girlscriptsoc/" target="_blank" title="Linkedin"><i
              class="fab fa-linkedin-in"></i></a>
        </li>
        <li class="sm">
          <a href="mailto:girlscriptsoc@gmail.com" target="_blank" title="Mail"><i class="far fa-envelope"></i></a>
        </li>
      </ul>
    </div>
    <!-- Social Media Links finishes-->
  </header>
  <!--================================ NAV v2 end ================================-->
  <div id="index-banner" class="landing">
    <div class="header-content-container center">
      <img src="images/type-logo.png" class="logo-type responsive-img" alt="GSSoC Logo">
      <img src="images/type-logo-mobile.png" class="logo-type-mobile responsive-img" alt="GSSoC Logo">
      <div class="row center">
        <!-- <a class="gs-button-link" href="leaderboard.html" class="center-margin">
          <button class="gs-button gs-button-orange animate__animated animate__tada">
            <span class="iconify" data-icon="fa-solid:medal" data-inline="false"></span>&nbsp;&nbsp;Results Out!
          </button>
        </a> -->
        <a class="gs-button-link #register" href="index.html#register" class="center-margin">
          <button class="gs-button gs-button-orange animate__animated">
            <span class="iconify" data-icon="ri:file-paper-2-line"
              data-inline="false"></span></span>&nbsp;&nbsp;Registrations Closed!
          </button>
        </a>
      </div>
    </div>
    <a href="#about-girlscript" class="scroll-down-button"><span></span></a>
  </div>
  <!-- ABOUT GIRLSCRIPT -->
  <section id="about-girlscript">
    <!-- BIG TRIANGLE separator -->
    <div class="row">
      <div>
        <svg id="" preserveAspectRatio="xMidYMax meet" class="svg-separator sep12" viewBox="0 0 1600 200"
          style="display: block;" data-height="200">
          <polygon class="" style="fill: var(--heading-color);" points="-4,24 800,198 1604,24 1604,204 -4,204 ">
          </polygon>
          <polygon class="" style="opacity: 1;fill:#F68F4B;" points="-4,0 800,198 1604,0 1604,11.833 800,198 -4,12 ">
          </polygon>
          <polygon class="" style="opacity: 1;fill:#F8AB78;" points="-4,12 -4,24 800,198 1604,24 1604,11.833 800,198 ">
          </polygon>
        </svg>
      </div>
    </div>
    <div class="container-fluid">
      <div class="row justify-content-center">
        <!-- <div class="col-lg-1"></div> -->
        <div class="col-lg-6 col-12">
          <h2 class="section-heading" id="gs-heading">About <b>GirlScript</b></h2>
          <p class="section-text left-align"><b>The GirlScript Foundation </b>is a well-acclaimed organization in the
            EdTech
            field. It has been successfully equipping modern youth with the new age technologies that are
            revolutionising the world today.It is a sturdy initiative that inspires the youth to learn, grow and
            diversify their reach in the
            competitive world.
          <p class="section-text left-align">
            Our mission is to impinge on every individual who has the zeal to learn more. Around the year we conduct
            several educational programs and offer internship opportunities to the youngsters so that they become
            industry-ready.
            Today our network has expanded to a great extent and has culminated the
            submit of success.
          </p>
          </p>
        </div>
        <div class="col-lg-4 col-12 flex-center">
          <img class="section-image" src="images/GS_logo_white.png" alt="GirlScript">
        </div>
        <!-- <div class="col-lg-1"></div> -->
      </div>
    </div>
  </section>
  <!-- ABOUT GSSOC section -->
  <section id="about">
    <div class="container">
      <div class="row">
        <div class="col-lg-8">
          <h2 class="section-heading" id="gssoc-heading">About <b>GSSoC</b></h2>
          <p class="section-text left-align"><b>GirlScript Summer of Code</b> is the 3 month long Open Source program
            during
            summers conducted by <b>GirlScript Foundation</b>, started in 2018, with an aim to help beginners get
            started with
            <b>Open Source Development</b> while encouraging diversity. Throughout the program, participants contribute
            to
            different projects under guidance of experienced mentors. Top participants get exciting goodies and
            opportunities.
          </p>
          <p class="section-text left-align"><b>GirlScript Summer of Code 2020</b> witnessed overwhelming participation
            and
            2021 edition will carry the legacy forward while promising to be even more impactful and grand.</p>
          <div class="btn-spread-the-word">
            <a class="gs-button-link"
              href="https://drive.google.com/file/d/12kF6HSuk_F7qlLCgIxbiWawqrCKrc55P/view?usp=sharing" target="_blank">
              <button class="gs-button gs-button-orange">Spread The Word</button>
            </a class="gs-button-link">
          </div>
        </div>
        <div class="col-lg-4 flex-center">
          <img class="section-image" src="images/favicon/favicon.png" alt="GirlScript">
        </div>
      </div>
    </div>
  </section>
  <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <div class="row center">
        </div>
      </div>
    </div>
    <div class="parallax" style="background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/img1.jpg);">
      <!-- <img style="opacity: 1;" src="images/img1.jpg" class="image responsive-img" alt="Unsplashed background img 3"> -->
    </div>
  </div>
  <!-- REGISTER section -->
  <section id="register">
    <div class="container">
      <div class="row">
        <h2 class="section-heading center"><b>Registration</b></h2>
        <!-- <div class="reg-soon-text center">
          <p class="section-text"><Registrations Closed<b>Registrations are starting soon!</b>&nbsp;&nbsp; <p style="color: rgb(187, 187, 187);">Stay Tuned !!</p><i class="fal fa-do-not-enter"></i></p>
        </div> -->

        <div class="row border-orange-wrapper">
          <div class="section-column">
            <div>
              <h3 class="section-subheading center"><b>Participant</b></h3>
              <div class="section-column-div">
                <p class="section-text light">If you have basic git skills or are first timers or even veteran
                  developers,
                  <b style="color: #000000;">GirlScript Summer of Code</b> would give you a taste of contributing in a
                  long open source projects. Continuously for 3 months you will contribute to your assigned projects
                  under
                  guidance of experienced mentors.
                  Register yourself as a participant for <b style="color: #000000;">GSSoc 2021</b> here.
                </p>
              </div>
            </div>
            <div class="row center">

              <a data-end="" class="gs-button-link" target="_blank"
                href="https://docs.google.com/forms/d/e/1FAIpQLSd5tLKz31RWJwA_7nrx5A5k7D2SJNAJDeQpjx6nk5C3Ty3Xnw/viewform?usp=sf_link"
                class="center-margin">
                <button class="gs-button gs-button-orange gs-button-disabled">Registration Closed</button>
                <!-- <button class="gs-button gs-button-orange">Participate Now</button> -->
              </a>
            </div>
          </div>

          <div class="section-column">
            <div>
              <h3 class="section-subheading center"><b>Mentor</b></h3>
              <div class="section-column-div">
                <p class="section-text light">Mentors are experts on the Open Source project the team is working on. At
                  the beginning of the program, they provide a roadmap for the project. They are available throughout
                  the
                  summer to review pull requests, help with concepts and generally support the team. Apply to be a
                  mentor
                  at
                  Girlscript Summer Of Code.</p>
              </div>
            </div>
            <div class="row center">

              <a data-end="" class="gs-button-link" target="_blank"
                href="https://docs.google.com/forms/d/e/1FAIpQLScJJTLAFysl6zyQbmxH8Jl8XLSAmcUBAfv55WQpfQ5QS8OYCQ/viewform?usp=sf_link"
                class="center-margin">
                <button class="gs-button gs-button-orange gs-button-disabled">Registration Closed</button>
                <!-- <button class="gs-button gs-button-orange">Be a Mentor</button> -->
              </a>
            </div>
          </div>
        </div>

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

  <!-- CAMPUS AMBASSADOR section -->
  <!-- <section id="campus-ambassador">
    <div class="container">
      <div class="row">
        <h2 class="section-heading left-align">Become a <b>Campus Ambassador</b></h2>
        <p class="section-text">We are looking for energetic, passionate, brilliant, like-minded individuals who will help us spread the knowledge of open source and engage students from their college to come forward and participate in GSSoC.</p>
        <a class="gs-button-link" href="http://bit.ly/ApplyGSSoC20CA" target="_blank">
            <button class="gs-button gs-button-white">Apply Now</button>
        </a class="gs-button-link">
      </div>
    </div>
    <img class="section-back-icon" src="images/icons/leader.svg">
  </section> -->
  <!-- CALL FOR PROJECTS section -->
  <section id="call-for-projects">
    <div class="container">
      <div class="row">
        <h2 class="section-heading left-align">Call for <b>Projects - NGOs</b></h2>
        <p class="section-text">If you are an NGO with a particular project idea in mind (website, app, etc.), then this
          is the perfect opportunity for you to get it built while also helping numerous students in turn.</p>
        <!-- <a class="gs-button-link"
          href="https://lnkd.in/dvUr_Qw"
          target="_blank">
          <button class="gs-button gs-button-white">Add Your Project</button>
        </a> -->
        <a href="https://lnkd.in/dvUr_Qw" target="_blank"><button class="gs-button gs-button-white">Add Your
            Project</button></a>
      </div>
    </div>
    <img class="section-back-icon" src="images/icons/github.svg">
  </section>
  <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <div class="row center">
        </div>
      </div>
    </div>
    <div class="parallax" style="background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/0.jpg);">
      <!-- <img style="opacity: 1;" src="images/0.jpg" class="image responsive-img" alt="Unsplashed background img 3"> -->
    </div>
  </div>

  <!-- REWARD section -->
  <section id="reward">
    <div class="container">
      <div class="row">
        <h2 class="section-heading center"><b>Prizes And Rewards</b></h2>
        <!-- <div class="col-md-12 center">
          <p class="section-text">Winners will get many goodies and prizes!</p>
          <ul class="reward-list list-group">
            <li class="list-group-item list-group-item-warning">The top three performers will get cash prize.</li>
            <li class="list-group-item list-group-item-warning">The top 25 performers will get letter of recommendations
              and internship opportunities.</li>
            <li class="list-group-item list-group-item-warning">The top 50 performers will get T-shirts, Swag etc.</li>
            <li class="list-group-item list-group-item-warning">All participants with at least one PR merged will
              receive digital certificates.</li>
          </ul>
          <p class="section-text">Ohh! did we mention that the top performer will get Paid trip to Girlscript India
            summit? Therefore gear up for the competition and give it everything you got.</p>
        </div> -->
        <div class="carousel"
          data-flickity='{ "autoPlay": 2000, "wrapAround": true, "pauseAutoPlayOnHover":true, "lazyLoad": true}'
          style="height: auto;">
          <div class="carousel-cell" style="margin: 10px">
            <div class="slider-1">
              <div class="box-1">
                <img src="./images/prizes/type-logo (1) 1.png"
                  style="width: 50%; position: absolute; top: 10%; left: 5%;">
                <img id="saly-1" class="saly" src="./images/prizes/Saly-1.png"
                  style="width: 65%; position: absolute; left: 43%; top: 0%;">
                <div class="box-text" style="position: absolute; top: 29%; left: 3%;">
                  <p>HEY FOLKS!</p>
                  <p>Top 25 performers</p>
                  <p>will get</p>
                  <hr>
                  <p class="box-text-p"><b>Letter of recommendations</b>
                  </p>
                  <p class="box-text-p">and</p>
                  <p class="box-text-p" style="margin-bottom: 2rem;"><b>Internship opportunities</b></p>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-cell" style="margin: 10px;">
            <div class="slider-1">
              <div class="box-1">
                <img src="./images/prizes/type-logo (1) 1.png"
                  style="width: 50%; position: absolute; top: 10%; left: 5%;">
                <img id="saly-2" class="saly" src="./images/prizes/Cartoony-Minimalist-3D-Character-Illustration 1.png"
                  style="width: 60%; position: absolute; left: 43%; top: 20%;">
                <div class="box-text" style="position: absolute; top: 29%; left: 3%;">
                  <p>HEY FOLKS!</p>
                  <p>Top 3 performers</p>
                  <p>will get</p>
                  <hr>
                  <p class="box-text-p"><b>Cash Prizes</b></p>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-cell" style="margin: 10px;">
            <div class="slider-1">
              <div class="box-1">
                <img src="./images/prizes/type-logo (1) 1.png"
                  style="width: 50%; position: absolute; top: 10%; left: 5%;">
                <img id="saly-3" class="saly" src="./images/prizes/Saly-13.png"
                  style="width: 60%; position: absolute; left: 43%; top: 10%;">
                <div class="box-text" style="position: absolute; top: 29%; left: 3%;">
                  <p>HEY FOLKS!</p>
                  <p>Top 50 performers</p>
                  <p>will get</p>
                  <hr>
                  <p class="box-text-p"><b>TShirts, Swags</b></p>
                  <p class="box-text-p">etc</p>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-cell" style="margin: 10px;">
            <div class="slider-1">
              <div class="box-1">
                <div class="bird-container bird-container--one">
                  <div class="bird bird--one"></div>
                </div>
                <div class="bird-container bird-container--two">
                  <div class="bird bird--two"></div>
                </div>
                <div class="bird-container bird-container--three">
                  <div class="bird bird--three"></div>
                </div>
                <div class="bird-container bird-container--four">
                  <div class="bird bird--four"></div>
                </div>
                <img src="./images/prizes/type-logo (1) 1.png"
                  style="width: 50%; position: absolute; top: 10%; left: 5%;">
                <img id="saly-4" class="saly" src="./images/prizes/Saly-15.png"
                  style="width: 45%; position: absolute; left: 60%; top: 5%;">
                <div class="box-text" style="position: absolute; top: 29%; left: 3%;">
                  <p>HEY FOLKS!</p>
                  <p>All participants with
                  <p>atleast one PR merged</p>
                  <p>will receive</p>
                  <hr>
                  <p class="box-text-p"><b>Digital certificates</b></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ELIGIBILITY section -->
  <section id="eligibility">
    <div class="container">
      <div class="row">
        <h2 class="section-heading"><b>Eligibility</b></h2>
        <p class="section-text">The <b>GirlScript Summer of Code (GSSoC)</b> proudly entertains participation from
          <em>all
            types of genders, age groups and countries</em>. All willing candidates can apply for mentorship for an
          amazing learning and leadership
          experience.
        </p>
        <p class="section-text">Also, the Summer of Code, being open for all, provides a platform to all the
          participants, both students and professionals, to showcase their talent on a big level.</p>
      </div>
    </div>
    <img class="section-back-icon" src="images/icons/diversity.svg">
  </section>

  <!-- HOW DOES IT WORK section -->
  <section id="how-does-it-work">
    <div class="container">
      <div class="row">
        <h2 class="section-heading">How <b>Does It Work?</b></h2>
        <p class="section-text"><b>Girlscript Summer Of Code</b> is a 3-month long open source project under
          <b>Girlscript India</b>.
          In this Summer Of Code, all the registered participants would get an exquisite opportunity to interact with

          the mentors and the Organizing Team from 24th February 2021 to 28th February 2021.
        </p>
        <p class="section-text">In this period they can extract any help or can resolve any  sort of query or
          uncertainty that they might be having regarding the projects or it’s implementation. The team and the mentors
          will endeavour to provide the required help from their best possible resources. From 1st March onwards, the
          mentors will be declaring  the issues of the Open Source Projects and the admins will be looking after the
          final structuring of the websites. If a participant is willing to work on a project, he/she will have to
          comment on the issue and make a pull request and if the mentor finds the work satisfactory, the participant
          would get the opportunity to work for the same.</p>
        <p class="section-text">The claiming of issues by the participants will be on a first come-first served basis.
          The participants would be continuously evaluated on all the projects that they contribute to and thereby the
           mentors will have to maintain a leaderboard and submit a biweekly evaluation of their respective mentees.</p>

        <p class="section-text">After the conclusion of event
          <!--on 31st May 2021-->the leaderboards of the mentors would be
          taken into consideration by the organizing team for the final evaluation of the participants and the result
          would be declared.
          <!-- by 15th June 2021.-->
        </p>
      </div>
    </div>
  </section>

  <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <div class="row center">
        </div>
      </div>
    </div>
    <div class="parallax" style="background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/4.jpeg);">
      <!-- <img style="opacity: 1;" src="images/4.jpeg" class="image responsive-img" alt="Unsplashed background img 3"> -->
    </div>
  </div>

  <!-- SCHEDULE section -->
  <section id="schedule">
    <div class="timeline-heading">
      <div>Schedule</div>
    </div>
    <div class="container-md timeline-container py-5">
      <!-- 15TH JAN -->
      <div class=" text it1" data-aos="fade-right"> 4th March - 5th March </div>
      <hr class="hrz it2" data-aos="fade-right">
      <img src="images/timeline/Jan15.svg" class="it3 ig" data-aos="flip-up">
      <hr class="hrz it4" data-aos="fade-left">
      <div class="text1 it5" data-aos="fade-left"> Project Assignment to Mentors </div>

      <!-- VERTICAL LINE -->
      <img src="images/timeline/Line.svg" class="vrt1 vrt" data-aos="fade-down">

      <!-- 20TH JAN -->
      <div class="text it6" data-aos="fade-right"> 8th March </div>
      <hr class="hrz it7" data-aos="fade-right">
      <img src="images/timeline/Jan20.svg" class="it8 ig" data-aos="flip-up">
      <hr class="hrz it9" data-aos="fade-left">
      <div class="text1 it10" data-aos="fade-left"> First Phase of Contribution Starts </div>

      <!-- VERTICAL LINE -->
      <img src="images/timeline/Line.svg" class="vrt2 vrt" data-aos="fade-down">

      <!-- 25TH JAN -->
      <div class="text it11" data-aos="fade-right"> 10th March </div>
      <hr class="hrz it12" data-aos="fade-right">
      <img src="images/timeline/Jan25.svg" class="it13 ig" data-aos="flip-up">
      <hr class="hrz it14" data-aos="fade-left">

      <div class="text1 it15" data-aos="fade-left"> The leaderboard will be open </div>

      <!-- VERTICAL LINE -->
      <img src="images/timeline/Line.svg" class="vrt3 vrt" data-aos="fade-down">

      <!-- 01ST FEB -->
      <div class="text it16" data-aos="fade-right"> 10th March - 12th March </div>
      <hr class="hrz it17" data-aos="fade-right">
      <img src="images/timeline/Feb01.svg" class="it18 ig" data-aos="flip-up">
      <hr class="hrz it19" data-aos="fade-left">

      <div class="text1 it20" data-aos="fade-left"> The Community Bonding sessions </div>

      <!-- VERTICAL LINE -->
      <img src="images/timeline/Line.svg" class="vrt4 vrt" data-aos="fade-down">

      <!-- 15TH FEB -->
      <div class="text it21" data-aos="fade-right"> 1st April </div>
      <hr class="hrz it22" data-aos="fade-right">
      <img src="images/timeline/Feb15.svg" class="it23 ig" data-aos="flip-up">
      <hr class="hrz it24" data-aos="fade-left">

      <div class="text1 it25" data-aos="fade-left"> Personalized allotment of projects to the participants </div>

      <!-- VERTICAL LINE -->
      <img src="images/timeline/Line.svg" class="vrt5 vrt" data-aos="fade-down">

      <!-- 20TH FEB -->
      <div class="text it26" data-aos="fade-right"> 31st May </div>
      <hr class="hrz it27" data-aos="fade-right">
      <img src="images/timeline/Feb20.svg" class="it28 ig" data-aos="flip-up">
      <hr class="hrz it29" data-aos="fade-left">
      <div class="text1 it30" data-aos="fade-left"> Coding period ends </div>


      <!-- VERTICAL LINE -->
      <img src="images/timeline/Line.svg" class="vrt6 vrt" data-aos="fade-down">

      <!-- 24TH FEB -->
      <div class="text it31" data-aos="fade-right"> 2nd week of June </div>
      <hr class="hrz it32" data-aos="fade-right">
      <img src="images/timeline/Feb24.svg" class="it33 ig" data-aos="flip-up">
      <hr class="hrz it34" data-aos="fade-left">

      <div class="text1 it35" data-aos="fade-left"> Results will be declared. </div>


      <!-- VERTICAL LINE -->
      <!-- <img src="images/timeline/Line.svg" class="vrt7 vrt" data-aos="fade-down"> -->

      <!-- 01ST MAR -->
      <!-- <div class="text it36" data-aos="fade-right"> 01st MAR </div>
      <hr class="hrz it37" data-aos="fade-right">
      <img src="images/timeline/new_mar01.svg" style="width : 88px;" class="it38 ig" data-aos="flip-up">
      <hr class="hrz it39" data-aos="fade-left"> -->

      <!-- <div class="text1 it40" data-aos="fade-left"> GSSOC'21 Kickstarts.</div> -->

      <!-- VERTICAL LINE -->
      <!-- <img src="images/timeline/Line.svg" class="vrt8 vrt" data-aos="fade-down"> -->

      <!-- 31ST MAY -->
      <!-- <div class="text it41" data-aos="fade-right"> 31st MAY </div>
      <hr class="hrz it42" data-aos="fade-right">
      <img src="images/timeline/May31.svg" class="it43 ig" data-aos="flip-up">
      <hr class="hrz it44" data-aos="fade-left">
      <div class="text1 it45" data-aos="fade-left"> GSSOC'21 Ends.</div> -->
    </div>
  </section>

  <!-- SPONSORS section -->
  <section id="sponsors">
    <div class="container">
      <div class="row">
        <h2 class="section-heading center"><b>Our Sponsors</b></h2>
        <p class="section-text" style="margin-bottom: 50px; text-align: center;">
          Sponsors make it possible for <b>Girlscript Summer Of Code</b> to provide the perks for
          participants. Their generous donations allow students to participate in the program and focus on learning.
          Sponsors receive a great deal of publicity and exposure as a result of the program. So register to be a
          sponsor today!
        </p>
      </div>
    </div>
    <div class="container">
      <div class="row">
        <!-- <section class="customer-logos slider">
          <div class="slide"><img src="images/sponsor/go-jek.jpg" style="width: 200px; max-height: 100px;"
              class="img-fluid"></div>
          <div class="slide"><img src="images/sponsor/balsamiq.svg" style="width: 200px; max-height: 100px;"
              class="img-fluid"></div>
          <div class="slide"><img src="images/sponsor/hackerearth.png" style="width: 200px; max-height: 100px;"
              class="img-fluid"></div>
          <div class="slide"><img src="images/sponsor/product-hunt.png" style="width: 200px; max-height: 100px;"
              class="img-fluid"></div>
          <div class="slide"><img src="images/sponsor/cb.png" style="width: 200px; max-height: 100px;"
              class="img-fluid"></div>
          <div class="slide"><img src="images/sponsor/EDTimes.png" style="width: 200px; max-height: 100px;"
              class="img-fluid"></div>
          <div class="slide"><img src="images/sponsor/Du-Vibes.jpg" style="width: 200px; max-height: 100px;"
              class="img-fluid"></div>
          <div class="slide"><img src="images/sponsor/duexpress.png" style="width: 200px; max-height: 100px;"
              class="img-fluid"></div>
          <div class="slide"><img src="images/sponsor/StickerMule.png" style="width: 200px; max-height: 100px;"
              class="img-fluid"></div>
        </section> -->
         <!-- Gold sponsors -->
         <div class="col-md-12">
          <h3 class="sponsor-slab-title">Gold Sponsor</h3>
          <section class="sponsor-container">
            <div class="sponsor-image">
              <a href="https://www.digitalocean.com/?gssoc" target="_blank">
                <img src="images/sponsor/2021/do_blue.svg" alt="digital ocean logo" />
              </a>
            </div>
          </section>
        </div>

        <!-- silver sponsors -->
        <div class="col-md-6">
          <h3 class="sponsor-slab-title">Silver Sponsor</h3>
          <section class="sponsor-container">
            <div class="sponsor-image">
              <a href="https://www.linode.com/" target="_blank">
                <img src="images/sponsor/2021/linode.svg" alt="linode logo" />
              </a>
            </div>
          </section>
        </div>

        <!-- bronze sponsors -->
        <div class="col-md-6">
          <h3 class="sponsor-slab-title">Bronze Sponsor</h3>
          <section class="sponsor-container">
            <div class="sponsor-image">
              <a href="https://www.honeybadger.io/?gssoc" target="_blank">
                <img src="images/sponsor/2021/honeybadger.svg" alt="honeybadger logo" />
              </a>
            </div>
          </section>
        </div>

        <!-- Other sponsors -->
        <div class="col-12">
          <h3 class="sponsor-slab-title">Other Sponsors</h3>
          <section class="sponsor-container">
            <div class="sponsor-image">
              <a href="https://www.taskade.com/?gssoc" target="_blank">
                <img src="images/sponsor/2021/taskade-logo.png" alt="taskade logo" />
              </a>
            </div>
            <div class="sponsor-image">
              <a href="https://mule.to/p1na" target="_blank">
                <img src="images/sponsor/2021/sticker-mule.png" alt="stickermule logo" />
              </a>
            </div>
            <div class="sponsor-image">
              <a href="https://gen.xyz/" target="_blank">
                <img src="images/sponsor/2021/xyz-logo-color.png" alt="gen xyz logo" />
              </a>
            </div>
            <div class="sponsor-image">
              <a href="https://www.sketch.com/?gssoc" target="_blank">
                <img src="images/sponsor/2021/sketch-logo-light.png" alt="sketch logo" />
              </a>
            </div>
            <div class="sponsor-image">
              <a href="http://egghead.io/?gssoc" target="_blank">
                <img src="images/sponsor/2021/egghead_logo.png" alt="egghead logo" />
              </a>
            </div>
            <div class="sponsor-image">
              <a href="https://www.oreilly.com/?gssoc" target="_blank">
                <img src="images/sponsor/2021/ORM_logo_red_rgb.png" alt="oreilly logo" />
              </a>
            </div>
          </section>
        </div>
      </div>
      <div class="row justify-content-center">
        <a href="https://forms.gle/pimGMaonwcSU12oy6" target="_blank"><button class="gs-button gs-button-orange">Sponsor
            Us</button></a>
      </div>
    </div>
  </section>

  <!--================================ FOOTER v2 ================================-->
  <div id="footer"></div>

  <!--================================ FOOTER v2 end ================================-->

  <!-- SCRIPTS -->
  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <!-- <script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script> -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
  <script>
    AOS.init();
    $(document).ready(function () {
      $('.customer-logos').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 1500,
        arrows: false,
        dots: false,
        pauseOnHover: false,
        responsive: [{
          breakpoint: 768,
          settings: {
            slidesToShow: 4
          }
        }, {
          breakpoint: 520,
          settings: {
            slidesToShow: 3
          }
        }]
      });
    });

    $("#slideshow > div:gt(0)").hide();

    setInterval(function () {
      $('#slideshow > div:first')
        .fadeOut(1000)
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#slideshow');
    }, 3000);
  </script>

</body>

</html>