<!-- API URL: https://nationaaltheoriecentrum.nl/api/v4/get/ref.php?id_ref=5609&amp;taal=nl&amp;api_key=df81812fb05294def3a3a705bce1e2de4f80c1c3ef6083ad953fbe1645097396 -->
<!-- DEBUG Response: Array
(
    [0] => Array
        (
            [rid] => 0
            [id_ref] => 0
            [taal] => nl
            [Opleidercode] => 0
            [Opleidernaam] => 
            [voertuigen] => Array
                (
                    [0] => Array
                        (
                            [voertuig] => B
                            [id_voertuig] => 
                            [fontawesome] => 
                            [naam_nl] => 
                            [naam_en] => 
                            [cat_flex] => Array
                                (
                                )

                            [productcodes] => Array
                                (
                                    [0] => Array
                                        (
                                            [0] => c01-e01-o31-v31-a99-b01-x01
                                            [1] => c93-e93-o93-v00-a00-b00-x00
                                            [2] => c01-e01-o62-v31-a99
                                            [3] => c01-e01-o93-v31-a99
                                            [4] => c31-e01-o31-v31-a99
                                            [5] => b73-b72-x86-x85
                                            [6] => c93-e93-o93-v31-a99
                                            [7] => c01-o62-a99-x01
                                            [8] => c31-e31-o31-v31-a99-x01
                                            [9] => b01
                                            [10] => a99-b03
                                            [11] => b81-x84
                                            [12] => c31-o31
                                            [13] => c93-o93-a99-x01
                                            [14] => c01-o62
                                            [15] => c01-o93-a99
                                            [16] => c31-o31-a99-x01
                                            [17] => b04
                                            [18] => c31-e31-o31-v00-a00-b00-x00
                                            [19] => v31
                                            [20] => c31-o31-a99
                                            [21] => c31
                                            [22] => c01-e01-o93-a99-x01
                                            [23] => c93
                                            [24] => c01-o01-e01-a99-v07
                                            [25] => o31
                                            [26] => c01-e01-o93-v31-a99-x01
                                            [27] => c01-e01-o01-v00-a00-b00-x00
                                            [28] => c93-e93-o93-v31-a99-x01
                                            [29] => c31-o31-e31-a99-v31
                                            [30] => c31-e31-o31-a99-x01
                                            [31] => b72-x85
                                            [32] => c31-o31-e31-a99-v31-x01
                                            [33] => a99-b02
                                            [34] => c93-e93-o93-a99-x01
                                            [35] => b50-x51
                                            [36] => b64-b62-x88-x87
                                            [37] => x51
                                            [38] => b72-x85-b73-x86
                                            [39] => b64-x88
                                            [40] => b62-x87
                                            [41] => b50
                                            [42] => c01-e01-o31-v93-a00-b01-x00
                                            [43] => c31-e31-o31-v31-a31
                                            [44] => c93-o93-e93-a99-v31
                                        )

                                )

                        )

                    [1] => Array
                        (
                            [voertuig] => A
                            [id_voertuig] => 
                            [fontawesome] => 
                            [naam_nl] => 
                            [naam_en] => 
                            [cat_flex] => Array
                                (
                                )

                            [productcodes] => Array
                                (
                                    [0] => Array
                                        (
                                            [0] => c01-e01-o31-v31-a99-b01-x01
                                            [1] => c93-e93-o93-v00-a00-b00-x00
                                            [2] => c01-e01-o62-v31-a99
                                            [3] => c01-e01-o93-v31-a99
                                            [4] => c31-e01-o31-v31-a99
                                            [5] => b73-b72-x86-x85
                                            [6] => c93-e93-o93-v31-a99
                                            [7] => c01-o62-a99-x01
                                            [8] => c31-e31-o31-v31-a99-x01
                                            [9] => b01
                                            [10] => a99-b03
                                            [11] => b81-x84
                                            [12] => c31-o31
                                            [13] => c93-o93-a99-x01
                                            [14] => c01-o62
                                            [15] => c01-o93-a99
                                            [16] => c31-o31-a99-x01
                                            [17] => b04
                                            [18] => c31-e31-o31-v00-a00-b00-x00
                                            [19] => v31
                                            [20] => c31-o31-a99
                                            [21] => c31
                                            [22] => c01-e01-o93-a99-x01
                                            [23] => c93
                                            [24] => c01-o01-e01-a99-v07
                                            [25] => o31
                                            [26] => c01-e01-o93-v31-a99-x01
                                            [27] => c01-e01-o01-v00-a00-b00-x00
                                            [28] => c93-e93-o93-v31-a99-x01
                                            [29] => c31-o31-e31-a99-v31
                                            [30] => c31-e31-o31-a99-x01
                                            [31] => b72-x85
                                            [32] => c31-o31-e31-a99-v31-x01
                                            [33] => a99-b02
                                            [34] => c93-e93-o93-a99-x01
                                            [35] => b50-x51
                                            [36] => b64-b62-x88-x87
                                            [37] => x51
                                            [38] => b72-x85-b73-x86
                                            [39] => b64-x88
                                            [40] => b62-x87
                                            [41] => b50
                                            [42] => c01-e01-o31-v93-a00-b01-x00
                                            [43] => c31-e31-o31-v31-a31
                                            [44] => c93-o93-e93-a99-v31
                                        )

                                )

                        )

                    [2] => Array
                        (
                            [voertuig] => AM
                            [id_voertuig] => 
                            [fontawesome] => 
                            [naam_nl] => 
                            [naam_en] => 
                            [cat_flex] => Array
                                (
                                )

                            [productcodes] => Array
                                (
                                    [0] => Array
                                        (
                                            [0] => c01-e01-o31-v31-a99-b01-x01
                                            [1] => c93-e93-o93-v00-a00-b00-x00
                                            [2] => c01-e01-o62-v31-a99
                                            [3] => c01-e01-o93-v31-a99
                                            [4] => c31-e01-o31-v31-a99
                                            [5] => b73-b72-x86-x85
                                            [6] => c93-e93-o93-v31-a99
                                            [7] => c01-o62-a99-x01
                                            [8] => c31-e31-o31-v31-a99-x01
                                            [9] => b01
                                            [10] => a99-b03
                                            [11] => b81-x84
                                            [12] => c31-o31
                                            [13] => c93-o93-a99-x01
                                            [14] => c01-o62
                                            [15] => c01-o93-a99
                                            [16] => c31-o31-a99-x01
                                            [17] => b04
                                            [18] => c31-e31-o31-v00-a00-b00-x00
                                            [19] => v31
                                            [20] => c31-o31-a99
                                            [21] => c31
                                            [22] => c01-e01-o93-a99-x01
                                            [23] => c93
                                            [24] => c01-o01-e01-a99-v07
                                            [25] => o31
                                            [26] => c01-e01-o93-v31-a99-x01
                                            [27] => c01-e01-o01-v00-a00-b00-x00
                                            [28] => c93-e93-o93-v31-a99-x01
                                            [29] => c31-o31-e31-a99-v31
                                            [30] => c31-e31-o31-a99-x01
                                            [31] => b72-x85
                                            [32] => c31-o31-e31-a99-v31-x01
                                            [33] => a99-b02
                                            [34] => c93-e93-o93-a99-x01
                                            [35] => b50-x51
                                            [36] => b64-b62-x88-x87
                                            [37] => x51
                                            [38] => b72-x85-b73-x86
                                            [39] => b64-x88
                                            [40] => b62-x87
                                            [41] => b50
                                            [42] => c01-e01-o31-v93-a00-b01-x00
                                            [43] => c31-e31-o31-v31-a31
                                            [44] => c93-o93-e93-a99-v31
                                        )

                                )

                        )

                )

        )

    [1] => Array
        (
            [rid] => 1473
            [id_ref] => 5609
            [taal] => nl
            [Opleidercode] => 7067U9
            [Opleidernaam] => Rijschool Learn to Ride
            [rscode] => learntoride
            [website] => 
            [voertuigen] => Array
                (
                    [0] => Array
                        (
                            [voertuig] => b
                            [id_voertuig] => 1
                            [fontawesome] => fas fa-car
                            [naam_nl] => Auto
                            [naam_en] => Car
                            [cat_flex] => Array
                                (
                                    [0] => B
                                    [1] => B Aut
                                    [2] => B RIS
                                    [3] => B Tiel
                                )

                            [productcodes] => Array
                                (
                                    [0] => Array
                                        (
                                            [0] => c01-e01-o62-v31-a99
                                            [1] => c31-e01-o31-v31-a99
                                            [2] => c01-e01-o31-v31-a99-b01-x01
                                            [3] => c93-e93-o93-v31-a99
                                            [4] => c31-o31-e31-a99-v31
                                        )

                                )

                        )

                    [1] => Array
                        (
                            [voertuig] => am
                            [id_voertuig] => 2
                            [fontawesome] => fas fa-moped
                            [naam_nl] => Scooter
                            [naam_en] => Mopped
                            [cat_flex] => Array
                                (
                                    [0] => AM
                                    [1] => Am Brommobiel
                                )

                            [productcodes] => Array
                                (
                                    [0] => Array
                                        (
                                            [0] => c01-e01-o62-v31-a99
                                            [1] => c31-o31-a99
                                            [2] => c93-o93-a99-x01
                                            [3] => a99-b02
                                        )

                                )

                        )

                    [2] => Array
                        (
                            [voertuig] => a
                            [id_voertuig] => 3
                            [fontawesome] => fas fa-motorcycle
                            [naam_nl] => Motor
                            [naam_en] => Motor
                            [cat_flex] => Array
                                (
                                    [0] => A
                                    [1] => A1
                                    [2] => A2
                                    [3] => AVB
                                    [4] => AVD
                                    [5] => A-AVD
                                    [6] => A-AVB
                                    [7] => A-AVB
                                    [8] => A-avd
                                )

                            [productcodes] => Array
                                (
                                    [0] => Array
                                        (
                                            [0] => c01-e01-o62-v31-a99
                                            [1] => c31-o31-a99
                                            [2] => c93-e93-o93-a99-x01
                                            [3] => a99-b03
                                            [4] => c31-o31-e31-a99-v31
                                        )

                                )

                        )

                    [3] => Array
                        (
                            [voertuig] => be
                            [id_voertuig] => 4
                            [fontawesome] => fa-regular fa-trailer
                            [naam_nl] => Aanhanger
                            [naam_en] => Trailer
                            [cat_flex] => Array
                                (
                                    [0] => BE
                                )

                            [productcodes] => Array
                                (
                                    [0] => Array
                                        (
                                            [0] => b04
                                        )

                                )

                        )

                    [4] => Array
                        (
                            [voertuig] => t
                            [id_voertuig] => 5
                            [fontawesome] => fa-regular fa-tractor
                            [naam_nl] => Trekker
                            [naam_en] => Trekker
                            [cat_flex] => Array
                                (
                                    [0] => T
                                )

                            [productcodes] => Array
                                (
                                    [0] => Array
                                        (
                                            [0] => b50
                                            [1] => b50-x51
                                            [2] => x51
                                        )

                                )

                        )

                    [5] => Array
                        (
                            [voertuig] => d
                            [id_voertuig] => 6
                            [fontawesome] => fa-regular fa-bus
                            [naam_nl] => Bus
                            [naam_en] => Bus
                            [cat_flex] => Array
                                (
                                    [0] => D
                                )

                            [productcodes] => Array
                                (
                                    [0] => Array
                                        (
                                            [0] => b62-x87
                                            [1] => b64-x88
                                            [2] => b62-x87-b64-x88
                                        )

                                )

                        )

                    [6] => Array
                        (
                            [voertuig] => c
                            [id_voertuig] => 7
                            [fontawesome] => fa-regular fa-truck
                            [naam_nl] => Vrachtauto
                            [naam_en] => Vrachtauto
                            [cat_flex] => Array
                                (
                                    [0] => C
                                )

                            [productcodes] => Array
                                (
                                    [0] => Array
                                        (
                                            [0] => b72-x85
                                            [1] => b73-x86
                                            [2] => b72-x85-b73-x86
                                            [3] => b81-x84
                                        )

                                )

                        )

                    [7] => Array
                        (
                            [voertuig] => code95
                            [id_voertuig] => 9
                            [fontawesome] => fa-solid fa-chalkboard-user
                            [naam_nl] => Code 95
                            [naam_en] => Code 95
                            [cat_flex] => Array
                                (
                                    [0] => code95
                                )

                            [productcodes] => Array
                                (
                                    [0] => Array
                                        (
                                            [0] => b91
                                            [1] => b92
                                            [2] => b93
                                            [3] => b94
                                            [4] => b74
                                            [5] => b63
                                        )

                                )

                        )

                    [8] => Array
                        (
                            [voertuig] => tvp
                            [id_voertuig] => 10
                            [fontawesome] => fa-regular fa-taxi
                            [naam_nl] => Taxi
                            [naam_en] => Taxi
                            [cat_flex] => Array
                                (
                                    [0] => tvp
                                )

                            [productcodes] => Array
                                (
                                    [0] => Array
                                        (
                                            [0] => b10
                                        )

                                )

                        )

                )

        )

    [status_code] => 200
    [meldingen] => Array
        (
            [0] => Array
                (
                    [melding_txt] => Rijschool data succesvol opgehaald.
                    [melding_cat] => 1
                )

        )

    [_cache_info] => Array
        (
            [cached] => 
            [fresh_call] => 1
        )

)
 -->

