<?php require_once "header.php" ?>
<div class="container-fluid whole info">
    <div class="col-md-12">
        <!-- This page includes a paragraph with all information needed to the site. -->
        <section>
            <h1><span>Info</span></h1>
            <article class="col-md-6 col-md-offset-3">
                <section>
                <h2><span>Ok, this is what you need to know.</span></h2>
                <p>The Pigstrip is a one day film festival happening in the <b>29th of August</b> at the Arnofini building in Bristol, UK. The film festival will play multiple documentaries featuring how food is produced, reveal the reality of animal exploitation, and provide a closer look at harmful consumerism habits and health conditions and what can we do to avoid them.</p>
                
                <p>Films will play simultaneously in different rooms starting at 11:30am, and visitants are allowed to change rooms and see any movies they choose at any time during the event. The films stop being displayed by 6pm. <a href="schedule.php">See schedule.</a></p>
                    
                <p>It's also about having conversations, raising important questions and discuss pertinent topics.</p>
                    
                <p><h4><span class="glyphicon glyphicon-exclamation-sign"></span> Some images might be considered shocking to some audiences.</h4></p>
                </section>
                <!-- This section of the document includes address and map (from google maps). -->
                <section>
                    <h3><span>Where?</span></h3>
                    <div class="col-md-3">
                        <address>
                        <h4><span class="glyphicon glyphicon-globe"></span></h4>
                        <p><i>Arnolfini</i></p>
                        <p><i>16 Narrow Quay</i></p>
                        <p><i>Bristol BS1 4QA</i></p>
                        </address>
                    </div>
                    <div class="col-md-9">
                    <iframe id="gmaps" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d718.1913131431479!2d-2.597813683215223!3d51.44928166152096!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48718dd5db9d383d%3A0x5f00b9b97b8051af!2sArnolfini!5e0!3m2!1sen!2suk!4v1457562811581" width="250" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
                    </div>
                </section>
            </article>
            <!-- User has the option to select tickets. All icons and links redirect to https://getinvited.to/. -->
            <article class="col-md-12 tickets">
                    <h2><span>Here, pick some tickets.</span></h2>
                    <div class="col-md-4">
                        <a href="https://getinvited.to/" target="_blank"><img src="img/free_ticket.png" class="img-responsive"  alt="Free ticket icon, select if of the age of 17 or below."></a>
                    </div>
                    <div class="col-md-4">
                        <a href="https://getinvited.to/" target="_blank"><img src="img/student_ticket.png" class="img-responsive" alt="Student ticket icon, select if you are a student. ID may be required."></a>
                    </div>
                    <div class="col-md-4">
                        <a href="https://getinvited.to/" target="_blank"><img src="img/general_ticket.png" class="img-responsive"  alt="General ticket icon, select if you are a person and want a ticket."></a>
                    </div>
                    <a class="btn btn-primary btn-lg btn-ticket" href="https://getinvited.to/" role="button" target="_blank">Get more tickets.</a>
                </article>
        </section>
    </div>
</div>
<?php require_once "footer.php" ?>