Untitled

<!DOCTYPE html>
<html lang="en">
<title>Call For Code India Virtual Hackathon 2020</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-black.css">
<link rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
      integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
      crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
        integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
        crossorigin="anonymous"></script>


<link rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<body>

<!-- Header -->

<div class="w3-bar w3-theme">
    <a href="http://localhost:6003/" class="w3-bar-item w3-padding-16">
        <img src="images/logo-in.png" width="100px" height="74px"></a>

</div>

<hr>

<!--<div class="w3-content w3-display-container">-->

<!--&lt;!&ndash; Slideshow container &ndash;&gt;-->
<!--<div class="slideshow-container">-->

<!--&lt;!&ndash; Full-width images with number and caption text &ndash;&gt;-->
<!--<div class="w3-content w3-display-container mySlides fade">-->
<!--<img src="images/bg.png" style="width:100%">-->
<!--<div class="text w3-display-bottomleft w3-container ">-->
<!--<h2>Answer the call. <br> Build solutions that fight back.</h2>-->
<!--<p style="max-width: 550px;"> Mitigate the impact of COVID-19-->
<!--and climate change by creating sustainable solutions using-->
<!--open source technology. Get the details on the 2020 Call-->
<!--for Code Global Challenge, understand its two tracks, and-->
<!--start building today.<br><br></p>-->
<!--</div>-->
<!--</div>-->

<!--<div class="w3-content w3-display-container mySlides fade">-->
<!--<img src="images/bg1.jpg" style="width:100%">-->
<!--<div class="text w3-display-bottomleft w3-container ">-->
<!--<h2>Answer the call. <br> Build solutions that fight back.</h2>-->
<!--<p style="max-width: 550px;"> Mitigate the impact of COVID-19-->
<!--and climate change by creating sustainable solutions using-->
<!--open source technology. Get the details on the 2020 Call-->
<!--for Code Global Challenge, understand its two tracks, and-->
<!--start building today.<br><br></p>-->
<!--</div>-->
<!--</div>-->

<!--</div>-->
<div class="container">
    <div id="carouselExampleIndicators" class="carousel slide"
         data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0"
                class="active"></li>
            <li data-target="#carouselExampleIndicators"
                data-slide-to="1"></li>

        </ol>
        <div class="carousel-inner carousel-fade">
            <div class="carousel-item active">
                <img class="d-block w-100" src="images/bg.png"
                     alt="First slide">
                <div class="carousel-caption d-none d-md-block">
                    <h2>Answer the call. <br> Build solutions that fight back.
                    </h2>
                    <p>Mitigate the impact of COVID-19
                        and climate change by creating sustainable solutions
                        using open source technology.
                        Get the details on the 2020 Call
                        for Code Global Challenge, understand its two tracks,
                        and
                        start building today.</p>
                </div>
            </div>
            <div class="carousel-item">
                <img class="d-block w-100" src="images/bg1.jpg"
                     alt="Third slide">
                <h2>
                    <h2>
                        <p></p>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators"
           role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators"
           role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<!--<div class="w3-center w3-section w3-large w3-text-white w3-display-middle"-->
<!--style="width:100%">-->
<!--<div class="w3-left w3-padding-left w3-hover-text-khaki"-->
<!--onclick="showDivs(-1)">&#10094;-->
<!--</div>-->
<!--<div class="w3-right w3-padding-right w3-hover-text-khaki"-->
<!--onclick="showDivs(1)">&#10095;-->
<!--</div>-->
<!--<span class="w3-badge demo w3-border w3-transparent w3-hover-white"-->
<!--onclick="currentDiv(1)"></span>-->
<!--<span class="w3-badge demo w3-border w3-transparent w3-hover-white"-->
<!--onclick="currentDiv(2)"></span>-->
<!--&lt;!&ndash; <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(3)"></span> &ndash;&gt;-->
<!--</div>-->
</div>