<!DOCTYPE html>
<html lang="en-US" dir="ltr">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <!-- ===============================================-->
    <!--    Document Title-->
    <!-- ===============================================-->
    <title>Webshop Rijschool Learn to Ride</title>


    <!-- ===============================================-->
    <!--    Favicons-->
	<!-- ===============================================-->
    <link rel="apple-touch-icon" sizes="180x180" href="https://www.nationaaltheoriecentrum.nl/wp-content/uploads/2021/10/Auto-theorie-cursus-vinkje-Nationaal-Theoriecentrum.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://www.nationaaltheoriecentrum.nl/wp-content/uploads/2021/10/Auto-theorie-cursus-vinkje-Nationaal-Theoriecentrum.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://www.nationaaltheoriecentrum.nl/wp-content/uploads/2021/10/Auto-theorie-cursus-vinkje-Nationaal-Theoriecentrum.png">
    <link rel="shortcut icon" type="image/x-icon" href="https://www.nationaaltheoriecentrum.nl/wp-content/uploads/2021/10/Auto-theorie-cursus-vinkje-Nationaal-Theoriecentrum.png">
    <link rel="manifest" href="https://nationaaltheoriecentrum.nl/libary/phoenix/assets/img/favicons/manifest.json">
    <meta name="msapplication-TileImage" content="https://www.nationaaltheoriecentrum.nl/wp-content/uploads/2021/10/Auto-theorie-cursus-vinkje-Nationaal-Theoriecentrum.png">
    <meta name="theme-color" content="#ffffff">
    <script src="https://nationaaltheoriecentrum.nl/libary/phoenix/vendors/imagesloaded/imagesloaded.pkgd.min.js"></script>
    <script src="https://nationaaltheoriecentrum.nl/libary/phoenix/vendors/simplebar/simplebar.min.js"></script>
    <script src="https://nationaaltheoriecentrum.nl/libary/phoenix/assets/js/config.js"></script>
	<link rel='stylesheet'  href='https://nationaaltheoriecentrum.nl/libary/css/table.css' type='text/css' media='all' />


    <!-- ===============================================-->
    <!--    Stylesheets-->

    <!-- ===============================================-->
	<link href="https://nationaaltheoriecentrum.nl/flexpulse/includes/style.css" rel="stylesheet">
    <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=Nunito+Sans:wght@300;400;600;700;800;900&amp;display=swap" rel="stylesheet">
    <link href="https://nationaaltheoriecentrum.nl/libary/phoenix/vendors/simplebar/simplebar.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
    <link href="https://nationaaltheoriecentrum.nl/libary/phoenix/assets/css/theme-rtl.min.css" type="text/css" rel="stylesheet" id="style-rtl">
    <link href="https://nationaaltheoriecentrum.nl/libary/phoenix/assets/css/theme.min.css" type="text/css" rel="stylesheet" id="style-default">
    <link href="https://nationaaltheoriecentrum.nl/libary/phoenix/assets/css/user-rtl.min.css" type="text/css" rel="stylesheet" id="user-style-rtl">
    <link href="https://nationaaltheoriecentrum.nl/libary/phoenix/assets/css/user.min.css" type="text/css" rel="stylesheet" id="user-style-default">


