<!-- 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 -->