<!--

                                              ,,,,
                                  ,▄      ▐███▀▀▀▀▀      ██▄▄,
                            ,,   ██`      ▐██    ,      ███▀▀███▄
                            ██  ██        ▐████▀▀▀     ▐██▄,  ███
                     ▄      ╙█████▄,      ]██          ██▀▀████▀      ¿███▄
                    ▀██▄     ▀██▀"▀███▄    ████████   ██▌   ,██      ███▀▀███
                      ▀██▄    ███   `▀▀`                    ██▌    ▄███▄,  ███
                        ███    ▀▀                       ,        ╓███  ▀█████`
             ███,    ▄▄  ███                          ,███        ``   ,██▌
              `▀██▄  ▀████▀                          ╒███▓╜            ██▀     ╓▄███▄╖
                 ▀███▄                              ▄███▓`              `    ███▀▀``▀██
       ,█████▄      ▀▀                               ▀█,                    ██▀      ▐██
      ╓██   ██L                                      ██                     ██▄     ╓██▌
     ▐███▄,▄█▀                                      ██                       ▀███████▀
       `▀████▄,                                    ██                          `▀▀`
           `▀███                                  ╒▌                                    ,,▄▄
     ,                                            █                              ▄████████▀▀
   ███Γ ▄████,                                   ███▄╖                           ``   ████▄
  ██   ██▀  ██                                 ¿▐█  "█▌                             ▄██▀ ▀███
  ██▄,██▌  ,██                               ██████████                           ▐██▀      `▀
   ▀▀█▀▀ ▐███                               ▐█████████C                            ▀
                                           ╓██████████
                                          ┌██████████
                                          ██████████`
                                         ████████▐█▌
                                        ████████▓██
                                        ██████████
                                        █████████
                                         ██████▀
                                         ███▀                                 ▄
                                    ,▄╖,███                                  ╙██▄
                ,▄██          ╓████████████▄                                 ,████
              ╓███`,▄██       '▀█████████████                            ▄▄▄▄██ ▀██,
            ▄███▄█████▀ ,         `▀▀████▀▀`                             "▀▀████████▄
           ▀████▀  ██`╓███`                                          ██▄        ▀▀██`
                 ╓██▄██▀    ██▄▄,                               ▄,    ███
                █████▀        "▀███▄                      ,,   "███,,▄████,
                 ▀█`      ╔█▄▄, ▄██    ██L    ▄▄   ╔▄█,   ██▌    ▀▀██▀` ╙██▄
                        ,   "▀████     ██    ▐██   ]████,  ██      ██▄,▄███▀
                        ▀███▄,▄██     ▐██▄▄▄▄██▌    ██▌▀██,██▌     `▀██▀`
                           "▀███      ███▀▀▀▀██▌     ██  ▀████
                                      ██     ██      ██▌   ▀█▀`
                                            '▀▀       ▀`

// --> 

 



<!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>SPIJKERROK 2023</title>
    <!-- Bootstrap -->
    <link href="fonts/protosans.css" rel="stylesheet" type="text/css">
    <link rel="preconnect" href="https://fonts.googleapis.com"> 
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;900&display=swap" rel="stylesheet">
    <link href="css/bootstrap-4.4.1.css" rel="stylesheet">
    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="/images/favicon/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/images/favicon//favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="/images/favicon/site.webmanifest">
    <link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="theme-color" content="#ffffff"> <meta property="og:image" content="https://spijkerrok.com/images/og-image.png" />
  </head>
  <body class="tighty">
    <header>
      <div class="jumbotron hero">
          <div class="wavey">
              <h1 class="datum-kaart">ZA&nbsp;17&nbsp;JUNI</h1>
              <h1 class="locatie-kaart">SPKRKWRTR&nbsp;ARNHEM VRIJSTAAT&nbsp;THIALF</h1>
          </div>
      </div>
    </header>

	    <nav class="navbar sticky-top navbar-expand-lg navbar-light">
	  <a class="navbar-brand" href="#"></a>
	  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
	  <div class="collapse navbar-collapse" id="navbarSupportedContent">
		<ul class="navbar-nav mr-auto container">
		  <li class="nav-item"> <a class="nav-link" href="index.php">Home</a> </li>
		  <li class="nav-item"> <a class="nav-link" href="programma.php">Programma</a> </li>
		  <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.luxorlive.nl/agenda/spijkerrok-5/">Tickets</a> </li>
		  <li class="nav-item"> <a class="nav-link" href="info.php">Info</a> </li>
		</ul>
	  </div>
    </nav>
    <section>
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-md-7 col-sm-12">
					<div class="p-3 secondary">
							<a href="https://www.luxorlive.nl/agenda/spijkerrok-5/" target="_blank">
		<h1>DE VOOR&shy;VERKOOP IS GESTART!</h1>
		<h2>koop dan!</h2>
		<img src="images/muziek4.jpg" class="img-fluid">
		<h3>Klik hier om een kaartje te kopen. Voorverkoop: €12 bij Luxor Live. Op de dag zelf aan de kassa kosten kaartjes €15. Gratis toegang voor kinderen tot 12 jaar.</h3>
	</a>