<!--	  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@2.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>


    <script>
      var phoenixIsRTL = window.config.config.phoenixIsRTL;
      if (phoenixIsRTL) {
        var linkDefault = document.getElementById('style-default');
        var userLinkDefault = document.getElementById('user-style-default');
        linkDefault.setAttribute('disabled', true);
        userLinkDefault.setAttribute('disabled', true);
        document.querySelector('html').setAttribute('dir', 'rtl');
      } else {
        var linkRTL = document.getElementById('style-rtl');
        var userLinkRTL = document.getElementById('user-style-rtl');
        linkRTL.setAttribute('disabled', true);
        userLinkRTL.setAttribute('disabled', true);
      }

    </script>
  </head>

 <body>

<table align="center" style=" max-width: 1600px; margin-left: auto;  margin-right: auto; background-color: white;">
<tr><td>
	<div class="content" style=" background-color: white; margin-top:-100px;">
		<div class="pb-9">

			<img  style="   display: block; margin-left: auto; margin-right: auto;  height: auto; max-width: 350px;" src="https://planrijles.nl/files/learntoride/logo_origineel.jpg"><br><h1 align="center" class="mb-7">Theorie Webshop van Rijschool Learn to Ride</h1>
<div class="row">
	<div class="col-xl-12 col-xxl-9 mb-1">
		<div class="tabs mb-7">
			<div align="center">



				<!-- Start Navbar -->
