<!--

                                              ,,,,
                                  ,▄      ▐███▀▀▀▀▀      ██▄▄,
                            ,,   ██`      ▐██    ,      ███▀▀███▄
                            ██  ██        ▐████▀▀▀     ▐██▄,  ███
                     ▄      ╙█████▄,      ]██          ██▀▀████▀      ¿███▄
                    ▀██▄     ▀██▀"▀███▄    ████████   ██▌   ,██      ███▀▀███
                      ▀██▄    ███   `▀▀`                    ██▌    ▄███▄,  ███
                        ███    ▀▀                       ,        ╓███  ▀█████`
             ███,    ▄▄  ███                          ,███        ``   ,██▌
              `▀██▄  ▀████▀                          ╒███▓╜            ██▀     ╓▄███▄╖
                 ▀███▄                              ▄███▓`              `    ███▀▀``▀██
       ,█████▄      ▀▀                               ▀█,                    ██▀      ▐██
      ╓██   ██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 PROGRAMMA</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 property="og:image" content="https://spijkerrok.com/images/og-image.png" />
  </head>
  <body class="tighty">
        <header class="container-fluid p-0 headerbg">
      <div class="hero1 hero-img container-fluid p-0"><img src="images/header1-small.svg"></div>
      <div class="hero2 hero-img"><img src="images/header2.svg"></div>
      <div class="hero3 hero-img container-fluid p-0"><img src="images/header3-small.svg"></div>
      <div class="hero4 hero-img"><img src="images/header4.svg"></div>
      <div class="hero5 hero-img container-fluid p-0"><img src="images/header5-small.svg"></div>
      <div class="hero6 hero-img"><img src="images/header6.svg"></div>
      <div class="hero7 hero-img container-fluid p-0"><img src="images/header7-small.svg"></div>
      <div class="jumbotron sub-page-hero"></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-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">
                                <h2>22:30 grote tent</h2>
                            </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">
                            <h2>18:45 grote tent</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="jellephant-info.php">
                            <h1>JELLEPHANT </h1>
                            <h2>& THE PHANTOMS</h2>
                            <img src="images/jellephant.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>17:15 grote tent</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>
                            <h2>mixed media clusterfuck</h2>
                            <img src="images/kp6.png" data-holder-rendered="true" class="img-fluid">
                            <h2>21:30 minder grote tent</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>
                            <h2>als een sloopkogel door de kerk</h2>
                            <img src="images/FEMME_FUGAZI.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>19:50 minder grote tent</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>
                            <h2>wetenschapper, zangeres of schrijver?</h2>
                            <img src="images/cassandraonck.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>18:00 minder grote tent</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>
                            <h2>solo-project van sven janssen</h2>
                            <img src="images/SVAUN_Persfoto.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>20:35 grote tent</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>
                            <h2>muzikale wedergeboorte</h2>
                            <img src="images/Doordezonverrast.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>16:30 minder grote tent</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>
                            <h2>onvoorwaardelijke liefde voor de 80s</h2>
                            <img src="images/youthreserve.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>15:50 grote tent</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>
                            <h2>elektronisch, donker, humoristisch en confronterend</h2>
                            <img src="images/bente.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>15:00 minder grote tent</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>
                            <h2>beats en lyrics met een donkere twist</h2>
                            <img src="images/cdbaby.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>15:00 minder grote tent</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>
                            <h2>ongefilterde uitlaatklep</h2>
                            <img src="images/sanjansen.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>15:00 minder grote tent</h2>
                        </a>                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 text-center">
                    <div class="p-3">
                       <h2>En er is meeerrrr</h2>
                    </div>
                </div>
            </div>
            <div class="row">
               <div class="col-lg-4 col-md-4 col-sm-12">
                    <div class="p-3 secondary">
                                                    <h1>DE PIETJES</h1>
                            <img src="images/pietjes.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>Kinderliedjes voor de minirokkers!</h2>                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <div class="p-3 primary">
                                                    <h1>ACOUSTIC ZOMBIE CHOIR</h1>
                            <img src="images/acoustic-zombie.jpg" data-holder-rendered="true" class="img-fluid">
                            <h2>liefde voor de kazoo</h2>                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12">
                    <div class="p-3 secondary">
                                                    <h1>TOILET DAMES</h1>
                            <img src="images/toilet-dames.png" data-holder-rendered="true" class="img-fluid">
                            <h2>de fideelste van Arnhem!</h2>
                       </div>
                </div>
            </div>
            <div class="row">
				<div class="col-12 text-center">
					<div class="p-3">
							<a href="/images/spijkerrok-programma.pdf" target="_blank">
		<h1>HET PROGRAMMA IS BEKEND</h1>
		<h2>Downloaden, printen &amp; lamineren</h2>
	</a>					</div>
				</div>
            </div>
            <div class="row">
				<div class="col-12">
					<div class="p-3 primary">
							<a href="https://www.luxorlive.nl/agenda/spijkerrok-5/" target="_blank">
		<h1>Hé psssst</h1>
		<h2>ticketje kopen?!</h2>
		<img src="images/hekwerkbanner.jpeg" class="img-fluid">
		<h3>Klik hier om een kaartje te kopen. Voorverkoop: €12 bij Luxor Live, Waaghals, Kroese, Café Atlanta, Café Vrijdag, Eetcafé Sound & Soul of Restaurant De Buren van Thialf. Op de dag zelf aan de kassa kosten kaartjes €15. Gratis toegang voor kinderen tot 12 jaar.</h3>
	</a>
					</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>
      <script src="js/animate-hero.js"></script>  
  </body>
</html>