<a href="https://www.luxorlive.nl/agenda/spijkerrok-5/"> 
	<div class="sticker tickets">
	<h2>klik hierrr</h2>
	<h6>en koop je kaartje!</h6>
	</div>
</a>					</div>					
                </div>
                <div class="col-lg-5 col-md-5 col-sm-12">
					<div class="p-3 primary">
						<a href="mailto:info@spijkerrok.com">
	<h1>VRIJWILLIGER WORDEN?</h1>
	<h2>kom een handje helpen!</h2>
	<img src="images/Vrijwiligger-large.jpeg" class="img-fluid">
	<h3>Klik hier om je aan te melden</h3>
</a>    

<!--<a href="mailto:info@spijkerrok.com"> 
	<div class="sticker vrijwilliger">
	<h2>vrijwilliger worden?</h2>
	<h6>Kom gratis meedoen!</h6>
	</div>
</a>-->					</div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 text-center">
                   <h1>PROGRAMMA</h1>
                   <h2>voor ieder wat wilds!</h2>
                </div>
            </div>
        <div class="container">
            <div class="row">
				<div class="col-12">
					<div class="p-3 secondary">
						                            <a href="hardslag-info.php">
                                <h1>HARDSLAG</h1>
                                <h2>powertrio uit enschede</h2>
                                <img src="images/Hardslag-2.jpeg" data-holder-rendered="true" class="img-fluid">
                            </a>					</div>
				</div>
            </div>
            <div class="row">
				<div class="col-12">
					<div class="p-3 primary">
						                        <a href="ronnyskanks-info.php">
                            <h1>RONNY SKANKS</h1>
                            <h2>arnhemse ska-explosie</h2>
                            <img src="images/ronnyskanks.jpg" data-holder-rendered="true" class="img-fluid">
                        </a>					</div>
				</div>
            </div>
            <div class="row">
                 <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="p-3 primary">
                                                <a href="jellephant-info.php">
                            <h1>JELLEPHANT </h1>
                            <img src="images/jellephant.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>& THE PHANTOMS</h2>
                        </a>                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="p-3 secondary">
                                                <a href="kp6-info.php">
                            <h1>KLOKPACK6IX</h1>
                            <img src="images/kp6.png" data-holder-rendered="true" class="img-fluid">
                            <h2>mixed media clusterfuck</h2>
                        </a>                    </div>
                </div>
            </div>
            <div class="row">
               <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="p-3 secondary">
                                                <a href="femmefugazi-info.php">
                            <h1>FEMME FUGAZI</h1>
                            <img src="images/FEMME_FUGAZI.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>als een sloopkogel door de kerk</h2>
                        </a>                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="p-3 primary">
                                                <a href="cassandraonck-info.php">
                            <h1>CASSANDRA ONCK</h1>
                            <img src="images/cassandraonck.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>wetenschapper, zangeres of schrijver?</h2>
                        </a>                    </div>
                </div>
            </div>
            <div class="row">
               <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="p-3 primary">
                                                <a href="svaun-info.php">
                            <h1>SVAUN</h1>
                            <img src="images/SVAUN_Persfoto.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>solo-project van sven janssen</h2>
                        </a>                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="p-3 secondary">
                                                <a href="doordezonverrast-info.php">
                            <h1>DOORDEZON&shy;VERRAST</h1>
                            <img src="images/Doordezonverrast.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>muzikale wedergeboorte</h2>
                        </a>                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="p-3 secondary">
                                                <a href="youthreserve-info.php">
                            <h1>YOUTH RESERVE</h1>
                            <img src="images/youthreserve.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>onvoorwaardelijke liefde voor de 80s</h2>
                        </a>                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="p-3 primary">
                                                <a href="bente-info.php">
                            <h1>BENTE</h1>
                            <img src="images/bente.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>elektronisch, donker, humoristisch en confronterend</h2>
                        </a>                    </div>
                </div>
            </div>

            <div class="row">
               <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="p-3 primary">
                                                <a href="cdbaby-info.php">
                            <h1>CDBABY</h1>
                            <img src="images/cdbaby.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>beats en lyrics met een donkere twist</h2>
                        </a>                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="p-3 secondary">
                                                <a href="sanjansen-info.php">
                            <h1>SAN JANSEN</h1>
                            <img src="images/sanjansen.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>ongefilterde uitlaatklep</h2>
                        </a>                    </div>
                </div>
            </div>

        </div>
    </div>
    </section>
	    <footer class="text-center">
      <div class="container">
          <img src="images/footer.svg" class="img-fluid">
      </div>
    </footer>    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="js/jquery-3.4.1.min.js"></script> 
    <!-- Include all compiled plugins (below), or include individual files as needed --> 
    <script src="js/popper.min.js"></script> 
    <script src="js/bootstrap-4.4.1.js"></script>
  </body>
</html>