<nav class="navbar navbar-expand-lg navbar-light">
    <a class="navbar-brand" href="#"></a>

    <!-- Hamburger toggler -->
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <!-- Actual Navbar items -->
    <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">

            <!-- Language Toggle -->
            <li class="nav-item">
                        <a class="nav-link" href="https://nationaaltheoriecentrum.nl/webshop/index.php?cat=d&taal=en&id_ref=5609">
                            <img style="max-width:45px; max-height:45px;" src="https://nationaaltheoriecentrum.nl/webshop/images/uk.png">
                        </a>
                    </li><a href="https://nationaaltheoriecentrum.nl/webshop/index.php?cat=b&taal=nl&id_ref=5609">
<li style="margin:15px;"  class="nav-item">
<span style="color:black;"  class="fas fa-car fa-2xl"></span><p style="font-size: 21px; color:black">Auto</p>
</li></a>
<a href="https://nationaaltheoriecentrum.nl/webshop/index.php?cat=am&taal=nl&id_ref=5609">
<li style="margin:15px;"  class="nav-item">
<span style="color:black;"  class="fas fa-moped fa-2xl"></span><p style="font-size: 21px; color:black">Scooter</p>
</li></a>
<a href="https://nationaaltheoriecentrum.nl/webshop/index.php?cat=a&taal=nl&id_ref=5609">
<li style="margin:15px;"  class="nav-item">
<span style="color:black;"  class="fas fa-motorcycle fa-2xl"></span><p style="font-size: 21px; color:black">Motor</p>
</li></a>
<a href="https://nationaaltheoriecentrum.nl/webshop/index.php?cat=be&taal=nl&id_ref=5609">
<li style="margin:15px;"  class="nav-item">
<span style="color:black;"  class="fa-regular fa-trailer fa-2xl"></span><p style="font-size: 21px; color:black">Aanhanger</p>
</li></a>
<a href="https://nationaaltheoriecentrum.nl/webshop/index.php?cat=t&taal=nl&id_ref=5609">
<li style="margin:15px;"  class="nav-item">
<span style="color:black;"  class="fa-regular fa-tractor fa-2xl"></span><p style="font-size: 21px; color:black">Trekker</p>
</li></a>
<a href="https://nationaaltheoriecentrum.nl/webshop/index.php?cat=d&taal=nl&id_ref=5609">
<li style="margin:15px;"  class="nav-item">
<span style="color:blue;"  class="fa-regular fa-bus fa-2xl"></span><p style="font-size: 21px; color:blue">Bus</p>
</li></a>
<a href="https://nationaaltheoriecentrum.nl/webshop/index.php?cat=c&taal=nl&id_ref=5609">
<li style="margin:15px;"  class="nav-item">
<span style="color:black;"  class="fa-regular fa-truck fa-2xl"></span><p style="font-size: 21px; color:black">Vrachtauto</p>
</li></a>
<a href="https://nationaaltheoriecentrum.nl/webshop/index.php?cat=code95&taal=nl&id_ref=5609">
<li style="margin:15px;"  class="nav-item">
<span style="color:black;"  class="fa-solid fa-chalkboard-user fa-2xl"></span><p style="font-size: 21px; color:black">Code 95</p>
</li></a>
<a href="https://nationaaltheoriecentrum.nl/webshop/index.php?cat=tvp&taal=nl&id_ref=5609">
<li style="margin:15px;"  class="nav-item">
<span style="color:black;"  class="fa-regular fa-taxi fa-2xl"></span><p style="font-size: 21px; color:black">Taxi</p>
</li></a>

        </ul>
    </div>
