index.html

---
layout: default
title: 2015
permalink: /
---

<div id="service">
  <div class="container">
    <div class="row">
      <div class="col-md-8 col-md-offset-2 himg">
        <br/><img src="{{ "/assets/img/utphax.png" | prepend: site.baseurl }}" class="img-responsive center-block"><br/>
      </div>
    </div><!-- /row -->
  </div> <!-- /container -->
  <div class="container">
    <div class="row centered">
      <div class="col-md-4">
        <i class="fa fa-heart-o"></i>
        <h4>UTPHAX</h4>
        <p>UTPHAX is a national level hacking competition organized by Universiti Teknologi PETRONAS.</p>
        <p><a href="{{ "/about/" | prepend: site.baseurl }}" class="btn btn-theme">About Us</a></p>
      </div>
      <div class="col-md-4">
        <i class="fa fa-trophy"></i>
        <h4>UTPHAX'15</h4>
        <p>Congratulations to all winning teams! We hope everyone had fun while they put their skills to good use.</p>
        <p><a href="{{ "/compete/prize/" | prepend: site.baseurl }}" class="btn btn-theme">View Results</a></p>
      </div>
      <div class="col-md-4">
        <i class="fa fa-black-tie"></i>
        <h4>Cosplay</h4>
        <p>Amazing costumes and cosplayers have blessed us with their presence! Also, congratulations to the winners.</p>
        <p><a href="{{ "/cosplay/" | prepend: site.baseurl }}" class="btn btn-theme">More Info</a></p>
      </div>
    </div>
  </div><! --/container -->
</div><! --/service -->

<br/>

{% include event.html %}
{% include slider.html %}

<div class="container mtb">
  <div class="row">
    <div class="col-lg-8 col-md-8 col-sm-8">
      <!-- 16:9 aspect ratio -->
      <div class="embed-responsive embed-responsive-16by9">
        <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/TyXaBd7KzH0"></iframe>
      </div>
      <div class="alert alert-success" role="alert">
        <a href="https://youtu.be/J6fUgJfFUxU" target="_blank" class="alert-link">Click here to see UTPHAX'15 montage.</a>
      </div>
    </div>
    <div class="col-lg-4 col-md-4 col-sm-4">
      <a class="twitter-timeline" href="https://twitter.com/utphax_15" data-widget-id="635075231833452544">Tweets by @utphax_15</a>
      <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    </div>
  </div><! --/row -->
</div><! --/container -->

<div id="cwrap">
    <div class="container">
        <div class="row centered">
            <h3>UTPHAX is made possible by</h3>
            {% for sponsor in site.sponsor %}
                <div class="col-xs-6 col-md-3">
                    <img src="{{ "/assets/img/organization/" | prepend: site.baseurl }}{{ sponsor.img }}" class="img-responsive center-block unimage">
                </div>
            {% endfor %}
        </div><! --/row -->
    </div><! --/container -->
</div><! --/cwrap -->

<div class="modal fade" tabindex="-1" role="dialog" id="cybersocks">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">UTPHAX'16</h4>
      </div>
      <div class="modal-body">
        <p>UTPHAX is now part of the <a href="https://cybersocks.org">CyberSOCKS</a> Competition! <br> You can visit the <u>UTPHAX 2016</u> website here <a href="https://cybersocks.org/malaysia/">https://cybersocks.org/malaysia/</a></p>
      </div>
      <div class="modal-footer">
        <p class="pull-left"><input class='modal-check' name='modal-check' type="checkbox">&nbsp;&nbsp;Don't Show Again</p>
        <button type="button" class="btn btn-default" data-dismiss="modal">Stay</button>
        <a class="btn btn-info" href="https://cybersocks.org/malaysia/" role="button">Let's Go!</a>
      </div>
    </div>
  </div>
</div>