<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>OppiKoppi 2017 - 5,6,7 OCT 2017 | Me now, the mango picker</title>
	
	<link rel="apple-touch-icon" href="apple-touch-icon.png">
	<!-- Place favicon.ico in the root directory -->
	<link rel="icon" href="apple-touch-icon.png">
        
    <meta name="description" content="OppiKoppi 23 will take place in October on the weekend of the 5th. The theme for this year is - Me now, the mango picker. Artists will be announced soon, buy your early bird tickets now.">
    <meta name="author" content="Webvelopment">

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

  </head>
  <body>

    <div class="container-fluid">
	<div class="row">
		<div class="col-md-12">
			<div class="row">
				<div class="col-md-1">
				</div>
				<div class="col-md-2">
					<img alt="5-6-7 October 2017" src="./img/daes.jpg">
				</div>
				<div class="col-md-6">
					<img alt="OppiKoppi | Me now, the mango picker" src="./img/maintext.jpg">
					<div class="row">
						<div class="col-md-3">
							<a href="http://www.golimpopo.com/" target="_blank">
								<img alt="Limpopo Tourism" src="./img/tourism.jpg">
							</a>
						</div>
						<div class="col-md-3">
							<a href="https://plankton.mobi/Events/EventBooking/f990168e-ef35-498b-840c-15354743c136" target="_blank">								
								<img alt="Buy a ticket from Plankton.mobi" src="./img/plankton.jpg">
							</a>
						</div>
						<div class="col-md-3">
							<a href="http://online.computicket.com" target="_blank">
								<img alt="Buy a ticket from Computicket" src="./img/computicket.jpg">
							</a>
						</div>
						<div class="col-md-3">
							<a href="http://www.redbullstudios.com/capetown" target="_blank">
								<img alt="Red Bull Studios Cape Town" src="./img/redbull.jpg">
							</a>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<img alt="Theme" src="./img/maintheme.jpg">
				</div>
			</div>
		</div>
	</div>
</div>

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/scripts.js"></script>
	<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
    <script>
        (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
        function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
        e=o.createElement(i);r=o.getElementsByTagName(i)[0];
        e.src='https://www.google-analytics.com/analytics.js';
        r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
        ga('create','UA-97232885-1','auto');ga('send','pageview');
    </script>
    <script>
        /**
        * Function that tracks a click on an outbound link in Analytics.
        * This function takes a valid URL string as an argument, and uses that URL string
        * as the event label. Setting the transport method to 'beacon' lets the hit be sent
        * using 'navigator.sendBeacon' in browser that support it.
        */
        var trackOutboundLink = function(url) {
           ga('send', 'event', 'outbound', 'click', url, {
             'transport': 'beacon',
             'hitCallback': function(){document.location = url;}
           });
        }
    </script>
  </body>
</html>