</nav>
<!-- End Navbar -->



			</div>
		</div>
			</div>
	</div>

	




		   <script type="text/javascript">
    function goToNewPage1()   {
        var url = document.getElementById('list1').value;
        if(url != 'none') {
            window.location = url;
        }
    }
	   
	     function goToNewPage2()   {
        var url = document.getElementById('list2').value;
        if(url != 'none') {
            window.location = url;
        }
    }
	   
	     function goToNewPage3()   {
        var url = document.getElementById('list3').value;
        if(url != 'none') {
            window.location = url;
        }
    }
	   
	     function goToNewPage4()   {
        var url = document.getElementById('list4').value;
        if(url != 'none') {
            window.location = url;
        }
    }
	   
	     function goToNewPage5()   {
        var url = document.getElementById('list5').value;
        if(url != 'none') {
            window.location = url;
        }
    }
	   
	     function goToNewPage6()   {
        var url = document.getElementById('list6').value;
        if(url != 'none') {
            window.location = url;
        }
    }
</script> 
<div class="row">
	<div class="col-xl-12 col-xxl-9 mb-1">
		<div class="tabs mb-7">
			<div align="center">
			
			</div>
			<hr>
										<h4>Kies je pakket:</h4><br>
		
							<div class="tab-content" id="pills-tabContent">
				                    <div class="tab-pane fade show active" id="pills-month" role="tabpanel" aria-labelledby="pills-month-tab">
                      <div class="row g-3"> 
						  <!-- API URL: https://nationaaltheoriecentrum.nl/api/v4/get/productinfo.php?productcode=b62-x87&amp;id_voertuig=6&amp;taal=nl&amp;id_ref=5609&amp;api_key=df81812fb05294def3a3a705bce1e2de4f80c1c3ef6083ad953fbe1645097396 -->
 <div class="col-12 col-md-6 col-lg-12 col-xl-6">
                    <div class="h-100">
						  <input type="hidden" value="https://www.nationaaltheoriecentrum.nl/webshop/index.php?inh=details&productinfo=6,nl,b62-x87&id_ref=5609&taal=nl" style=" padding: 16px; width: 100%; 
  font-size: 16px;" name="list1" id="list1" accesskey="target">
					
							  <input onclick="goToNewPage1()" class="pricing-plan-radio d-none" type="radio" value="6,nl,b62-x87" name="productinfo" id="id1" />
<div class="position-relative h-100"> <label class="stretched-link" for="id1"></label> <div class="card h-100 overflow-hidden cursor-pointer">
                        <div class="bg-holder" style="background-image:url(https://nationaaltheoriecentrum.nl/libary/phoenix/assets/img/bg/8.png);background-position:left bottom;background-size:auto;">        
                         
                            
                             
                                </div>
                                <!--/.bg-holder-->

                                <div class="card-body d-flex flex-column justify-content-between position-relative">
                                  <div class="d-flex justify-content-between">
                                    <div class="mb-5 mb-md-0 mb-lg-5 me-3">
                                      <div class="d-sm-flex align-items-center mb-3">
                                          <h3 class="mb-0">Bus D(1) RVM1-D</h3>
										                                        </div>
                                                                    <div class="d-flex align-items-end mb-md-5 mb-lg-0">
										  <h4 class="fw-bolder me-1">€ 99.95</h4><br><br>		
				
                                      </div>
								
									
                                    </div>
									  									     <img style="max-height: 300px; max-width: 300px;   display: inline-block; overflow: hidden;" src="https://nationaaltheoriecentrum.nl/webshop/images/6,nl,bus-D1-RVM1-D.png" alt="">
                                  </div>
                                  <div class="row flex-1 justify-content-end">
                                    <div class="col-sm-8 col-md-12">
                                      <div class="d-sm-flex d-md-block d-lg-flex justify-content-start align-items-start h-100">
                                        <ul class="list-unstyled mb-0 border-start-sm border-start-md-0 border-start-lg ps-sm-5 ps-md-0 ps-lg-5 border-200">
                
                                    <li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-700 fw-semi-bold">Theorieboek M1D</span></li>