<!-- Page content -->
<div class="w3-content" style="max-width:2000px;margin-top:46px">

    <hr>
    <div class="w3-container w3-content w3-center w3-padding-20"
         style="max-width:800px" id="band">

        <h1 class="w3-center">Call for Code India Virtual Hack 2020</h1>

        <button onclick="myAccFunc('Demo1')"
                class="w3-padding-16 w3-theme w3-button w3-block w3-left-align">
            FAQ
        </button>
        <div id="Demo1" class="w3-hide">
            <div class="w3-container">
                <h3 id="what-is-call-for-code-">What is Call for Code?</h3>
                <p>Call for Code asks innovators to create practical,
                    effective, and high-quality applications based on one or
                    more IBM Cloud™ services (for example, web, mobile, data,
                    analytics, AI, IoT, or weather) that can have an immediate
                    and lasting impact on humanitarian issues. Teams of
                    developers, data scientists, designers, business analysts,
                    subject matter experts and more are challenged to build
                    solutions to mitigate the impact of COVID-19 and climate
                    change. </p>
                <p>This year the competition will have two tracks. One track is
                    for solutions that help halt and reverse the impact of
                    climate change. The second track is for solutions to
                    mitigate the impact of global pandemics like COVID-19 on
                    communities around the world. Winning solutions are
                    deployed in communities that need the most help.</p>
                <h3 id="what-is-call-for-code-india-virtual-hack-">What is Call
                    for Code India Virtual Hack?</h3>
                <p>Every year as a part of the global challenge, we organize
                    regional hackathons for India where teams are mentored by
                    seasoned developer advocates from IBM. Similarly, this
                    event is a subsidiary of the global challenge. But as you
                    know with the recent increase in the number of cases for
                    COVID-19 and light of the measures declared by our
                    Government for a 21 days lockdown, we are taking the
                    challenge to your doorstep virtually.</p>
                <h3 id="is-it-different-from-the-global-challenge-">Is it
                    different from the Global Challenge?</h3>
                <p>No, it is a part of the global challenge.</p>
                <h3 id="how-will-it-affect-my-chances-of-participation-in-the-global-challenge-">
                    How will it affect my chances of participation in the
                    global challenge?</h3>
                <p>With the Call for Code India Hackathon, you will be able to
                    get in touch with developers who are at the heart of
                    technology every day, you will be able to refine and send
                    in a matured submission with an increased chance of getting
                    to the finish line.</p>
                <h3 id="will-willing-the-india-challenge-guarantee-a-regional-win-for-the-global-challenge-">
                    Will willing the India challenge guarantee a regional win
                    for the Global Challenge?</h3>
                <p>No. The India challenge though a subsidiary of the global
                    challenge, it does not affect or change your submission to
                    the global challenge.</p>
                <h3 id="will-i-need-to-do-a-separate-submission-to-the-global-challenge-">
                    Will I need to do a separate submission to the global
                    challenge?</h3>
                <p>As stated earlier, India challenge submissions will only be
                    considered for the Call for Code India Virtual Hack. You
                    will need to create a separate submission to the global
                    challenge as given in the portal. <a
                            href="https://callforcode.org/submit/">https://callforcode.org/submit/</a>
                </p>
            </div>
        </div>

        <!-- <button onclick="myAccFunc('Demo2')" class="w3-padding-16 w3-theme w3-button w3-block w3-left-align">Resources</button>
        <div id="Demo2" class="w3-hide">
          <div class="w3-container">
                <p>Please refer to the <a href="https://developer.ibm.com/callforcode/technical-library/#start-coding?cm_mmc=OSocial_Blog-_-Audience+Developer_Developer+Conversation-_-WW_WW-_-cfc-2020-cfcorg-resources_ov75914&amp;cm_mmca1=000039JL&amp;cm_mmca2=10008917">global resources</a></p>
          </div>
        </div> -->

        <button onclick="myAccFunc('Demo3')"
                class="w3-padding-16 w3-theme w3-button w3-block w3-left-align">
            Timeline
        </button>
        <div id="Demo3" class="w3-hide">
            <div class="w3-container">
                <ol>
                    <li>Registration begins on April 1st, 2020, closes April
                        7th.
                    </li>
                    <li>Technical webcast and enablement for registered
                        participants on April 8th, 2020.
                    </li>
                    <li>Submissions for the hackathon begin on April 8th, 2020
                        and end on April 15th, 2020.
                    </li>
                    <li>Evaluation begins on April 15th, results announced on
                        April 20th, 2020.
                    </li>
                </ol>
            </div>
        </div>


        <button onclick="myAccFunc('Demo4')"
                class="w3-padding-16 w3-theme w3-button w3-block w3-left-align">
            Submission Guidelines
        </button>
        <div id="Demo4" class="w3-hide">
            <div class="w3-container">
                <ol>
                    <li>Submission name- Enter the name for your solution or
                        team in about five words.
                    </li>
                    <li>Submission track- Select the track or tracks you want
                        to submit to. You can submit the core application to
                        both tracks, but you will have to submit it to each
                        track independently, and the descriptions and other
                        details should be tailored towards the specific track.
                        (Climate Change or COVID-19)
                    </li>
                    <li>Short description- Describe your team’s solution in
                        about ten words.
                    </li>
                    <li>Long description- Write about 500 words, or around one
                        page of text, that covers the solution in more detail.
                        Please include the real-world problem you identified,
                        describe the technology project you created, and
                        explain why it’s better than any existing solution. You
                        can supply additional documentation in your source code
                        repository link below
                    </li>
                    <li>Solution roadmap- Create a document or image that shows
                        how mature your solution is today and how you would
                        like to improve it in the future. This can include
                        information on the business model, funding needs, and a
                        sustainability plan.
                    </li>
                    <li>Link to publicly accessible GitHub repository- (or
                        other location such as GitLab or Box) where the judges
                        can download, examine, and evaluate the source code
                        behind the solution. You can provide additional
                        descriptions and diagrams in the repository. Hint:
                        Review the judging criteria and rules: 2020 Call for
                        Code Global Challenge.
                    </li>
                    <li>Link to a three-minute demo video- Record a demo of
                        your project, upload it to YouTube or Vimeo and share
                        the URL. Three minutes is the maximum length. You can
                        link to longer versions from your source code
                        repository. Keep in mind that non-technical judges may
                        rely on this more than technical documentation.
                    </li>
                    <li>List of one or more IBM Cloud Services or IBM Systems
                        used in the solution- Join the Challenge Community to
                        get an IBM Cloud account. Your application can use
                        additional data sets, libraries, and externally-hosted
                        services to complement the IBM Cloud services or IBM
                        Systems.
                    </li>
                    <li>Your email address and the email addresses of up to
                        four additional team members- Each team member needs to
                        accept the Participation Agreement. You can only be
                        part of one team of up to 5 members, and your team can
                        only submit one application.
                    </li>
                </ol>
                <p>Additional details - The team leader who submitted the
                    solution will receive a confirmation comment on the
                    repository by the mentor team. The last entry before 12.00
                    AM on date will be considered as the final submission.</p>
            </div>
        </div>

        <button onclick="myAccFunc('Demo5')"
                class="w3-padding-16 w3-theme w3-button w3-block w3-left-align">
            Judgement Criteria
        </button>
        <div id="Demo5" class="w3-hide">
            <div class="w3-container">
                <p>Submissions will be judged equally across 4 primary criteria
                    which evaluate whether the solution solves a real-world
                    problem and uses technology effectively.</p>
                <ul>
                    <li><p><em>Completeness and transferability</em>
                        How fully has the idea been implemented? Can it achieve
                        an impact on the field? Can it be transferred
                        elsewhere?</p>
                    </li>
                    <li><p><em>Effectiveness and efficiency</em>
                        Does the solution address a high priority area? Does it
                        achieve its goal effectively and efficiently? Can it
                        scale? </p>
                    </li>
                    <li><p><em>Design and usability</em>
                        How good are the design, user experience, and ease of
                        use of the solution? How quickly can it be put to use?
                    </p>
                    </li>
                    <li><p><em>Creativity and innovation</em>
                        How unique was the approach to solving a long-standing
                        or previously intractable problem?</p>
                    </li>
                </ul>
            </div>
        </div>

        <button onclick="myAccFunc('Demo6')"
                class="w3-padding-16 w3-theme w3-button w3-block w3-left-align">
            Rules
        </button>
        <div id="Demo6" class="w3-hide">
            <div class="w3-container">
                <ol>
                    <li>Submissions – Submissions must use one or more <a
                            href="https://callforcode.org/participation-agreement">IBM
                        Cloud services</a> or <a
                            href="https://ibm.com/systems">IBM Systems</a>. The
                        use of sponsor or affiliate APIs and open source
                        libraries is also encouraged.
                    </li>
                    <li>Team Size – Teams of up to five (5) participants, each
                        at least 18 years old, are allowed.
                    </li>
                    <li>Joining teams –</li>
                    <li>A participant may not be part of multiple teams.</li>
                    <li>Participation agreement –All team members must have
                        accepted the <a
                                href="https://callforcode.org/participation-agreement">2020
                            Participation Agreement</a> at the time they submit
                        to be eligible.
                    </li>
                    <li>Application standards – Applications must be new and
                        built for the 2020 competition, but they may use code
                        that was open-sourced and publicly available to all
                        other participants as of February 26, 2020.
                    </li>
                    <li>Winners – Winning teams will be subject to a code
                        review after submissions close.
                    </li>
                </ol>
            </div>
        </div>

    </div>

    <hr>


    <!-- COVID-19 Resources -->
    <div class="w3-black" id="tour">
        <div class="w3-container w3-content w3-padding-64"
             style="max-width:800px">
            <h2 class="w3-wide w3-center">COVID-19 Resources</h2>
            <!-- <p class="w3-opacity w3-center"><i>Remember to book your tickets!</i></p><br>  -->

            <div class="w3-row-padding w3-padding-32" style="margin:0 -16px">
                <div class="w3-third w3-margin-bottom">
                    <img src="/images/crisis.jpg" alt="New York"
                         style="width:100%" class="w3-hover-opacity">
                    <div class="w3-container w3-white">
                        <p>Crisis communications</p>

                        <button class="w3-button w3-black w3-margin-bottom"
                                onclick="document.location = 'https://developer.ibm.com/callforcode/getstarted/covid-19/crisis-communication/'">
                            See more
                        </button>
                    </div>
                </div>
                <div class="w3-third w3-margin-bottom">
                    <img src="/images/remote.jpg" alt="Paris"
                         style="width:100%" class="w3-hover-opacity">
                    <div class="w3-container w3-white">
                        <p>Remote Education</p>

                        <button class="w3-button w3-black w3-margin-bottom"
                                onclick="document.location ='https://developer.ibm.com/callforcode/getstarted/covid-19/remote-education/'">
                            See more
                        </button>
                    </div>
                </div>
                <div class="w3-third w3-margin-bottom">
                    <img src="/images/community.jpg" alt="San Francisco"
                         style="width:100%" class="w3-hover-opacity">
                    <div class="w3-container w3-white">
                        <p>Community Coorperation</p>

                        <button class="w3-button w3-black w3-margin-bottom"
                                onclick="document.location ='https://developer.ibm.com/callforcode/getstarted/covid-19/community-cooperation/'">
                            See more
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<hr>

