<!-- Begin Top Section -->
<section id="top-section-hero" class="top-section-hero image-section" style="background-image: url('{{ site.baseurl }}/img/hero.jpg');">

    {% include navigation.html %}
    <div class="jumbotron">
        <div class="animated hiding" data-animation="fadeInDown" data-delay="500">
            <h1>GDG DevFest <span id="typeout-text"></span> 2014</h1>
            <p>{{site.eventDate}}</p>
            <span class="btn btn-primary waves-element waves-button waves-light waves-will-raise">
                <a href="{{ site.c4pUrl }}" target="_blank">Become a speaker</a>
            </span>
        </div>
    </div>
    <a href="#about" class="explore animated hidden fadeInDown">
        <svg class="icon icon-arrow-down" viewBox="0 0 32 32">
            <use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-arrow-down"></use>
        </svg>
    </a>
</section>
<!-- End Top Section -->