<li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-700 fw-semi-bold">Theoriekaart M1D</span></li>
                                        </ul>
										
                                      </div>
                                    </div>
                                  </div>
                                </div>
						  
						
  

						  <input style="  background-color: #04AA6D;
  color: white;
			  width: 100%;
  padding: 16px;
  font-size: 16px;
  border: none;" type="button" value="Verder" onclick="goToNewPage1()" />
						  
						                                </div>
                            </div>
                          </div>
                        </div>
						 
                            
                     
						   <!-- API URL: https://nationaaltheoriecentrum.nl/api/v4/get/productinfo.php?productcode=b64-x88&amp;id_voertuig=6&amp;taal=nl&amp;id_ref=5609&amp;api_key=df81812fb05294def3a3a705bce1e2de4f80c1c3ef6083ad953fbe1645097396 -->
 <div class="col-12 col-md-6 col-lg-12 col-xl-6">
                    <div class="h-100">
						  <input type="hidden" value="https://www.nationaaltheoriecentrum.nl/webshop/index.php?inh=details&productinfo=6,nl,b64-x88&id_ref=5609&taal=nl" style=" padding: 16px; width: 100%; 
  font-size: 16px;" name="list2" id="list2" accesskey="target">
					
							  <input onclick="goToNewPage2()" class="pricing-plan-radio d-none pricing-plan-recommended" type="radio" value="6,nl,b64-x88" name="productinfo" id="businessPlus" />
<div class="position-relative h-100"><label class="stretched-link" for="businessPlus"></label><div class="card h-100 overflow-hidden cursor-pointer bg-warning-soft border-warning warning-boxshadow light">
							<div class="bg-holder" style="background-image:url(https://nationaaltheoriecentrum.nl/libary/phoenix/assets/img/bg/bg-11.png);background-position:left bottom;background-size:auto;">        
                         
                            
                             
                                </div>
                                <!--/.bg-holder-->

                                <div class="card-body d-flex flex-column justify-content-between position-relative">
                                  <div class="d-flex justify-content-between">
                                    <div class="mb-5 mb-md-0 mb-lg-5 me-3">
                                      <div class="d-sm-flex align-items-center mb-3">
                                          <h3 class="mb-0">Bus D(1) VM2-D + VM3-D</h3>
										  <span class="badge ms-sm-3 text-uppercase fs--2 bg-warning">aanbevolen</span>                                      </div>
                                                                    <div class="d-flex align-items-end mb-md-5 mb-lg-0">
										  <h4 class="fw-bolder me-1">€ 99.95</h4><br><br>		
				
                                      </div>
								
									
                                    </div>
									  									     <img style="max-height: 300px; max-width: 300px;   display: inline-block; overflow: hidden;" src="https://nationaaltheoriecentrum.nl/webshop/images/6,nl,b64-x88.png" alt="">
                                  </div>
                                  <div class="row flex-1 justify-content-end">
                                    <div class="col-sm-8 col-md-12">
                                      <div class="d-sm-flex d-md-block d-lg-flex justify-content-start align-items-start h-100">
                                        <ul class="list-unstyled mb-0 border-start-sm border-start-md-0 border-start-lg ps-sm-5 ps-md-0 ps-lg-5 border-200">
                
                                    <li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-700 fw-semi-bold">Theorieboek M2 & 3D</span></li>
<li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-700 fw-semi-bold">Theoriekaart M2 & 3D </span></li>
                                        </ul>
										
                                      </div>
                                    </div>
                                  </div>
                                </div>
						  
						
  

						  <input style="  background-color: #04AA6D;
  color: white;
			  width: 100%;
  padding: 16px;
  font-size: 16px;
  border: none;" type="button" value="Verder" onclick="goToNewPage2()" />
						  
						                                </div>
                            </div>
                          </div>
                        </div>
						 
                            
                     
						   <!-- API URL: https://nationaaltheoriecentrum.nl/api/v4/get/productinfo.php?productcode=b62-x87-b64-x88&amp;id_voertuig=6&amp;taal=nl&amp;id_ref=5609&amp;api_key=df81812fb05294def3a3a705bce1e2de4f80c1c3ef6083ad953fbe1645097396 -->
 <div class="col-12 col-md-6 col-lg-12 col-xl-6">
                    <div class="h-100">
						  <input type="hidden" value="https://www.nationaaltheoriecentrum.nl/webshop/index.php?inh=details&productinfo=6,nl,b62-x87-b64-x88&id_ref=5609&taal=nl" style=" padding: 16px; width: 100%; 
  font-size: 16px;" name="list3" id="list3" accesskey="target">
					
							  <input onclick="goToNewPage3()" class="pricing-plan-radio d-none" type="radio" value="6,nl,b62-x87-b64-x88" name="productinfo" id="id3" />
<div class="position-relative h-100"> <label class="stretched-link" for="id3"></label> <div class="card h-100 overflow-hidden cursor-pointer">
                        <div class="bg-holder" style="background-image:url(https://nationaaltheoriecentrum.nl/libary/phoenix/assets/img/bg/8.png);background-position:left bottom;background-size:auto;">        
                         
                            
                             
                                </div>
                                <!--/.bg-holder-->

                                <div class="card-body d-flex flex-column justify-content-between position-relative">
                                  <div class="d-flex justify-content-between">
                                    <div class="mb-5 mb-md-0 mb-lg-5 me-3">
                                      <div class="d-sm-flex align-items-center mb-3">
                                          <h3 class="mb-0">Bus D(1) RVM1-D +VM2-D + VM3-D</h3>
										                                        </div>
                                                                    <div class="d-flex align-items-end mb-md-5 mb-lg-0">
										  <h4 class="fw-bolder me-1">€ 199.90</h4><br><br>		
				
                                      </div>
								
									
                                    </div>
									  									     <img style="max-height: 300px; max-width: 300px;   display: inline-block; overflow: hidden;" src="https://nationaaltheoriecentrum.nl/webshop/images/6,nl,b62-x87-b64-x88.png" alt="">
                                  </div>
                                  <div class="row flex-1 justify-content-end">
                                    <div class="col-sm-8 col-md-12">
                                      <div class="d-sm-flex d-md-block d-lg-flex justify-content-start align-items-start h-100">
                                        <ul class="list-unstyled mb-0 border-start-sm border-start-md-0 border-start-lg ps-sm-5 ps-md-0 ps-lg-5 border-200">
                
                                    <li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-700 fw-semi-bold">Theorieboek M1D</span></li>
