{% extends 'base.html' %}
{% block headerstyles %}
    <style xmlns="http://www.w3.org/1999/html">
        .caption {
            margin-left: 85px;
        }

        .span8 {
            width: 350px;
        }

        .thumb_image {
            width: 80px;
            height: 80px;
            float: left;
            background: red;
        }

        .clear {
            clear: both;
            height: 20px;
        }
    </style>
{% endblock %}
{% block content %}
    <div class="row">
        <h1>Deep South Sounds presents Love*Bites</h1>

        <p class="lead">The manc is back</p>
        <hr/>
    </div>
    <div class="row">
        <div class="col-sm-9">
            <div class="row">
                <h5>
                    <blockquote>
                        <p>Friday February 14th Deep South Sounds presents a special secret warehouse party</p>
                        <footer>9PM - 5AM!!</footer>
                    </blockquote>
                </h5>
            </div>
            <div class="col-sm-6">
                <img alt=""
                     src="http://www.ibiza-voice.com/media/news/news2011/landrec004/Moodymanc.jpg"
                     style="width: 400px; height: 290px;"/>
            </div>
            <div class="col-sm-6">
                <div class="row">
                    <div class="col-sm-6">
                        <h3>**Tickets Only**</h3>
                    </div>
                    <div class="col-sm-6">

                        {% comment %}
                        <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
                            <input type="hidden" name="cmd" value="_s-xclick">
                            <input type="hidden" name="hosted_button_id" value="STH7RB3KFZ4AQ">
                            <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif"
                                   border="0"
                                   name="submit" alt="PayPal - The safer, easier way to pay online!">
                            <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1"
                                 height="1">
                        </form>
                        {% endcomment %}
                    </div>
                </div>
                        &euro;20 (includes bus, cloakroom and a kiss from ed)
                <hr />
                <div class="row">
                    <ul>
                        <li>Buses running from city</li>
                        <li>Bring your own booze (will be looked after onsite)</li>
                        <li>Safe & Friendly atmosphere</li>
                        <li>Security on-site</li>
                    </ul>
                    <a target="_blank" class="btn btn-danger" href="https://www.facebook.com/events/586323801445996/">More
                        Info</a>
                </div>
            </div>
        </div>
        <div class="col-xs-6 col-sm-3 pricing-box">
            <div class="widget-box">
                <div class="widget-header header-color-dark">
                    <h5 class="bigger lighter">Djs on the night</h5>
                </div>
                <div class="widget-body">
                    <div class="widget-main">
                        <ul class="list-unstyled spaced2">
                            <li>
                                <i class="fa fa-headphones green"></i>
                                <a target="_blank" href="http://soundcloud.com/moodymanc">Moodymanc</a>
                            </li>
                            <li>
                                <i class="fa fa-headphones green"></i>
                                <a target="_blank" href="http://deepsouthsounds.com/user/fergalmoran">Fergal Moran</a>
                            </li>
                            <li>
                                <i class="fa fa-headphones green"></i>
                                <a target="_blank" href="http://deepsouthsounds.com/user/deepsouth">Edwin Dunlea</a>
                            </li>
                            <li>
                                <i class="fa fa-headphones green"></i>
                                <a target="_blank" href="http://deepsouthsounds.com/user/adamdunbar">Adam Dunbar</a>
                            </li>
                            <li>
                                <i class="fa fa-headphones green"></i>
                                <a target="_blank" href="http://deepsouthsounds.com/user/muraku">Muraku</a>
                            </li>
                            <li>
                                <i class="fa fa-headphones green"></i>
                                <a target="_blank" href="http://deepsouthsounds.com/user/jamiethedeep">Jamie O'
                                    Sullivan</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% comment %}
    <div class="pull-left">
        <img alt="" src="http://www.ibiza-voice.com/media/news/news2011/landrec004/Moodymanc.jpg"
             style="width: 400px; height: 290px;"/>
    </div>
    {% endcomment %}
{% endblock %}