index.html

---
layout: home
---

{% capture ABOUT_US %}
<div class="row">
    <div class="col-12 col-lg-6 about-blob about-blob-left">
        <div class="about-blob-heading">
            <h1>Our History</h1>
        </div>
        <div class="about-blob-text">
            Started in 2016, Megathon is Hyderabad's largest student-run Hackathon. Organised by E-Cell IIIT Hyderabad with the intention of promoting the spirit of entrepreneurship and development among the student community in and around the city, it has gotten bigger and more successful over the years; drawing 450 participants in its first year, and upwards of 600 in its second. 
It didn't stop there. In the 3rd edition we introduced an online event, taking the hackathon nationwide. The 2018 edition of Megathon had over 1000 participants from colleges all across the country.

        </div>
        <div class="about-blob-img">
            <iframe
                src="https://www.youtube.com/embed/KuaNsJj31Qw"
                frameborder="0"
                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen
            ></iframe>
        </div>
    </div>

    <div class="col-12 col-lg-6 about-blob about-blob-right">
        <div class="about-blob-heading">
            <h1>Fast forward to 2019</h1>
        </div>
        <div class="about-blob-text">
            Megathon returns in 2019, and it's better than ever. Following the success of the online event last year, in this year's iteration of [online round name] we've introduced multiple problem statements for you to hack away at. Along with the 24 hour Onsite Hackathon on IIIT Campus grounds, this provides to participants multiple opportunities at winning [some fancy way to say prizes?]

        </div>
    </div>
</div>
{% endcapture %}
{% include section.html heading="About us" content=ABOUT_US style="about_us" fullpage=true %}

{% capture MEGATHONLINE %}
<div class="container" style="background: url('{{site.baseurl}}/assets/images/megathon-blobs/18-header-individual-behind-megathon-red-blob.svg') center no-repeat; background-size: contain">
    <div class="row">
        <div class="col-lg-6">
            <p>
                In order to extend our national reach, we had introduced an online version of Megathon. Due to it's huge popularity last time, we decided to do it again. It is aimed mainly at people who are far from Hyderabad and cannot attend the event or people who don't want to pay to participate. Yes, you heard it right. It's free to participate. With more problem statements and better goodies, it's even bigger than before! 
            </p>
        </div>
    </div>
</div>
{% endcapture %}
{% include section.html heading="HOWZHACK<br/>(Online)" content=MEGATHONLINE %}

{% capture FORMAT %}
<div class="format-container">
    <div class="row">
        <div class="col-md-6 offset-md-6 col-sm-12">
            <div class="format-blob" style="--seq: '1'">
                <div class="format-blob-text">HOWZHACK registrations open on</div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="format-blob" style="--seq: '2'">
                <div class="format-blob-text">HOWZHACK Final Submission on </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 offset-md-6 col-sm-12">
            <div class="format-blob" style="--seq: '3'">
                <div class="format-blob-text">Megathon Registrations start</div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="format-blob" style="--seq: '4'">
                <div class="format-blob-text">Megathon Onsite (Big Day) on </div>
            </div>
        </div>
    </div>
</div>
{% endcapture %}
{% include section.html heading="Events" content=FORMAT style="format" fullpage=true %}

{% capture PROBLEM_STATEMENT %}

<div class="row d-flex">
    <div class="col-12 my-auto">

        <h2 class="text-center">
            Problems will be announced soon.
        </h2>
    </div>
</div>

<!-- <div class="row">
    <div class="col-md-4 probs-blob probs-blob-left">
        <div class="probs-blob-img">
            <img src="https://dummyimage.com/200x200/000/fff&text=P1" alt="PROB1" class="img-fluid"/>
        </div>
        <div class="probs-blob-text">
            Problem TBA
        </div>
    </div>

    <div class="col-md-4 probs-blob probs-blob-center">
        <div class="probs-blob-img">
            <img src="https://dummyimage.com/200x200/000/fff&text=P1" alt="PROB2" class="img-fluid" />
        </div>
        <div class="probs-blob-text">
            Problem TBA
        </div>
    </div>

    <div class="col-md-4 probs-blob probs-blob-right">
        <div class="probs-blob-img">
            <img src="https://dummyimage.com/200x200/000/fff&text=P1" alt="PROB3" class="img-fluid" />
        </div>
        <div class="probs-blob-text">
            Problem TBA
        </div>
    </div>
</div> -->
{% endcapture %}
{% include section.html heading="Problem<br />Statements" content=PROBLEM_STATEMENT style="problems" %}

{% capture SPONSORS %}
<div class="container-fluid">
    {% for category in site.data.sponsors.main_page %}
    <h1 class="text-center sub-heading">{{ category[0] | upcase }}</h1>

    <div class="row sponsor-container">
        {% for sponsor in category[1] %}
        <div class="col-lg-4 col-md-6 col-sm-12 text-center my-5" style="display: block;margin:auto;">
            <img class="img-fluid" src="{{ sponsor.image }}" alt="{{ sponsor.name }}">      
        </div>
        {% endfor %}
    </div>
    {% endfor %}
</div>
{% endcapture %}

{% include section.html heading="Sponsors" content=SPONSORS style="sponsors" %}

{% capture CONTACT %}

<div class="container hide-overflow" style="max-width: 500px;">
    <br>
    <h2 class="align-box-h grey-text lighten-4">Contact Us for more information</h2>
    <div class="row">
        <div class="col s8 center-align">
            <strong>Aishwarya Srivastava</strong>
        </div>
        <div class="col s4 center-align">
            +91 8179483672 
        </div>
    </div>

    <div class="row">
        <div class="col s8 center-align">
            <strong>Ayush Shivani</strong>
        </div>
        <div class="col s4 center-align">
            +91 9559932625
        </div>
    </div>

    <div class="row">
        <div class="col s8 center-align">
            <strong>Aditya Morolia</strong>
        </div>
        <div class="col s4 center-align">
            +91 9559404288 
        </div>
    </div>

    <div class="row">
        <div class="col s8 center-align">
            <strong>Priyank Modi</strong>
        </div>
        <div class="col s4 center-align">
            +91 8328145692
        </div>
    </div>
</div>

{% endcapture %}

{% include section.html heading="Contact" content=CONTACT %}