<li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-700 fw-semi-bold">Theoriekaart M1D</span></li>
<li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-700 fw-semi-bold">Theorieboek M2 & 3D</span></li>
<li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-700 fw-semi-bold">Theoriekaart M2 & 3D </span></li>
                                        </ul>
										
                                      </div>
                                    </div>
                                  </div>
                                </div>
						  
						
  

						  <input style="  background-color: #04AA6D;
  color: white;
			  width: 100%;
  padding: 16px;
  font-size: 16px;
  border: none;" type="button" value="Verder" onclick="goToNewPage3()" />
						  
						                                </div>
                            </div>
                          </div>
                        </div>
						 
                            
                     
						        </div>
			</div>
			 </div>
				
		
		
			     </div>
            
              </div>
              <div class="col col-xxl-3 mt-8">
				    
				    
                <h3 class="fw-semi-bold mb-3">Inbegrepen in alle pakketten</h3>
				  <div class="rounded-3 py-2 px-3 bg-white d-flex align-items-center mb-3"><span class="fas fa-check text-primary me-3 fs--1"></span>
                  <p class="mb-0 text-800">App: Voorrangssituaties oefenen</p>
                </div>
                <div class="rounded-3 py-2 px-3 bg-white d-flex align-items-center mb-3"><span class="fas fa-check text-primary me-3 fs--1"></span>
                  <p class="mb-0 text-800">App: Overzicht van alle verkeersborden</p>
                </div>
               
                <div class="rounded-3 py-2 px-3 bg-white d-flex align-items-center mb-3"><span class="fas fa-check text-primary me-3 fs--1"></span>
                  <p class="mb-0 text-800">Persoonlijk studieadvies</p>
                </div>
				  <div class="rounded-3 py-2 px-3 bg-white d-flex align-items-center mb-3"><span class="fas fa-check text-primary me-3 fs--1"></span>
                  <p class="mb-0 text-800">Chat ondersteuning van theoriedocent</p>
                </div>
                
			
				    <div class="rounded-3 py-2 px-3 bg-white d-flex align-items-center mb-3"><span class="fas fa-check text-primary me-3 fs--1"></span>
                  <p class="mb-0 text-800">Gelegenheid tot het stellen van vragen<br>aan een professionele theoriedocent.</p>
                </div>
				  <br>
				    <h3 class="fw-semi-bold mb-3">Online Oefen platform</h3>
				  Het online platform voor  				   bevat:<br>
				    <div class="rounded-3 py-2 px-3 bg-white d-flex align-items-center mb-3"><span class="fas fa-check text-primary me-3 fs--1"></span>
                  <p class="mb-0 text-800">60 Unieke examens</p>
                </div>
                <div class="rounded-3 py-2 px-3 bg-white d-flex align-items-center mb-3"><span class="fas fa-check text-primary me-3 fs--1"></span>
                  <p class="mb-0 text-800">3250 Oefenvragen</p>                </div>
                <div class="rounded-3 py-2 px-3 bg-white d-flex align-items-center mb-3"><span class="fas fa-check text-primary me-3 fs--1"></span>
                  <p class="mb-0 text-800">9 Toetsen</p>
					
					 
                </div>
				  <br>
				      <h3 class="fw-semi-bold mb-3">Contact</h3>
				  Heb je vragen? Neem contact op via : 
				    <div class="rounded-3 py-2 px-3 bg-white d-flex align-items-center mb-3"><span class="fas fa-check text-primary me-3 fs--1"></span>
                  <p class="mb-0 text-800"><a href="https://wa.me/31850606507">WhatsApp</a></p>
                </div>
                <div class="rounded-3 py-2 px-3 bg-white d-flex align-items-center mb-3"><span class="fas fa-check text-primary me-3 fs--1"></span>
                  <p class="mb-0 text-800"><a href="/cdn-cgi/l/email-protection#9df4f3fbf2ddf3fce9f4f2f3fcfcf1e9f5f8f2eff4f8fef8f3e9efe8f0b3f3f1">E-mail</a></p>                </div>
              
					
					 
                </div>
				  		<br>
				  