<!-- Climate Change Resources -->
<div class="w3-black" id="tour">
    <div class="w3-container w3-content w3-padding-64" style="max-width:800px">
        <h2 class="w3-wide w3-center">Climate Change Resources</h2>
        <!-- <p class="w3-opacity w3-center"><i>Remember to book your tickets!</i></p><br>  -->

        <div class="w3-row-padding w3-padding-32" style="margin:0 -16px">
            <div class="w3-third w3-margin-bottom">
                <img src="/images/water.png" alt="New York" style="width:100%"
                     class="w3-hover-opacity">
                <div class="w3-container w3-white">
                    <p>Water sustainability</p>

                    <button class="w3-button w3-black w3-margin-bottom"
                            onclick="document.location = 'https://developer.ibm.com/callforcode/getstarted/climate-change/water-sustainability'">
                        See more
                    </button>
                </div>
            </div>
            <div class="w3-third w3-margin-bottom">
                <img src="/images/energy.png" alt="Paris" style="width:100%"
                     class="w3-hover-opacity">
                <div class="w3-container w3-white">
                    <p>Energy sustainability</p>

                    <button class="w3-button w3-black w3-margin-bottom"
                            onclick="document.location ='https://developer.ibm.com/callforcode/getstarted/climate-change/energy-sustainability'">
                        See more
                    </button>
                </div>
            </div>
            <div class="w3-third w3-margin-bottom">
                <img src="/images/disaster.png" alt="San Francisco"
                     style="width:100%" class="w3-hover-opacity">
                <div class="w3-container w3-white">
                    <p>Disaster resiliency</p>

                    <button class="w3-button w3-black w3-margin-bottom"
                            onclick="document.location ='https://developer.ibm.com/callforcode/getstarted/climate-change/disaster-resiliency'">
                        See more
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<!-- The Contact Section -->


<!-- End Page Content -->


<!-- Image of location/map -->
<!-- <img src="/w3images/map.jpg" class="w3-image w3-greyscale-min" style="width:100%"> -->

<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity w3-light-grey w3-xlarge">
    <i class="fa fa-facebook-official w3-hover-opacity href=" https://www.facebook.com/IBMDeveloper"
    "></i>
    <i class="fa fa-twitter w3-hover-opacity href=" https://twitter.com/IBMDeveloper""></i>
    <i class="fa fa-linkedin w3-hover-opacity href=" https://www.linkedin.com/showcase/ibmdeveloper/"
    "></i>
</footer>

<script>


// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
  var x = document.getElementById("navDemo");
  if (x.className.indexOf("w3-show") == -1) {
    x.className += " w3-show";
  } else {
    x.className = x.className.replace(" w3-show", "");
  }
}

// When the user clicks anywhere outside of the modal, close it
var modal = document.getElementById('ticketModal');
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}


// Accordions
function myAccFunc(id) {
  var x = document.getElementById(id);
  if (x.className.indexOf("w3-show") == -1) {
    x.className += " w3-show";
  } else {
    x.className = x.className.replace(" w3-show", "");
  }
}

// Slideshow
var slideIndex = 1;
showDivs(slideIndex);

function currentDiv(n) {
  showDivs(slideIndex = n);
}

function showDivs(n) {
  var i;
  var x = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("demo");
  if (n > x.length) {slideIndex = 1}
  if (n < 1) {slideIndex = x.length} ;
  for (i = 0; i < x.length; i++) {
     x[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
     dots[i].className = dots[i].className.replace(" w3-white", "");
  }
  x[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " w3-white";
}


</script>


</body>
</html>