<!--               <img src="https://www.nationaaltheoriecentrum.nl/wp-content/uploads/2021/10/Payment_methods_card__1_.png"><Br>-->
<!--				  <img loading="lazy" src="https://dashboard.webwinkelkeur.nl/banners/67/1213296/1632729800.svg" width="179" height="68" alt="Webwinkel Keurmerk">-->
              </div>
				
            </div>













				</div>
			  
          </div><!--			  <footer class="footer position-absolute">-->
			<hr>

            <!-- Replace the old footer section with this -->
        </div> <!--		pb-9 -->

        <!-- Improved Footer -->
        <footer style="background-color: #f8f9fa; margin-top: 60px; padding: 40px 0 20px 0;">
            <div class="container" style="max-width: 1200px;">
                <div class="row">
                    <!-- Links Section -->
                    <div class="col-md-4 mb-4 text-center text-md-start">
                        <h5 style="color: #333; font-weight: 600; margin-bottom: 20px;">Informatie</h5>
                        <ul style="list-style: none; padding: 0; margin: 0;">
                            <li style="margin-bottom: 10px;">
                                <a href="https://nationaaltheoriecentrum.nl/admin" style="color: #666; text-decoration: none; transition: color 0.3s;">
                                    <i class="fas fa-sign-in-alt" style="margin-right: 8px; color: #04AA6D;"></i>Login Rijscholen
                                </a>
                            </li>
                            <li style="margin-bottom: 10px;">
                                <a href="https://www.nationaaltheoriecentrum.nl/annuleringsvoorwaarden/" style="color: #666; text-decoration: none; transition: color 0.3s;">
                                    <i class="fas fa-file-contract" style="margin-right: 8px; color: #04AA6D;"></i>Annuleringsvoorwaarden
                                </a>
                            </li>
                        </ul>
                    </div>

                    <!-- Partners Section -->
                    <div class="col-md-8 mb-4">
                        <h5 style="color: #333; font-weight: 600; margin-bottom: 20px; text-align: center;">Partners</h5>
                        <div class="d-flex flex-wrap justify-content-center align-items-center gap-4">
                            <a href="https://nationaaltheoriecentrum.nl" class="partner-logo"
                               onmouseover="this.style.transform='translateY(-5px)'"
                               onmouseout="this.style.transform='translateY(0)'"
                               style="margin: 0 15px; transition: transform 0.3s; display: inline-block;">
                                <img src="./images/footer/nationaal.png" alt="Nationaal Theoriecentrum"
                                     style="max-width: 200px; height: auto;">
                            </a>
                            <a href="https://flexpulse.nl" class="partner-logo"
                               onmouseover="this.style.transform='translateY(-5px)'"
                               onmouseout="this.style.transform='translateY(0)'"
                               style="margin: 0 15px; transition: transform 0.3s; display: inline-block;">
                                <img src="./images/footer/flexpulse.jpeg" alt="FlexPulse"
                                     style="max-width: 200px; height: auto;">
                            </a>
                            <a href="https://lensmedia.nl/" class="partner-logo d-none d-sm-inline-block"
                               onmouseover="this.style.transform='translateY(-5px)'"
                               onmouseout="this.style.transform='translateY(0)'"
                               style="margin: 0 15px; transition: transform 0.3s; display: inline-block;">
                                <img src="./images/footer/lens.jpg" alt="Lens Media"
                                     style="max-width: 200px; height: auto;">
                            </a>
                        </div>
                    </div>
                </div>

                <!-- Divider -->
                <hr style="border-color: #dee2e6; margin: 30px 0 20px 0;">

                <!-- Bottom Section -->
                <div class="row">
                    <div class="col-12 text-center">
                        <p style="color: #666; margin-bottom: 0; font-size: 14px;">
                            Deze webshop is een samenwerking tussen
                                                            <span style="color: #04AA6D; font-weight: 600;">Rijschool Learn to Ride</span>
                                                        en Nationaal Theoriecentrum
                        </p>
                        <p style="color: #999; margin-top: 10px; font-size: 13px;">
                            &copy; 2025 Alle rechten voorbehouden
                        </p>
                    </div>
                </div>
            </div>
        </footer>

    </div> <!--		Content -->
    </td></tr></table>

    <!-- ===============================================-->
    <!--    JavaScripts-->
    <!-- ===============================================-->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://nationaaltheoriecentrum.nl/libary/phoenix/vendors/popper/popper.min.js"></script>
    <script src="https://nationaaltheoriecentrum.nl/libary/phoenix/vendors/bootstrap/bootstrap.min.js"></script>
    <script src="https://nationaaltheoriecentrum.nl/libary/phoenix/vendors/anchorjs/anchor.min.js"></script>
    <script src="https://nationaaltheoriecentrum.nl/libary/phoenix/vendors/is/is.min.js"></script>
   <script src="https://kit.fontawesome.com/1af3411198.js" crossorigin="anonymous"></script>
    <script src="https://nationaaltheoriecentrum.nl/libary/phoenix/vendors/lodash/lodash.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=window.scroll"></script>
    <script src="https://nationaaltheoriecentrum.nl/libary/phoenix/vendors/list.js/list.min.js"></script>
    <script src="https://nationaaltheoriecentrum.nl/libary/phoenix/vendors/feather-icons/feather.min.js"></script>
    <script src="https://nationaaltheoriecentrum.nl/libary/phoenix/vendors/dayjs/dayjs.min.js"></script>
    <script src="https://nationaaltheoriecentrum.nl/libary/phoenix/assets/js/phoenix.js"></script>
<script type="text/javascript">
  window.Grasp = window.Grasp || {};
  window.Grasp.apiKey = 'TD1uSF5jIkM=';
  (function() {
    window.Grasp.url = 'https://script.getgrasp.com/site-widget';
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=window.Grasp.url+'/scripts/embed.min.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
  </body>

</html>