<header-menu>
<header class="c-header" data-header>
<div class="o-retain o-retain--full o-retain--no-padding c-header__bg">
<div class="o-layout o-layout--align-block-center o-layout--fit o-layout--justify">
<div>
<a href="#" data-header-logo>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 155 117" preserveAspectRatio="xMidYMid meet" class="c-logo c-header__logo ">
<defs>
<clipPath id="clipPathCharacterA">
<path d=" M57.91400146484375,19.996999740600586 C57.91400146484375,19.996999740600586 57.82899856567383,47.95399856567383 57.82899856567383,47.95399856567383 C57.82899856567383,47.95399856567383 98.83599853515625,47.95399856567383 98.83599853515625,47.95399856567383 C98.83599853515625,47.95399856567383 98.9209976196289,19.996999740600586 98.9209976196289,19.996999740600586 C98.9209976196289,19.996999740600586 57.91400146484375,19.996999740600586 57.91400146484375,19.996999740600586"></path>
</clipPath>
</defs>
<rect class="c-logo__bg" height="117" width="155"></rect>
<g class="c-logo__text" fill="#fff">
<g style="transform: translate(8px, 52px);">
<path d=" M7.165999889373779,-6.564000129699707 C7.165999889373779,-6.564000129699707 7.165999889373779,1.5950000286102295 7.165999889373779,1.5950000286102295 C7.165999889373779,4.873000144958496 4.4079999923706055,6.877999782562256 -0.04399999976158142,6.877999782562256 C-2.9240000247955322,6.877999782562256 -5.489999771118164,6.179999828338623 -7.043000221252441,4.9070000648498535 C-7.043000221252441,4.9070000648498535 -6.257999897003174,2.5360000133514404 -6.257999897003174,2.5360000133514404 C-4.4070000648498535,3.739000082015991 -2.2950000762939453,4.331999778747559 0.07900000363588333,4.331999778747559 C2.4179999828338623,4.331999778747559 4.040999889373779,3.2679998874664307 4.040999889373779,1.8040000200271606 C4.040999889373779,1.8040000200271606 4.040999889373779,0.828000009059906 4.040999889373779,0.828000009059906 C3.115999937057495,1.944000005722046 1.5449999570846558,2.6410000324249268 -0.8289999961853027,2.6410000324249268 C-4.914000034332275,2.6410000324249268 -7.165999889373779,0.4790000021457672 -7.165999889373779,-2.11899995803833 C-7.165999889373779,-4.855999946594238 -5.000999927520752,-6.877999782562256 -0.8289999961853027,-6.877999782562256 C1.4579999446868896,-6.877999782562256 3.1510000228881836,-6.26800012588501 4.197999954223633,-4.785999774932861 C4.197999954223633,-4.785999774932861 4.879000186920166,-6.581999778747559 4.879000186920166,-6.581999778747559 C4.879000186920166,-6.581999778747559 7.165999889373779,-6.581999778747559 7.165999889373779,-6.581999778747559 C7.165999889373779,-6.581999778747559 7.165999889373779,-6.564000129699707 7.165999889373779,-6.564000129699707z M-0.21799999475479126,-4.297999858856201 C-2.7839999198913574,-4.297999858856201 -4.040999889373779,-3.3389999866485596 -4.040999889373779,-2.0840001106262207 C-4.040999889373779,-0.8289999961853027 -2.7839999198913574,0.12999999523162842 -0.21799999475479126,0.12999999523162842 C2.0339999198913574,0.12999999523162842 3.6050000190734863,-0.7239999771118164 4.02400016784668,-2.0840001106262207 C3.6050000190734863,-3.444000005722046 2.0339999198913574,-4.297999858856201 -0.21799999475479126,-4.297999858856201z"></path>
</g>
<g style="transform: translate(21.441999435424805px, 50.505001068115234px);">
<path d=" M3.944999933242798,-2.309999942779541 C3.3340001106262207,-2.763000011444092 2.2339999675750732,-3.0420000553131104 1.430999994277954,-3.0420000553131104 C-0.03500000014901161,-3.0420000553131104 -1.0470000505447388,-2.502000093460083 -1.6929999589920044,-1.4559999704360962 C-1.6929999589920044,-1.4559999704360962 -1.6929999589920044,5.482999801635742 -1.6929999589920044,5.482999801635742 C-1.6929999589920044,5.482999801635742 -4.835000038146973,5.482999801635742 -4.835000038146973,5.482999801635742 C-4.835000038146973,5.482999801635742 -4.835000038146973,-5.186999797821045 -4.835000038146973,-5.186999797821045 C-4.835000038146973,-5.186999797821045 -2.7060000896453857,-5.186999797821045 -2.7060000896453857,-5.186999797821045 C-2.7060000896453857,-5.186999797821045 -1.7979999780654907,-3.250999927520752 -1.7979999780654907,-3.250999927520752 C-1.0119999647140503,-4.611000061035156 0.12200000137090683,-5.482999801635742 2.006999969482422,-5.482999801635742 C2.933000087738037,-5.482999801635742 4.066999912261963,-5.203999996185303 4.835000038146973,-4.593999862670898 C4.835000038146973,-4.593999862670898 3.944999933242798,-2.309999942779541 3.944999933242798,-2.309999942779541z M-2.0250000953674316,-0.7929999828338623 C-2.0250000953674316,-0.7929999828338623 -2.181999921798706,-0.4269999861717224 -2.181999921798706,-0.4269999861717224 C-2.181999921798706,-0.4269999861717224 -2.0250000953674316,-0.7929999828338623 -2.0250000953674316,-0.7929999828338623z"></path>
</g>
<g style="transform: translate(33.512001037597656px, 50.65399932861328px);">
<path d=" M-3.9019999504089355,1.0809999704360962 C-3.5350000858306885,2.4059998989105225 -2.015000104904175,3.0869998931884766 0.04399999976158142,3.0869998931884766 C2.384000062942505,3.0869998931884766 3.9539999961853027,2.736999988555908 5.124000072479248,1.9520000219345093 C5.124000072479248,1.9520000219345093 6.294000148773193,3.993000030517578 6.294000148773193,3.993000030517578 C4.739999771118164,5.144000053405762 2.680000066757202,5.631999969482422 0.027000000700354576,5.631999969482422 C-4.302000045776367,5.631999969482422 -7.007999897003174,3.4700000286102295 -7.007999897003174,0.05299999937415123 C-7.007999897003174,-1.6030000448226929 -6.433000087738037,-2.9820001125335693 -5.297999858856201,-4.045000076293945 C-4.163000106811523,-5.109000205993652 -2.382999897003174,-5.631999969482422 0.061000000685453415,-5.631999969482422 C4.686999797821045,-5.631999969482422 7.008999824523926,-3.4000000953674316 6.992000102996826,1.0809999704360962 C6.992000102996826,1.0809999704360962 -3.9019999504089355,1.0809999704360962 -3.9019999504089355,1.0809999704360962z M3.7790000438690186,-1.2730000019073486 C3.4820001125335693,-2.510999917984009 2.313999891281128,-3.0859999656677246 0.027000000700354576,-3.0859999656677246 C-2.312000036239624,-3.0859999656677246 -3.6040000915527344,-2.4760000705718994 -3.882999897003174,-1.2730000019073486 C-3.882999897003174,-1.2730000019073486 3.7790000438690186,-1.2730000019073486 3.7790000438690186,-1.2730000019073486z"></path>
</g>
<g style="transform: translate(48.66400146484375px, 50.65399932861328px);">
<path d=" M-3.9019999504089355,1.0809999704360962 C-3.5350000858306885,2.4059998989105225 -2.0160000324249268,3.0869998931884766 0.04399999976158142,3.0869998931884766 C2.382999897003174,3.0869998931884766 3.9539999961853027,2.736999988555908 5.124000072479248,1.9520000219345093 C5.124000072479248,1.9520000219345093 6.291999816894531,3.993000030517578 6.291999816894531,3.993000030517578 C4.738999843597412,5.144000053405762 2.678999900817871,5.631999969482422 0.02500000037252903,5.631999969482422 C-4.303999900817871,5.631999969482422 -7.007999897003174,3.4700000286102295 -7.007999897003174,0.05299999937415123 C-7.007999897003174,-1.6030000448226929 -6.433000087738037,-2.9820001125335693 -5.298999786376953,-4.045000076293945 C-4.164000034332275,-5.109000205993652 -2.381999969482422,-5.631999969482422 0.061000000685453415,-5.631999969482422 C4.686999797821045,-5.631999969482422 7.007999897003174,-3.4000000953674316 6.989999771118164,1.0809999704360962 C6.989999771118164,1.0809999704360962 -3.9019999504089355,1.0809999704360962 -3.9019999504089355,1.0809999704360962z M3.796999931335449,-1.2730000019073486 C3.5,-2.510999917984009 2.3299999237060547,-3.0859999656677246 0.0430000014603138,-3.0859999656677246 C-2.2960000038146973,-3.0859999656677246 -3.5880000591278076,-2.4760000705718994 -3.867000102996826,-1.2730000019073486 C-3.867000102996826,-1.2730000019073486 3.796999931335449,-1.2730000019073486 3.796999931335449,-1.2730000019073486z"></path>
</g>
<g style="transform: translate(64.09500122070312px, 50.513999938964844px);">
<path d=" M6.502999782562256,5.474999904632568 C6.502999782562256,5.474999904632568 3.3610000610351562,5.474999904632568 3.3610000610351562,5.474999904632568 C3.3610000610351562,5.474999904632568 3.3610000610351562,0.19099999964237213 3.3610000610351562,0.19099999964237213 C3.3610000610351562,-2.058000087738037 2.2960000038146973,-3.1559998989105225 0.3240000009536743,-3.1559998989105225 C-1.2649999856948853,-3.1559998989105225 -2.5929999351501465,-2.4760000705718994 -3.3610000610351562,-1.4299999475479126 C-3.3610000610351562,-1.4299999475479126 -3.3610000610351562,5.492000102996826 -3.3610000610351562,5.492000102996826 C-3.3610000610351562,5.492000102996826 -6.502999782562256,5.492000102996826 -6.502999782562256,5.492000102996826 C-6.502999782562256,5.492000102996826 -6.502999782562256,-5.177999973297119 -6.502999782562256,-5.177999973297119 C-6.502999782562256,-5.177999973297119 -4.372000217437744,-5.177999973297119 -4.372000217437744,-5.177999973297119 C-4.372000217437744,-5.177999973297119 -3.447999954223633,-3.2249999046325684 -3.447999954223633,-3.2249999046325684 C-2.505000114440918,-4.498000144958496 -0.9509999752044678,-5.492000102996826 1.003999948501587,-5.492000102996826 C4.53000020980835,-5.492000102996826 6.502999782562256,-3.627000093460083 6.502999782562256,-0.05299999937415123 C6.502999782562256,-0.05299999937415123 6.502999782562256,5.474999904632568 6.502999782562256,5.474999904632568z"></path>
</g>
<g style="transform: translate(7.336999893188477px, 68.01000213623047px);">
<path d=" M6.703000068664551,5.343999862670898 C6.703000068664551,5.343999862670898 4.572999954223633,5.343999862670898 4.572999954223633,5.343999862670898 C4.572999954223633,5.343999862670898 3.9100000858306885,3.930999994277954 3.9100000858306885,3.930999994277954 C2.7929999828338623,5.081999778747559 1.2569999694824219,5.623000144958496 -1.0820000171661377,5.623000144958496 C-4.748000144958496,5.623000144958496 -6.789999961853027,4.331999778747559 -6.789999961853027,1.9259999990463257 C-6.789999961853027,-0.4449999928474426 -4.0320000648498535,-1.7699999809265137 -0.7329999804496765,-1.7699999809265137 C1.0470000505447388,-1.7699999809265137 2.4790000915527344,-1.3509999513626099 3.5439999103546143,-0.5139999985694885 C3.490999937057495,-1.437999963760376 3.055000066757202,-2.0829999446868896 2.252000093460083,-2.4670000076293945 C1.4490000009536743,-2.8510000705718994 0.4359999895095825,-3.059999942779541 -0.8029999732971191,-3.059999942779541 C-2.61899995803833,-3.059999942779541 -4.328999996185303,-2.6410000324249268 -5.672999858856201,-1.9609999656677246 C-5.672999858856201,-1.9609999656677246 -6.651000022888184,-4.349999904632568 -6.651000022888184,-4.349999904632568 C-4.958000183105469,-5.186999797821045 -2.9679999351501465,-5.605000019073486 -0.6460000276565552,-5.605000019073486 C3.2990000247955322,-5.623000144958496 6.789999961853027,-3.9839999675750732 6.7210001945495605,-0.8629999756813049 C6.7210001945495605,-0.8629999756813049 6.7210001945495605,5.343999862670898 6.7210001945495605,5.343999862670898 C6.7210001945495605,5.343999862670898 6.703000068664551,5.343999862670898 6.703000068664551,5.343999862670898z M3.5260000228881836,1.909000039100647 C2.5309998989105225,1.1069999933242798 1.100000023841858,0.6539999842643738 -0.6980000138282776,0.6539999842643738 C-2.3389999866485596,0.6539999842643738 -3.683000087738037,1.0199999809265137 -3.683000087738037,1.909000039100647 C-3.683000087738037,2.7980000972747803 -2.374000072479248,3.1470000743865967 -0.6980000138282776,3.1470000743865967 C1.1169999837875366,3.1470000743865967 2.5139999389648438,2.7279999256134033 3.5260000228881836,1.909000039100647z"></path>
</g>
<g style="transform: translate(22.280000686645508px, 68.01000213623047px);">
<path d=" M0.6980000138282776,-5.639999866485596 C1.850000023841858,-5.639999866485596 2.950000047683716,-5.500999927520752 3.996999979019165,-5.256999969482422 C5.061999797821045,-4.994999885559082 5.881999969482422,-4.645999908447266 6.47599983215332,-4.244999885559082 C6.47599983215332,-4.244999885559082 5.585999965667725,-1.7350000143051147 5.585999965667725,-1.7350000143051147 C4.276000022888184,-2.502000093460083 2.513000011444092,-3.006999969482422 1.0299999713897705,-3.006999969482422 C-0.2800000011920929,-3.006999969482422 -1.343999981880188,-2.7290000915527344 -2.1470000743865967,-2.187999963760376 C-2.950000047683716,-1.6480000019073486 -3.3519999980926514,-0.9150000214576721 -3.3519999980926514,-0.008999999612569809 C-3.3519999980926514,1.7699999809265137 -1.5709999799728394,2.9730000495910645 1.0299999713897705,2.9730000495910645 C1.7630000114440918,2.9730000495910645 2.5480000972747803,2.868000030517578 3.385999917984009,2.6589999198913574 C4.242000102996826,2.450000047683716 4.974999904632568,2.1530001163482666 5.585999965667725,1.8040000200271606 C5.585999965667725,1.8040000200271606 6.47599983215332,4.228000164031982 6.47599983215332,4.228000164031982 C5.306000232696533,5.081999778747559 3.072000026702881,5.639999866485596 0.7160000205039978,5.639999866485596 C-3.63100004196167,5.639999866485596 -6.459000110626221,3.4779999256134033 -6.459000110626221,-0.008999999612569809 C-6.47599983215332,-3.4079999923706055 -3.6489999294281006,-5.639999866485596 0.6980000138282776,-5.639999866485596z"></path>
</g>
<g style="transform: translate(37.22200012207031px, 68.01000213623047px);">
<path d=" M6.703000068664551,5.343999862670898 C6.703000068664551,5.343999862670898 4.572999954223633,5.343999862670898 4.572999954223633,5.343999862670898 C4.572999954223633,5.343999862670898 3.9100000858306885,3.930999994277954 3.9100000858306885,3.930999994277954 C2.7929999828338623,5.081999778747559 1.2569999694824219,5.623000144958496 -1.0820000171661377,5.623000144958496 C-4.748000144958496,5.623000144958496 -6.789999961853027,4.331999778747559 -6.789999961853027,1.9259999990463257 C-6.789999961853027,-0.4449999928474426 -4.0329999923706055,-1.7699999809265137 -0.7329999804496765,-1.7699999809265137 C1.0470000505447388,-1.7699999809265137 2.4790000915527344,-1.3509999513626099 3.5429999828338623,-0.5139999985694885 C3.490999937057495,-1.437999963760376 3.055000066757202,-2.0829999446868896 2.252000093460083,-2.4670000076293945 C1.4490000009536743,-2.8510000705718994 0.4359999895095825,-3.059999942779541 -0.8029999732971191,-3.059999942779541 C-2.61899995803833,-3.059999942779541 -4.328999996185303,-2.6410000324249268 -5.672999858856201,-1.9609999656677246 C-5.672999858856201,-1.9609999656677246 -6.651000022888184,-4.349999904632568 -6.651000022888184,-4.349999904632568 C-4.958000183105469,-5.186999797821045 -2.9679999351501465,-5.605000019073486 -0.6460000276565552,-5.605000019073486 C3.2990000247955322,-5.623000144958496 6.789999961853027,-3.9839999675750732 6.71999979019165,-0.8629999756813049 C6.71999979019165,-0.8629999756813049 6.71999979019165,5.343999862670898 6.71999979019165,5.343999862670898 C6.71999979019165,5.343999862670898 6.703000068664551,5.343999862670898 6.703000068664551,5.343999862670898z M3.5260000228881836,1.909000039100647 C2.5309998989105225,1.1069999933242798 1.100000023841858,0.6539999842643738 -0.6980000138282776,0.6539999842643738 C-2.3389999866485596,0.6539999842643738 -3.683000087738037,1.0199999809265137 -3.683000087738037,1.909000039100647 C-3.683000087738037,2.7980000972747803 -2.374000072479248,3.1470000743865967 -0.6980000138282776,3.1470000743865967 C1.1169999837875366,3.1470000743865967 2.5309998989105225,2.7279999256134033 3.5260000228881836,1.909000039100647z"></path>
</g>
<g style="transform: translate(52.696998596191406px, 66.4489974975586px);">
<path d=" M6.9039998054504395,-7.201000213623047 C6.9039998054504395,-7.201000213623047 6.9039998054504395,6.9039998054504395 6.9039998054504395,6.9039998054504395 C6.9039998054504395,6.9039998054504395 4.790999889373779,6.9039998054504395 4.790999889373779,6.9039998054504395 C4.790999889373779,6.9039998054504395 3.9010000228881836,5.038000106811523 3.9010000228881836,5.038000106811523 C3.062999963760376,6.36299991607666 1.2999999523162842,7.201000213623047 -0.6549999713897705,7.201000213623047 C-4.565000057220459,7.201000213623047 -6.9039998054504395,4.8460001945495605 -6.9039998054504395,1.4989999532699585 C-6.9039998054504395,-1.6920000314712524 -4.494999885559082,-4.078999996185303 -0.6549999713897705,-4.078999996185303 C1.3869999647140503,-4.078999996185303 2.9579999446868896,-3.4170000553131104 3.760999917984009,-2.005000114440918 C3.760999917984009,-2.005000114440918 3.760999917984009,-7.201000213623047 3.760999917984009,-7.201000213623047 C3.760999917984009,-7.201000213623047 6.9039998054504395,-7.201000213623047 6.9039998054504395,-7.201000213623047z M0.14800000190734863,-1.7430000305175781 C-2.2780001163482666,-1.7430000305175781 -3.7799999713897705,-0.453000009059906 -3.7799999713897705,1.4819999933242798 C-3.7799999713897705,3.5220000743865967 -2.3480000495910645,4.828999996185303 0.14800000190734863,4.828999996185303 C2.3469998836517334,4.828999996185303 3.760999917984009,3.505000114440918 3.760999917984009,1.4819999933242798 C3.760999917984009,-0.3479999899864197 2.312999963760376,-1.7430000305175781 0.14800000190734863,-1.7430000305175781z"></path>
</g>
<g style="transform: translate(68.18000030517578px, 68.01799774169922px);">
<path d=" M-3.9019999504089355,1.0809999704360962 C-3.5350000858306885,2.4059998989105225 -2.015000104904175,3.0869998931884766 0.04399999976158142,3.0869998931884766 C2.384000062942505,3.0869998931884766 3.9549999237060547,2.736999988555908 5.124000072479248,1.9520000219345093 C5.124000072479248,1.9520000219345093 6.294000148773193,3.993000030517578 6.294000148773193,3.993000030517578 C4.739999771118164,5.144000053405762 2.680000066757202,5.631999969482422 0.027000000700354576,5.631999969482422 C-4.302000045776367,5.631999969482422 -7.007999897003174,3.4700000286102295 -7.007999897003174,0.05299999937415123 C-7.007999897003174,-1.6030000448226929 -6.433000087738037,-2.9809999465942383 -5.297999858856201,-4.044000148773193 C-4.164000034332275,-5.107999801635742 -2.381999969482422,-5.631999969482422 0.06199999898672104,-5.631999969482422 C4.688000202178955,-5.631999969482422 7.008999824523926,-3.4000000953674316 6.992000102996826,1.0809999704360962 C6.992000102996826,1.0809999704360962 -3.9019999504089355,1.0809999704360962 -3.9019999504089355,1.0809999704360962z M3.7799999713897705,-1.2730000019073486 C3.4830000400543213,-2.510999917984009 2.312999963760376,-3.0859999656677246 0.026000000536441803,-3.0859999656677246 C-2.312999963760376,-3.0859999656677246 -3.6040000915527344,-2.4760000705718994 -3.882999897003174,-1.2730000019073486 C-3.882999897003174,-1.2730000019073486 3.7799999713897705,-1.2730000019073486 3.7799999713897705,-1.2730000019073486z"></path>
</g>
<g style="transform: translate(87.93199920654297px, 67.84400177001953px);">
<path d=" M10.857000350952148,5.510000228881836 C10.857000350952148,5.510000228881836 7.715000152587891,5.510000228881836 7.715000152587891,5.510000228881836 C7.715000152587891,5.510000228881836 7.715000152587891,0.3319999873638153 7.715000152587891,0.3319999873638153 C7.715000152587891,-2.0739998817443848 6.9120001792907715,-3.1389999389648438 4.869999885559082,-3.1389999389648438 C3.2980000972747803,-3.1389999389648438 2.2860000133514404,-2.562999963760376 1.5700000524520874,-1.534999966621399 C1.5700000524520874,-1.534999966621399 1.5700000524520874,5.493000030517578 1.5700000524520874,5.493000030517578 C1.5700000524520874,5.493000030517578 -1.5720000267028809,5.493000030517578 -1.5720000267028809,5.493000030517578 C-1.5720000267028809,5.493000030517578 -1.5720000267028809,0.3140000104904175 -1.5720000267028809,0.3140000104904175 C-1.5720000267028809,-2.0920000076293945 -2.375,-3.1559998989105225 -4.416999816894531,-3.1559998989105225 C-5.98799991607666,-3.1559998989105225 -7.000999927520752,-2.5799999237060547 -7.716000080108643,-1.5509999990463257 C-7.716000080108643,-1.5509999990463257 -7.716000080108643,5.474999904632568 -7.716000080108643,5.474999904632568 C-7.716000080108643,5.474999904632568 -10.857999801635742,5.474999904632568 -10.857999801635742,5.474999904632568 C-10.857999801635742,5.474999904632568 -10.857999801635742,-5.195000171661377 -10.857999801635742,-5.195000171661377 C-10.857999801635742,-5.195000171661377 -8.729000091552734,-5.195000171661377 -8.729000091552734,-5.195000171661377 C-8.729000091552734,-5.195000171661377 -7.821000099182129,-3.259999990463257 -7.821000099182129,-3.259999990463257 C-6.826000213623047,-4.776000022888184 -5.447000026702881,-5.510000228881836 -3.7360000610351562,-5.510000228881836 C-1.3450000286102295,-5.510000228881836 0.22599999606609344,-4.690000057220459 0.9940000176429749,-3.0339999198913574 C1.8849999904632568,-4.428999900817871 3.4210000038146973,-5.510000228881836 5.550000190734863,-5.510000228881836 C9.145999908447266,-5.510000228881836 10.83899974822998,-3.694999933242798 10.83899974822998,0.05299999937415123 C10.83899974822998,0.05299999937415123 10.83899974822998,5.510000228881836 10.83899974822998,5.510000228881836 C10.83899974822998,5.510000228881836 10.857000350952148,5.510000228881836 10.857000350952148,5.510000228881836z"></path>
</g>
<g style="transform: translate(107.35199737548828px, 69.26499938964844px);">
<path d=" M7.8460001945495605,-6.580999851226807 C7.8460001945495605,-6.580999851226807 -0.11400000005960464,6.581999778747559 -0.11400000005960464,6.581999778747559 C-0.11400000005960464,6.581999778747559 -3.6579999923706055,6.581999778747559 -3.6579999923706055,6.581999778747559 C-3.6579999923706055,6.581999778747559 -1.7730000019073486,3.444000005722046 -1.7730000019073486,3.444000005722046 C-1.7730000019073486,3.444000005722046 -7.8470001220703125,-6.580999851226807 -7.8470001220703125,-6.580999851226807 C-7.8470001220703125,-6.580999851226807 -4.303999900817871,-6.580999851226807 -4.303999900817871,-6.580999851226807 C-4.303999900817871,-6.580999851226807 -0.027000000700354576,0.4970000088214874 -0.027000000700354576,0.4970000088214874 C-0.027000000700354576,0.4970000088214874 4.283999919891357,-6.580999851226807 4.283999919891357,-6.580999851226807 C4.283999919891357,-6.580999851226807 7.8460001945495605,-6.580999851226807 7.8460001945495605,-6.580999851226807z"></path>
</g>
<g style="transform: translate(16.833999633789062px, 14.65999984741211px);">
<path d=" M-16.548999786376953,-13.956000328063965 C-16.548999786376953,-13.956000328063965 -8.79800033569336,-13.937999725341797 -8.79800033569336,-13.937999725341797 C-8.79800033569336,-13.937999725341797 -8.815999984741211,-3.494999885559082 -8.815999984741211,-3.494999885559082 C-8.815999984741211,-3.494999885559082 8.815999984741211,-3.4790000915527344 8.815999984741211,-3.4790000915527344 C8.815999984741211,-3.4790000915527344 8.833000183105469,-13.920999526977539 8.833000183105469,-13.920999526977539 C8.833000183105469,-13.920999526977539 16.58300018310547,-13.904000282287598 16.58300018310547,-13.904000282287598 C16.58300018310547,-13.904000282287598 16.548999786376953,13.956000328063965 16.548999786376953,13.956000328063965 C16.548999786376953,13.956000328063965 8.79800033569336,13.939000129699707 8.79800033569336,13.939000129699707 C8.79800033569336,13.939000129699707 8.815999984741211,3.494999885559082 8.815999984741211,3.494999885559082 C8.815999984741211,3.494999885559082 -8.815999984741211,3.4790000915527344 -8.815999984741211,3.4790000915527344 C-8.815999984741211,3.4790000915527344 -8.833000183105469,13.92199993133545 -8.833000183105469,13.92199993133545 C-8.833000183105469,13.92199993133545 -16.58300018310547,13.904000282287598 -16.58300018310547,13.904000282287598 C-16.58300018310547,13.904000282287598 -16.548999786376953,-13.956000328063965 -16.548999786376953,-13.956000328063965z"></path>
</g>
<g style="transform: translate(99.16500091552734px, 14.765000343322754px);">
<path d=" M-14.479000091552734,3.0420000553131104 C-12.699000358581543,4.367000102996826 -10.342000007629395,5.413000106811523 -7.35699987411499,6.179999828338623 C-4.372000217437744,6.965000152587891 -1.1260000467300415,7.348999977111816 2.3310000896453857,7.348999977111816 C6.013999938964844,7.348999977111816 8.144000053405762,6.668000221252441 8.144000053405762,5.465000152587891 C8.144000053405762,4.105000019073486 6.084000110626221,3.6519999504089355 2.3310000896453857,3.634999990463257 C-1.3869999647140503,3.634999990463257 -4.53000020980835,3.3919999599456787 -7.078999996185303,2.9730000495910645 C-9.593000411987305,2.503000020980835 -11.652999877929688,1.6130000352859497 -13.206000328063965,0.2529999911785126 C-14.760000228881836,-1.1059999465942383 -15.527000427246094,-3.0420000553131104 -15.527000427246094,-5.552000045776367 C-15.527000427246094,-8.534000396728516 -14.199999809265137,-10.729999542236328 -11.564000129699707,-12.246999740600586 C-8.928000450134277,-13.746000289916992 -5.368000030517578,-14.513999938964844 -0.8650000095367432,-14.513999938964844 C2.381999969482422,-14.513999938964844 5.489999771118164,-14.11299991607666 8.4399995803833,-13.380000114440918 C11.390000343322754,-12.64799976348877 13.781999588012695,-11.637999534606934 15.649999618530273,-10.347999572753906 C15.649999618530273,-10.347999572753906 14.095999717712402,-3.3910000324249268 14.095999717712402,-3.3910000324249268 C12.315999984741211,-4.629000186920166 9.871999740600586,-5.605000019073486 6.7820000648498535,-6.302000045776367 C3.7269999980926514,-6.999000072479248 0.7070000171661377,-7.3480000495910645 -2.2079999446868896,-7.364999771118164 C-5.611999988555908,-7.364999771118164 -7.6020002365112305,-6.755000114440918 -7.6020002365112305,-5.552000045776367 C-7.6020002365112305,-4.314000129699707 -5.751999855041504,-3.7750000953674316 -2.1389999389648438,-3.7230000495910645 C1.6139999628067017,-3.6700000762939453 4.756999969482422,-3.4779999256134033 7.270999908447266,-3.0940001010894775 C9.784000396728516,-2.744999885559082 11.878000259399414,-1.8910000324249268 13.53600025177002,-0.531000018119812 C15.246999740600586,0.7940000295639038 16.084999084472656,2.7980000972747803 16.084999084472656,5.465000152587891 C16.084999084472656,8.515999794006348 14.63599967956543,10.800999641418457 11.77299976348877,12.317999839782715 C8.91100025177002,13.782999992370605 4.984000205993652,14.513999938964844 0.027000000700354576,14.513999938964844 C-2.993000030517578,14.513999938964844 -5.978000164031982,14.11400032043457 -8.87600040435791,13.293999671936035 C-11.77400016784668,12.475000381469727 -14.182999610900879,11.394000053405762 -16.084999084472656,9.99899959564209 C-16.084999084472656,9.99899959564209 -14.479000091552734,3.0420000553131104 -14.479000091552734,3.0420000553131104z"></path>
</g>
</g>
<g clip-path="url(#clipPathCharacterA)">
<g class="c-logo__animation" fill="#fff">
<g style="transform: translateY(120px);">
<path id="characterA" d=" M82.7699966430664,12.074000358581543 C82.7699966430664,12.074000358581543 74.10600280761719,12.074000358581543 74.10600280761719,12.074000358581543 C74.10600280761719,12.074000358581543 58.02799987792969,40.172000885009766 58.02799987792969,40.172000885009766 C58.02799987792969,40.172000885009766 66.17900085449219,40.172000885009766 66.17900085449219,40.172000885009766 C66.17900085449219,40.172000885009766 70.197998046875,33.108001708984375 70.197998046875,33.108001708984375 C70.197998046875,33.108001708984375 86.677001953125,33.108001708984375 86.677001953125,33.108001708984375 C86.677001953125,33.108001708984375 90.6969985961914,40.172000885009766 90.6969985961914,40.172000885009766 C90.6969985961914,40.172000885009766 98.8479995727539,40.172000885009766 98.8479995727539,40.172000885009766 C98.8479995727539,40.172000885009766 82.7699966430664,12.074000358581543 82.7699966430664,12.074000358581543z M73.83200073242188,26.474000930786133 C73.83200073242188,26.474000930786133 78.43800354003906,18.343000411987305 78.43800354003906,18.343000411987305 C78.43800354003906,18.343000411987305 83.04399871826172,26.474000930786133 83.04399871826172,26.474000930786133 C83.04399871826172,26.474000930786133 73.83200073242188,26.474000930786133 73.83200073242188,26.474000930786133z"></path>
</g>
<g style="transform: translateY(90px);">
<use href="#characterA" />
</g>
<g style="transform: translateY(60px);">
<use href="#characterA" />
</g>
<g style="transform: translateY(30px);">
<use href="#characterA" />
</g>
<g style="transform: translateY(0);">
<use href="#characterA" />
</g>
</g>
</g>
</svg>
</a>
<!-- languages menu -->
<div class="c-header__language-menu" data-header-language-menu hidden>
<ul class="o-layout o-layout--gap-small o-layout--fit">
<li>
<a href="#" aria-current="page" class="c-link--no-underline">
<span class="c-header__language-item-full">
Nederlands
</span>
<abbr class="c-header__language-item-abbr">
NL
</abbr>
</a>
</li>
<li>
<a href="#" lang="en" class="c-link--no-underline">
<span class="c-header__language-item-full">
English
</span>
<abbr class="c-header__language-item-abbr" title="English">
EN
</abbr>
</a>
</li>
<li>
<a href="#" lang="de" class="c-link--no-underline">
<span class="c-header__language-item-full">
Deutsch
</span>
<abbr class="c-header__language-item-abbr" title="Deutsch">
DE
</abbr>
</a>
</li>
</ul>
</div>
</div>
<div class="c-header__nav">
<div class="o-layout o-layout--fit o-layout--gap-base">
<nav class="c-header__nav-items" aria-labelledby="primary-nav-label" data-header-primary-nav>
<span id="primary-nav-label" hidden>primair</span>
<ul class="o-layout o-layout--fit o-layout--gap-tiny">
<li>
<a href="#" class="c-header__nav-item">Hbo-opleidingen</a>
</li>
<li>
<a href="#" class="c-header__nav-item" aria-current="page">Bedrijfsopleidingen</a>
</li>
<li>
<a href="#" class="c-header__nav-item">Onderzoek</a>
</li>
<li>
<a href="#" class="c-header__nav-item">Samenwerken</a>
</li>
</ul>
</nav>
<ul class="o-layout o-layout--fit">
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="zoeken">
<span class="u-visually-hidden">zoeken</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-search" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="inloggen">
<span class="u-visually-hidden">inloggen</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-user" />
</svg>
</a>
</li>
<li>
<button class="o-button-clean c-header__nav-item c-header__btn-menu" type="button" title="menu" data-header-toggle-menu>
<span class="u-visually-hidden">menu</span>
<span class="c-header__toggle-icon-open">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-menu" />
</svg>
</span>
<span class="c-header__toggle-icon-close">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-close" />
</svg>
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="c-header__foldout" data-header-foldout hidden>
<div class="c-header__foldout-top">
<div class="u-hidden@from-desk">
<ul class="o-list-clean c-secondary-nav">
<li class="c-secondary-nav__item">
<custom-toggle controls="secondary-nav-foldout-">
<button class="o-button-clean c-secondary-nav__toggle" type="button" aria-controls="secondary-nav-foldout-">
<span class="o-layout o-layout--fit o-layout--justify">
<span class="u-heading u-h5">
Hbo-opleidingen
</span>
<span class="t-color--brand-a">
<span class="c-secondary-nav__icon-plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-secondary-nav__icon-minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</button>
<div id="secondary-nav-foldout-" class="c-secondary-nav__foldout" hidden>
<div class="o-layer o-layer--small">
<div class="o-retain">
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Alle hbo-opleidingen
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Hulp bij je studiekeuze
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Voor ouders en decanen
</a>
</li>
</ul>
</div>
</div>
</div>
</custom-toggle>
</li>
<li class="c-secondary-nav__item">
<custom-toggle controls="secondary-nav-foldout-">
<button class="o-button-clean c-secondary-nav__toggle" type="button" aria-controls="secondary-nav-foldout-">
<span class="o-layout o-layout--fit o-layout--justify">
<span class="u-heading u-h5">
Bedrijfsopleidingen
</span>
<span class="t-color--brand-a">
<span class="c-secondary-nav__icon-plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-secondary-nav__icon-minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</button>
<div id="secondary-nav-foldout-" class="c-secondary-nav__foldout" hidden>
<div class="o-layer o-layer--small">
<div class="o-retain">
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Alle bedrijfsopleidingen
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Keuzehulp
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
In-company
</a>
</li>
</ul>
</div>
</div>
</div>
</custom-toggle>
</li>
<li class="c-secondary-nav__item">
<custom-toggle controls="secondary-nav-foldout-">
<button class="o-button-clean c-secondary-nav__toggle" type="button" aria-controls="secondary-nav-foldout-">
<span class="o-layout o-layout--fit o-layout--justify">
<span class="u-heading u-h5">
Onderzoek
</span>
<span class="t-color--brand-a">
<span class="c-secondary-nav__icon-plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-secondary-nav__icon-minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</button>
<div id="secondary-nav-foldout-" class="c-secondary-nav__foldout" hidden>
<div class="o-layer o-layer--small">
<div class="o-retain">
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Onderzoekszwaartepunt
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Lectoraten
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Center of Expertises
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Onderzoeksprogramma's
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Publicaties
</a>
</li>
</ul>
</div>
</div>
</div>
</custom-toggle>
</li>
<li class="c-secondary-nav__item">
<custom-toggle controls="secondary-nav-foldout-">
<button class="o-button-clean c-secondary-nav__toggle" type="button" aria-controls="secondary-nav-foldout-">
<span class="o-layout o-layout--fit o-layout--justify">
<span class="u-heading u-h5">
Samenwerken
</span>
<span class="t-color--brand-a">
<span class="c-secondary-nav__icon-plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-secondary-nav__icon-minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</button>
<div id="secondary-nav-foldout-" class="c-secondary-nav__foldout" hidden>
<div class="o-layer o-layer--small">
<div class="o-retain">
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Samenwerkings­mogelijkheden
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Samenwerkingspartners
</a>
</li>
</ul>
</div>
</div>
</div>
</custom-toggle>
</li>
<li class="c-secondary-nav__item">
<custom-toggle controls="secondary-nav-foldout-">
<button class="o-button-clean c-secondary-nav__toggle" type="button" aria-controls="secondary-nav-foldout-">
<span class="o-layout o-layout--fit o-layout--justify">
<span class="u-heading u-h5">
Meer HAS
</span>
<span class="t-color--brand-a">
<span class="c-secondary-nav__icon-plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-secondary-nav__icon-minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</button>
<div id="secondary-nav-foldout-" class="c-secondary-nav__foldout" hidden>
<div class="o-layer o-layer--small">
<div class="o-retain">
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Onderwijs bij de HAS
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Faciliteiten
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Actualiteit en pers
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Over de HAS
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Duurzaamheid
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Vacatures
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Contact
</a>
</li>
</ul>
</div>
</div>
</div>
</custom-toggle>
</li>
</ul>
</div>
<div class="o-retain o-retain--full">
<div class="u-hidden@until-desk">
<ul class="o-layout o-layout--gap-base o-layout--columns-10">
<li class="u-colspan-2">
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--nowrap">
<div class="t-color--brand-a u-hidden@until-lap">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</div>
<div class="o-flow o-flow--small o-layout__fill">
<div class="u-heading u-h5 u-heading--reset-line-height">Hbo-opleidingen</div>
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Alle hbo-opleidingen
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Hulp bij je studiekeuze
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Voor ouders en decanen
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="u-colspan-2">
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--nowrap">
<div class="t-color--brand-a u-hidden@until-lap">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</div>
<div class="o-flow o-flow--small o-layout__fill">
<div class="u-heading u-h5 u-heading--reset-line-height">Bedrijfsopleidingen</div>
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Alle bedrijfsopleidingen
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Keuzehulp
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
In-company
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="u-colspan-2">
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--nowrap">
<div class="t-color--brand-a u-hidden@until-lap">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</div>
<div class="o-flow o-flow--small o-layout__fill">
<div class="u-heading u-h5 u-heading--reset-line-height">Onderzoek</div>
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Onderzoekszwaartepunt
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Lectoraten
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Center of Expertises
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Onderzoeksprogramma's
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Publicaties
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="u-colspan-2">
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--nowrap">
<div class="t-color--brand-a u-hidden@until-lap">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</div>
<div class="o-flow o-flow--small o-layout__fill">
<div class="u-heading u-h5 u-heading--reset-line-height">Samenwerken</div>
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Samenwerkings­mogelijkheden
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Samenwerkingspartners
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="u-colspan-2">
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--nowrap">
<div class="t-color--brand-a u-hidden@until-lap">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</div>
<div class="o-flow o-flow--small o-layout__fill">
<div class="u-heading u-h5 u-heading--reset-line-height">Meer HAS</div>
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Onderwijs bij de HAS
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Faciliteiten
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Actualiteit en pers
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Over de HAS
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Duurzaamheid
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Vacatures
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Contact
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<img src="../../images/logo-has-square.svg" alt="HAS logo" class="c-logo c-header__logo c-header__logo--foldout">
</div>
</header>
</header-menu>
<sticky-bar>
<div class="c-sticky-bar" data-stickybar>
<div class="o-retain o-retain--full o-retain--no-padding">
<div class="o-layer o-layer--tiny">
<div class="o-retain">
<div class="o-layout o-layout--fit o-layout--gap-base o-layout--align-block-center o-layout--nowrap">
<div>
<p class="c-sticky-bar__heading u-heading u-h6" id="label-sticky-nav">
Bedrijfskunde en agribusiness
</p>
<div class="u-hidden@from-desk">
<button type="button" class="c-button c-button--flat c-button--has-icon " aria-controls="sticky-nav-foldout" data-sticky-nav-button>
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
In het kort
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-chevron-down" />
</svg>
</span>
</span>
</button>
</div>
</div>
<div class="o-layout__align-inline-end">
<ul class="o-layout o-layout--gap-small o-layout--fit u-hidden@until-desk">
<li>
<a href="#sectie-in-het-kort" class="c-sticky-bar__jumplink" data-jumplink-expanded>
<span>In het kort</span>
</a>
</li>
<li>
<a href="#sectie-tijdens-je-studie" class="c-sticky-bar__jumplink" data-jumplink-expanded>
<span>Tijdens je studie</span>
</a>
</li>
<li>
<a href="#sectie-na-je-studie" class="c-sticky-bar__jumplink" data-jumplink-expanded>
<span>Na je studie</span>
</a>
</li>
<li>
<a href="#sectie-vragen-en-contact" class="c-sticky-bar__jumplink" data-jumplink-expanded>
<span>Vragen en contact</span>
</a>
</li>
</ul>
</div>
<a href="#" class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Ervaar het
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
<progress data-sticky-bar-progress class="c-progress" max="1" value="0"></progress>
<nav class="c-sticky-bar__foldout" aria-labelledby="label-sticky-nav" id="sticky-nav-foldout" hidden>
<div class="o-layer o-layer--tiny">
<div class="o-retain">
<ul class="o-list-clean">
<li>
<a href="#sectie-in-het-kort" class="c-sticky-bar__jumplink o-layout o-layout--fit o-layout--align-block-center" data-label="In het kort">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-submenu" />
</svg>
<span>In het kort</span>
</a>
</li>
<li>
<a href="#sectie-tijdens-je-studie" class="c-sticky-bar__jumplink o-layout o-layout--fit o-layout--align-block-center" data-label="Tijdens je studie">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-submenu" />
</svg>
<span>Tijdens je studie</span>
</a>
</li>
<li>
<a href="#sectie-na-je-studie" class="c-sticky-bar__jumplink o-layout o-layout--fit o-layout--align-block-center" data-label="Na je studie">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-submenu" />
</svg>
<span>Na je studie</span>
</a>
</li>
<li>
<a href="#sectie-vragen-en-contact" class="c-sticky-bar__jumplink o-layout o-layout--fit o-layout--align-block-center" data-label="Vragen en contact">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-submenu" />
</svg>
<span>Vragen en contact</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</sticky-bar>
<main id="main">
<section>
<div class="o-retain o-retain--full o-retain--no-padding">
<div class="c-hero-detail">
<div class="c-hero-detail__bg"></div>
<div class="c-hero-detail__breadcrumbs">
<ol class="o-layout o-layout--fit o-layout--gap-tiny">
<li>
<span class="o-layout o-layout--fit o-layout--gap-tiny o-layout--align-block-center">
<a href="#">
<span _class="u-visually-hidden">Home</span>
</a>
<svg class="c-icon c-icon--small" aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-chevron-right" />
</svg>
</span>
</li>
<li class="u-hidden@from-lap">
<span class="o-layout o-layout--fit o-layout--gap-tiny o-layout--align-block-center">
<span>
…
</span>
<svg class="c-icon c-icon--small" aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-chevron-right" />
</svg>
</span>
</li>
<li class="u-hidden@until-lap">
<span class="o-layout o-layout--fit o-layout--gap-tiny o-layout--align-block-center">
<a href="#" class="c-link--no-underline">
Item hidden for large screen
</a>
<svg class="c-icon c-icon--small" aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-chevron-right" />
</svg>
</span>
</li>
<li>
<span class="o-layout o-layout--fit o-layout--gap-tiny o-layout--align-block-center">
<a href="#" class="c-link--no-underline">
parent item
</a>
<svg class="c-icon c-icon--small" aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-chevron-right" />
</svg>
</span>
</li>
<li>
<span>Current page title</span>
</li>
</ol>
</div>
<div class="c-hero-detail__intro ">
<div class="o-flow">
<h1 class="u-h0 c-hero-detail__heading">Quality and business in agri and food</h1>
<ul class="o-list-clean">
<li>
<a href="#" class="c-button c-button--contrast c-button--has-icon c-button--full-width">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</li>
<li>
<a href="#" class="c-button c-button--has-icon c-button--full-width" data-stickybar-trigger>
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Inschrijven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<div class="c-hero-detail__visual">
<picture>
<img class="c-img lazyload " srcset="https://via.placeholder.com/700x800 700w, " src="https://via.placeholder.com/700x800" alt="" sizes="auto" width="700" height="800">
</picture>
<picture>
<img class="c-img lazyload c-hero-detail__signet" src="/images/signet-nl.svg" alt="" sizes="auto" width="100" height="100">
</picture>
</div>
<div class="c-hero-detail__content" data-waypoint id="sectie-in-het-kort">
<h2 class="u-h1">We do it</h2>
<div class="o-flow">
<p>Tijdens de hbo-opleiding Bedrijfskunde en agribusiness leer je alles over de bedrijfsmatige kant van de agrisector. Van management en financiën tot logistiek en marketing. Het blijft niet bij leren alleen, want Bedrijfskunde en agribusiness is vooral praktijkgericht. Denken én doen dus bij deze superafwisselende opleiding!</p>
<p>Tijdens de hbo-opleiding Bedrijfskunde en agribusiness leer je alles over de bedrijfsmatige kant van de agrisector. Van management en financiën tot logistiek en marketing. Het blijft niet bij leren alleen, want Bedrijfskunde en agribusiness is vooral praktijkgericht. Denken én doen dus bij deze superafwisselende opleiding!</p>
<p>Tijdens de hbo-opleiding Bedrijfskunde en agribusiness leer je alles over de bedrijfsmatige kant van de agrisector. Van management en financiën tot logistiek en marketing. Het blijft niet bij leren alleen, want Bedrijfskunde en agribusiness is vooral praktijkgericht. Denken én doen dus bij deze superafwisselende opleiding!</p>
</div>
</div>
<div class="c-hero-detail__meta">
<dl class="c-list-definition">
<div>
<dt>Diploma</dt>
<dd>Hbo Bachelor</dd>
</div>
<div>
<dt>Start in</dt>
<dd>September</dd>
</div>
<div>
<dt>Studieduur</dt>
<dd>4 jaar</dd>
</div>
<div>
<dt>Leerweg</dt>
<dd>Voltijd</dd>
</div>
</dl>
</div>
</div>
</div>
</section>
<section>
<div class="o-layer o-layer--large">
<div class="o-retain o-retain--inset">
<div class="o-flow">
<h3>Opleiding in beeld</h3>
<ul class="o-layout o-layout--gap-base">
<li class="u-colspan-6@lap">
<div class="o-flow o-flow--small">
<h4>Den Bosch</h4>
<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="8261bd91-964e-4faa-a2e2-538c4bc2d1a8" async></script>
<div>
<video-embed>
<div class="o-aspect-ratio o-aspect-ratio--16by9">
<div class="c-video-embed__front">
<picture>
<img class="c-img lazyload c-video-embed__image" data-srcset="https://via.placeholder.com/1600x900 1600w, https://via.placeholder.com/800x450 800w, " data-src="https://via.placeholder.com/160x90" alt="" sizes="auto" width="160" height="90">
</picture>
<button type="button" class="o-button-clean c-video-embed__button" data-video-embed-btn-play>
<span class="u-visually-hidden">
HAS de gekste afspelen
</span>
<span class="c-video-embed__play-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-play" />
</svg>
</span>
<span class="c-video-embed__time">
<span class="o-layout o-layout--fit o-layout--gap-tiny">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-clock" />
</svg>
<span>3:43</span>
</span>
</span>
</button>
</div>
<div hidden class="o-aspect-ratio__item c-video-embed__message cookieconsent-optout-marketing" data-video-embed-message>
<p><a data-renew-consent href="javascript:Cookiebot.renew();">Wijzig je instellingen</a> en accepteer marketing cookies om de video te kunnen bekijken. Of <a href="https://www.youtube.com/watch?v=WdB2bEongVY">bekijk de video op youtube.com</a>.</p>
</div>
<iframe _data-cookieconsent="marketing" data-video-embed-video hidden data-lazy-src="https://www.youtube-nocookie.com/embed/WdB2bEongVY?autoplay=1" title="HAS de gekste" allowfullscreen allow="autoplay"></iframe>
</div>
</video-embed>
</div>
</div>
</li>
<li class="u-colspan-6@lap">
<div class="o-flow o-flow--small">
<h4>Venlo</h4>
<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="8261bd91-964e-4faa-a2e2-538c4bc2d1a8" async></script>
<div>
<video-embed>
<div class="o-aspect-ratio o-aspect-ratio--16by9">
<div class="c-video-embed__front">
<picture>
<img class="c-img lazyload c-video-embed__image" data-srcset="https://via.placeholder.com/1600x900 1600w, https://via.placeholder.com/800x450 800w, " data-src="https://via.placeholder.com/160x90" alt="" sizes="auto" width="160" height="90">
</picture>
<button type="button" class="o-button-clean c-video-embed__button" data-video-embed-btn-play>
<span class="u-visually-hidden">
HAS de gekste afspelen
</span>
<span class="c-video-embed__play-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-play" />
</svg>
</span>
<span class="c-video-embed__time">
<span class="o-layout o-layout--fit o-layout--gap-tiny">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-clock" />
</svg>
<span>3:43</span>
</span>
</span>
</button>
</div>
<div hidden class="o-aspect-ratio__item c-video-embed__message cookieconsent-optout-marketing" data-video-embed-message>
<p><a data-renew-consent href="javascript:Cookiebot.renew();">Wijzig je instellingen</a> en accepteer marketing cookies om de video te kunnen bekijken. Of <a href="https://www.youtube.com/watch?v=WdB2bEongVY">bekijk de video op youtube.com</a>.</p>
</div>
<iframe _data-cookieconsent="marketing" data-video-embed-video hidden data-lazy-src="https://www.youtube-nocookie.com/embed/WdB2bEongVY?autoplay=1" title="HAS de gekste" allowfullscreen allow="autoplay"></iframe>
</div>
</video-embed>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="t-themed-section t-themed-section--intro" data-waypoint id="sectie-tijdens-je-studie">
<section>
<div class="o-layer o-layer--large">
<div class="o-retain o-retain--inset">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-6@desk">
<div class="t-color--light">
<div class="o-flow">
<h2 ">Tijdens je studie</h2>
<div>
<line-clamp class=" o-flow" style="--lines: 4;" id="line-clamp">
<p>
Bij Applied Geo-Information Science verken je vier jaar lang de belangrijke thema’s
van vandaag en morgen: van klimaatverandering tot de toekomst van de stad. Je
verzamelt, analyseert en visualiseert geografische data. Voorbeelden hiervan zijn
bijvoorbeeld infographics, storymaps en dashboards. Zo leer je met de nieuwste
technologieën informatie over locatie en tijd op een uitdagende en creatieve manier
te
presenteren. Ons eigen Geolab is je thuisbasis. Dit is de ideale plek om samen met
je
studiegenoten met de nieuwste hard-en software te werken aan ruimtelijke
oplossingen.
</p>
<p>
Bij Applied Geo-Information Science verken je vier jaar lang de belangrijke thema’s
van vandaag en morgen: van klimaatverandering tot de toekomst van de stad. Je
verzamelt, analyseert en visualiseert geografische data. Voorbeelden hiervan zijn
bijvoorbeeld infographics, storymaps en dashboards. Zo leer je met de nieuwste
technologieën informatie over locatie en tijd op een uitdagende en creatieve manier
te
presenteren. Ons eigen Geolab is je thuisbasis. Dit is de ideale plek om samen met
je
studiegenoten met de nieuwste hard-en software te werken aan ruimtelijke
oplossingen.
</p>
<div class="mceNonEditable embeditem" data-embed-url="https://www.youtube.com/watch?v=6iUi-9lwh6c&t=1s&ab_channel=HASgreenacademy" data-embed-height="240" data-embed-width="360" data-embed-constrain="true"><iframe width="360" height="203" src="https://www.youtube.com/embed/6iUi-9lwh6c?start=1&feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" title="DOE HET! bij HAS green academy"></iframe></div>
</line-clamp>
<button type="button" class="c-button c-button--flat c-button--has-icon " aria-controls="line-clamp">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Toon meer
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-chevron-down" />
</svg>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="c-rte c-rte--intro">
</div>
<section>
<div class="o-layer o-layer--large">
<div class="o-retain o-retain--inset">
<div class="o-flow">
<div class="t-color--light">
<h3>Inhoud van de studie</h3>
</div>
<div>
<tab-navigation>
<span hidden id="label-locations">Locaties</span>
<div class="o-flow">
<div class="t-color--light">
<div class="c-tabs__tablist" role="tablist" aria-labelledby="label-locations">
<button class="c-tabs__tab" role="tab" aria-selected="true" aria-controls="location-panel-1" id="location-tab-1" tabindex="0">
Den Bosch
</button>
<button class="c-tabs__tab" role="tab" aria-selected="false" aria-controls="location-panel-2" id="location-tab-2" tabindex="-1">Venlo
</button>
</div>
</div>
<div role="tabpanel" id="location-panel-1" tabindex="0" aria-labelledby="location-tab-1">
<div class="c-accordeon ">
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 1</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
<div class="o-flow c-editor c-readable-text">
<article class="o-flow c-summary-pricing c-readable-text">
<dl class="c-list-pricing">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Aanvangsdatum
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
9 juni 2022
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Duur
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
3 maanden
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Investering
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
€ 1.414,00
</div>
<div class="c-list-pricing__caption">
excl.btw*
</div>
</dd>
</div>
</dl>
<h4 class="u-h5">Prijsspecificaties</h4>
<dl class="c-list-pricing">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Aanvangsdatum
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
9 juni 2022
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Duur
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
3 maanden
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Investering
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
€ 1.414,00
</div>
<div class="c-list-pricing__caption">
excl.btw*
</div>
</dd>
</div>
</dl>
</article>
</div>
</div>
</div>
</details>
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 2</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
</div>
</div>
</details>
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 3</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
</div>
</div>
</details>
</div>
</div>
<div role="tabpanel" id="location-panel-2" tabindex="0" aria-labelledby="location-tab-2" hidden>
<h1>Content for the second panel</h1>
<div class="c-accordeon ">
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 1</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
<div class="o-flow c-editor c-readable-text">
<article class="o-flow c-summary-pricing c-readable-text">
<dl class="c-list-pricing">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Aanvangsdatum
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
9 juni 2022
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Duur
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
3 maanden
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Investering
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
€ 1.414,00
</div>
<div class="c-list-pricing__caption">
excl.btw*
</div>
</dd>
</div>
</dl>
<h4 class="u-h5">Prijsspecificaties</h4>
<dl class="c-list-pricing">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Aanvangsdatum
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
9 juni 2022
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Duur
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
3 maanden
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Investering
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
€ 1.414,00
</div>
<div class="c-list-pricing__caption">
excl.btw*
</div>
</dd>
</div>
</dl>
</article>
</div>
</div>
</div>
</details>
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 2</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
</div>
</div>
</details>
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 3</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
</div>
</div>
</details>
</div>
</div>
</div>
</tab-navigation>
</div>
</div>
</div>
</div>
</section>
<section>
<div class=" t-themed-section ">
<div class="t-themed-section__subsection">
<div class="o-layer o-layer--large">
<tab-navigation>
<span hidden id="label-{uuid}">Types</span>
<div class="o-flow">
<div class="o-retain o-retain--default">
<div class="t-color--light">
<div class="o-flow">
<h3>#hasStories</h3>
<div class="c-tabs__tablist" role="tablist" aria-labelledby="label-{uuid}">
<button class="c-tabs__tab" role="tab" aria-selected="true" aria-controls="{uuid}-panel-0" id="{uuid}-tab-0" tabindex="0">
nieuws
</button>
<button class="c-tabs__tab" role="tab" aria-selected="false" aria-controls="{uuid}-panel-1" id="{uuid}-tab-1" tabindex="-1">
events
</button>
<button class="c-tabs__tab" role="tab" aria-selected="false" aria-controls="{uuid}-panel-2" id="{uuid}-tab-2" tabindex="-1">
publicaties
</button>
</div>
</div>
</div>
</div>
<div>
<div role="tabpanel" id="{uuid}-panel-0" tabindex="0" aria-labelledby="{uuid}-tab-0">
<div>
<card-slider>
<div class="c-slider">
<div class="o-retain o-retain--default ">
<div class="o-flow">
<div class="swiper c-slider__container" data-module-bind="slider">
<ul class="swiper-wrapper o-list-clean c-slider__wrapper">
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<span class="c-card__label">nieuws</span>
<h3 class="u-h4">
<a href="#">
Meeloopdag Geo-information science 1 juni in Den Bosch
</a>
</h3>
<dl class="o-layout o-layout--gap-small o-layout--fit">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--align-block-center">
<dt>
<span class="u-visually-hidden">Datum</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-calendar" />
</svg>
</dt>
<dd>
<time datetime="2022-06-01">1 juni 2022</time>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny">
<dt>
<span class="u-visually-hidden">Tijd</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-clock" />
</svg>
</dt>
<dd>
<time datetime="18:00">18:00</time>
</dd>
</div>
</dl>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<span class="c-card__label">nieuws</span>
<h3 class="u-h4">
<a href="#">
HAS Hogeschool educatiepartner van Dutch Food Week 2022
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<span class="c-card__label">nieuws</span>
<h3 class="u-h4">
<a href="#">
Meeloopdag Geo-information science 1 juni in Den Bosch
</a>
</h3>
<dl class="o-layout o-layout--gap-small o-layout--fit">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--align-block-center">
<dt>
<span class="u-visually-hidden">Datum</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-calendar" />
</svg>
</dt>
<dd>
<time datetime="2022-06-01">1 juni 2022</time>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny">
<dt>
<span class="u-visually-hidden">Tijd</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-clock" />
</svg>
</dt>
<dd>
<time datetime="18:00">18:00</time>
</dd>
</div>
</dl>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<span class="c-card__label">nieuws</span>
<h3 class="u-h4">
<a href="#">
HAS Hogeschool educatiepartner van Dutch Food Week 2022
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<span class="c-card__label">nieuws</span>
<h3 class="u-h4">
<a href="#">
Meeloopdag Geo-information science 1 juni in Den Bosch
</a>
</h3>
<dl class="o-layout o-layout--gap-small o-layout--fit">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--align-block-center">
<dt>
<span class="u-visually-hidden">Datum</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-calendar" />
</svg>
</dt>
<dd>
<time datetime="2022-06-01">1 juni 2022</time>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny">
<dt>
<span class="u-visually-hidden">Tijd</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-clock" />
</svg>
</dt>
<dd>
<time datetime="18:00">18:00</time>
</dd>
</div>
</dl>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<span class="c-card__label">nieuws</span>
<h3 class="u-h4">
<a href="#">
HAS Hogeschool educatiepartner van Dutch Food Week 2022
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<span class="c-card__label">nieuws</span>
<h3 class="u-h4">
<a href="#">
Meeloopdag Geo-information science 1 juni in Den Bosch
</a>
</h3>
<dl class="o-layout o-layout--gap-small o-layout--fit">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--align-block-center">
<dt>
<span class="u-visually-hidden">Datum</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-calendar" />
</svg>
</dt>
<dd>
<time datetime="2022-06-01">1 juni 2022</time>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny">
<dt>
<span class="u-visually-hidden">Tijd</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-clock" />
</svg>
</dt>
<dd>
<time datetime="18:00">18:00</time>
</dd>
</div>
</dl>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<span class="c-card__label">nieuws</span>
<h3 class="u-h4">
<a href="#">
HAS Hogeschool educatiepartner van Dutch Food Week 2022
</a>
</h3>
</div>
</div>
</article>
</li>
</ul>
</div>
<div class="o-layout o-layout--gap-base o-layout--align-block-center t-color--light" hidden data-card-slider-controls>
<div class="o-layout__fill">
<progress data-slider-progress class="c-progress" max="1" value="0"></progress>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-prev>
<span class="u-visually-hidden">Vorige</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-left" />
</svg>
</button>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-next>
<span class="u-visually-hidden">Volgende</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</card-slider>
</div>
</div>
<div role="tabpanel" id="{uuid}-panel-1" tabindex="0" aria-labelledby="{uuid}-tab-1" hidden>
<div>
<card-slider>
<div class="c-slider">
<div class="o-retain o-retain--default ">
<div class="o-flow">
<div class="swiper c-slider__container" data-module-bind="slider">
<ul class="swiper-wrapper o-list-clean c-slider__wrapper">
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<span class="c-card__label">event</span>
<h3 class="u-h4">
<a href="#">
Kate en Ronald vroegen zich af of je zout uit de bodem kunt halen.
</a>
</h3>
<dl class="o-layout o-layout--gap-small o-layout--fit">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--align-block-center">
<dt>
<span class="u-visually-hidden">Datum</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-calendar" />
</svg>
</dt>
<dd>
<time datetime="2022-06-01">1 juni 2022</time>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny">
<dt>
<span class="u-visually-hidden">Tijd</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-clock" />
</svg>
</dt>
<dd>
<time datetime="18:00">18:00</time>
</dd>
</div>
</dl>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<span class="c-card__label">event</span>
<h3 class="u-h4">
<a href="#">
Eind Event project HNT: Gas erop!
</a>
</h3>
</div>
</div>
</article>
</li>
</ul>
</div>
<div class="o-layout o-layout--gap-base o-layout--align-block-center t-color--light" hidden data-card-slider-controls>
<div class="o-layout__fill">
<progress data-slider-progress class="c-progress" max="1" value="0"></progress>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-prev>
<span class="u-visually-hidden">Vorige</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-left" />
</svg>
</button>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-next>
<span class="u-visually-hidden">Volgende</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</card-slider>
</div>
</div>
<div role="tabpanel" id="{uuid}-panel-2" tabindex="0" aria-labelledby="{uuid}-tab-2" hidden>
<div>
<card-slider>
<div class="c-slider">
<div class="o-retain o-retain--default ">
<div class="o-flow">
<div class="swiper c-slider__container" data-module-bind="slider">
<ul class="swiper-wrapper o-list-clean c-slider__wrapper">
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<span class="c-card__label">publicatie</span>
<h3 class="u-h4">
<a href="#">
Onderzoeksprogramma's
</a>
</h3>
<dl class="o-layout o-layout--gap-small o-layout--fit">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--align-block-center">
<dt>
<span class="u-visually-hidden">Datum</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-calendar" />
</svg>
</dt>
<dd>
<time datetime="2022-06-01">1 juni 2022</time>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny">
<dt>
<span class="u-visually-hidden">Tijd</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-clock" />
</svg>
</dt>
<dd>
<time datetime="18:00">18:00</time>
</dd>
</div>
</dl>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<span class="c-card__label">publicatie</span>
<h3 class="u-h4">
<a href="#">
Expertises bij HAS Green Academy
</a>
</h3>
</div>
</div>
</article>
</li>
</ul>
</div>
<div class="o-layout o-layout--gap-base o-layout--align-block-center t-color--light" hidden data-card-slider-controls>
<div class="o-layout__fill">
<progress data-slider-progress class="c-progress" max="1" value="0"></progress>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-prev>
<span class="u-visually-hidden">Vorige</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-left" />
</svg>
</button>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-next>
<span class="u-visually-hidden">Volgende</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</card-slider>
</div>
</div>
</div>
<div class="o-retain o-retain--default">
<div class="t-color--light">
<p>
<a href="#" class="c-button c-button--flat c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Toon alles
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</p>
</div>
</div>
</div>
</tab-navigation>
</div>
</div>
</div>
</section>
<section>
<div class="o-layer o-layer--large">
<div class="o-retain o-retain--inset">
<div class="o-flow">
<div class="t-color--light">
<h3>Meer over deze opleiding</h3>
</div>
<div class="c-accordeon ">
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 1</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
<div class="o-flow c-editor c-readable-text">
<article class="o-flow c-summary-pricing c-readable-text">
<dl class="c-list-pricing">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Aanvangsdatum
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
9 juni 2022
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Duur
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
3 maanden
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Investering
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
€ 1.414,00
</div>
<div class="c-list-pricing__caption">
excl.btw*
</div>
</dd>
</div>
</dl>
<h4 class="u-h5">Prijsspecificaties</h4>
<dl class="c-list-pricing">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Aanvangsdatum
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
9 juni 2022
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Duur
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
3 maanden
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Investering
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
€ 1.414,00
</div>
<div class="c-list-pricing__caption">
excl.btw*
</div>
</dd>
</div>
</dl>
</article>
</div>
</div>
</div>
</details>
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 2</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
</div>
</div>
</details>
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 3</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
</div>
</div>
</details>
</div>
<p>
<a type="button" href="#" class="c-button c-button--flat c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Download de factsheet
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-download" />
</svg>
</span>
</span>
</a>
</p>
</div>
</div>
</div>
</section>
<!-- make dynamic, almost the same as locations organism -->
<section>
<div class="o-layer o-layer--large">
<div class="o-flow">
<div class="o-retain o-retain--default">
<div class="t-color--light">
<h3>Studie in cijfers</h3>
</div>
</div>
<div>
<card-slider>
<div class="c-slider">
<div class="o-retain o-retain--default ">
<div class="o-flow">
<div class="swiper c-slider__container" data-module-bind="slider">
<ul class="swiper-wrapper o-list-clean c-slider__wrapper">
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme">
<div class="c-card__content c-card__content--number">
<div>
<div class="u-heading">
<span class="c-card__big-text u-h0">4.1</span><span class="c-card__small-text u-h2">/5</span>
</div>
<div class="c-card__subtext">
studenttevredenheid
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme">
<div class="c-card__content c-card__content--number">
<div>
<div class="u-heading">
<span class="c-card__big-text u-h0">79%</span><span class="c-card__small-text u-h2"></span>
</div>
<div class="c-card__subtext">
stroomt door naar het tweede jaar
</div>
</div>
</div>
</article>
</li>
</ul>
</div>
<div class="o-layout o-layout--gap-base o-layout--align-block-center t-color--light" hidden data-card-slider-controls>
<div class="o-layout__fill">
<progress data-slider-progress class="c-progress" max="1" value="0"></progress>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-prev>
<span class="u-visually-hidden">Vorige</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-left" />
</svg>
</button>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-next>
<span class="u-visually-hidden">Volgende</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</card-slider>
</div>
<div class="o-retain o-retain--default">
<p>
<a type="button" href="#" class="c-button c-button--flat c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Download de factsheet
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-download" />
</svg>
</span>
</span>
</a>
</p>
</div>
</div>
</div>
</section>
</section>
<section class="t-neutral-section" data-waypoint id="sectie-na-je-studie">
<section>
<div class="o-layer o-layer--large">
<div class="o-retain o-retain--inset">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-6@desk">
<div class="t-color--light">
<div class="o-flow">
<h2 ">Na je studie</h2>
<div>
<line-clamp class=" o-flow" style="--lines: 4;" id="line-clamp">
<p>
Bij Applied Geo-Information Science verken je vier jaar lang de belangrijke thema’s
van vandaag en morgen: van klimaatverandering tot de toekomst van de stad. Je
verzamelt, analyseert en visualiseert geografische data. Voorbeelden hiervan zijn
bijvoorbeeld infographics, storymaps en dashboards. Zo leer je met de nieuwste
technologieën informatie over locatie en tijd op een uitdagende en creatieve manier
te
presenteren. Ons eigen Geolab is je thuisbasis. Dit is de ideale plek om samen met
je
studiegenoten met de nieuwste hard-en software te werken aan ruimtelijke
oplossingen.
</p>
<p>
Bij Applied Geo-Information Science verken je vier jaar lang de belangrijke thema’s
van vandaag en morgen: van klimaatverandering tot de toekomst van de stad. Je
verzamelt, analyseert en visualiseert geografische data. Voorbeelden hiervan zijn
bijvoorbeeld infographics, storymaps en dashboards. Zo leer je met de nieuwste
technologieën informatie over locatie en tijd op een uitdagende en creatieve manier
te
presenteren. Ons eigen Geolab is je thuisbasis. Dit is de ideale plek om samen met
je
studiegenoten met de nieuwste hard-en software te werken aan ruimtelijke
oplossingen.
</p>
<div class="mceNonEditable embeditem" data-embed-url="https://www.youtube.com/watch?v=6iUi-9lwh6c&t=1s&ab_channel=HASgreenacademy" data-embed-height="240" data-embed-width="360" data-embed-constrain="true"><iframe width="360" height="203" src="https://www.youtube.com/embed/6iUi-9lwh6c?start=1&feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" title="DOE HET! bij HAS green academy"></iframe></div>
</line-clamp>
<button type="button" class="c-button c-button--flat c-button--has-icon " aria-controls="line-clamp">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Toon meer
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-chevron-down" />
</svg>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="c-rte c-rte--intro">
</div>
<section>
<div class="o-layer o-layer--large">
<div class="o-retain o-retain--inset">
<div class="o-flow">
<div class="t-color--light">
<h3>Meer over deze opleiding</h3>
</div>
<div class="c-accordeon c-accordeon--branded">
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 1</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
<div class="o-flow c-editor c-readable-text">
<article class="o-flow c-summary-pricing c-readable-text">
<dl class="c-list-pricing">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Aanvangsdatum
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
9 juni 2022
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Duur
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
3 maanden
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Investering
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
€ 1.414,00
</div>
<div class="c-list-pricing__caption">
excl.btw*
</div>
</dd>
</div>
</dl>
<h4 class="u-h5">Prijsspecificaties</h4>
<dl class="c-list-pricing">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Aanvangsdatum
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
9 juni 2022
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Duur
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
3 maanden
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Investering
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
€ 1.414,00
</div>
<div class="c-list-pricing__caption">
excl.btw*
</div>
</dd>
</div>
</dl>
</article>
</div>
</div>
</div>
</details>
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 2</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
</div>
</div>
</details>
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 3</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
</div>
</div>
</details>
</div>
<p>
<a type="button" href="#" class="c-button c-button--flat c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Download de factsheet
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-download" />
</svg>
</span>
</span>
</a>
</p>
</div>
</div>
</div>
</section>
<section>
<div class="o-layer o-layer--large">
<div class="o-retain o-retain--inset">
<div class="o-flow">
<div class="t-color--light">
<h3>Meer over deze opleiding</h3>
</div>
<div class="c-accordeon ">
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 1</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
<div class="o-flow c-editor c-readable-text">
<article class="o-flow c-summary-pricing c-readable-text">
<dl class="c-list-pricing">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Aanvangsdatum
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
9 juni 2022
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Duur
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
3 maanden
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Investering
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
€ 1.414,00
</div>
<div class="c-list-pricing__caption">
excl.btw*
</div>
</dd>
</div>
</dl>
<h4 class="u-h5">Prijsspecificaties</h4>
<dl class="c-list-pricing">
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Aanvangsdatum
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
9 juni 2022
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Duur
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
3 maanden
</div>
<div class="c-list-pricing__caption">
</div>
</dd>
</div>
<div class="o-layout o-layout--fit o-layout--gap-tiny o-layout--justify c-list-pricing__item">
<dt>
Investering
</dt>
<dd class="o-list-clean__item">
<div class="c-list-pricing__value">
€ 1.414,00
</div>
<div class="c-list-pricing__caption">
excl.btw*
</div>
</dd>
</div>
</dl>
</article>
</div>
</div>
</div>
</details>
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 2</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
</div>
</div>
</details>
<details class="c-accordeon__item">
<summary class="c-accordeon__summary">
<span class="o-layout o-layout--gap-tiny o-layout--fit o-layout--justify o-layout--nowrap">
<span>
<span class="u-heading u-h4">Accordeon item 3</span>
</span>
<span>
<span class="c-accordeon__plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-accordeon__minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</summary>
<div class="c-accordeon__content">
<div class="o-flow">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-12 u-colspan-8@lap">
<div class="o-flow c-editor c-readable-text">
<h3 class="u-h5">Kennismaking en brede basis </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum harum ipsum iste itaque magnam sit tenetur totam vero voluptas. Asperiores commodi cumque cupiditate doloremque illo natus odio odit rerum voluptatem.</p>
<a class="c-button c-button--small c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</div>
<div class="u-colspan-12 u-colspan-4@lap">
<picture>
<img class="c-img lazyautosizes lazyloaded" data-srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," data-src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" sizes="340px" srcset="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000 600w," src="/media/yj5p0d5q/rectangle-36.jpg?width=600&height=400&rnd=133046109807100000" width="600" height="400">
</picture>
</div>
</div>
</div>
</div>
</details>
</div>
<p>
<a type="button" href="#" class="c-button c-button--flat c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Download de factsheet
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-download" />
</svg>
</span>
</span>
</a>
</p>
</div>
</div>
</div>
</section>
</section>
<section class="t-neutral-section" data-waypoint id="sectie-vragen-en-contact">
<section>
<div class="o-layer o-layer--large">
<div class="o-retain o-retain--inset">
<div class="o-layout o-layout--gap-base">
<div class="u-colspan-6@desk">
<div class="t-color--light">
<div class="o-flow">
<h2 ">Vragen en contact</h2>
<div>
<line-clamp class=" o-flow" style="--lines: 4;" id="line-clamp">
<p>
Bij Applied Geo-Information Science verken je vier jaar lang de belangrijke thema’s
van vandaag en morgen: van klimaatverandering tot de toekomst van de stad. Je
verzamelt, analyseert en visualiseert geografische data. Voorbeelden hiervan zijn
bijvoorbeeld infographics, storymaps en dashboards. Zo leer je met de nieuwste
technologieën informatie over locatie en tijd op een uitdagende en creatieve manier
te
presenteren. Ons eigen Geolab is je thuisbasis. Dit is de ideale plek om samen met
je
studiegenoten met de nieuwste hard-en software te werken aan ruimtelijke
oplossingen.
</p>
<p>
Bij Applied Geo-Information Science verken je vier jaar lang de belangrijke thema’s
van vandaag en morgen: van klimaatverandering tot de toekomst van de stad. Je
verzamelt, analyseert en visualiseert geografische data. Voorbeelden hiervan zijn
bijvoorbeeld infographics, storymaps en dashboards. Zo leer je met de nieuwste
technologieën informatie over locatie en tijd op een uitdagende en creatieve manier
te
presenteren. Ons eigen Geolab is je thuisbasis. Dit is de ideale plek om samen met
je
studiegenoten met de nieuwste hard-en software te werken aan ruimtelijke
oplossingen.
</p>
<div class="mceNonEditable embeditem" data-embed-url="https://www.youtube.com/watch?v=6iUi-9lwh6c&t=1s&ab_channel=HASgreenacademy" data-embed-height="240" data-embed-width="360" data-embed-constrain="true"><iframe width="360" height="203" src="https://www.youtube.com/embed/6iUi-9lwh6c?start=1&feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" title="DOE HET! bij HAS green academy"></iframe></div>
</line-clamp>
<button type="button" class="c-button c-button--flat c-button--has-icon " aria-controls="line-clamp">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Toon meer
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-chevron-down" />
</svg>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="c-rte c-rte--intro">
</div>
<section>
<div class="o-layer o-layer--large">
<div class="o-flow">
<div class="o-retain o-retain--inset">
<div class="o-flow">
<h3>Heb je nog vragen?</h3>
<ul class="c-list-icons o-layout o-layout--gap-base o-layout--fit">
<li>
<a href="#">
<span class="o-layout o-layout--gap-tiny o-layout--align-block-center o-layout--fit">
<span class="c-list-icons__icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-mail" />
</svg>
</span>
<span>has@has.nl</span>
</span>
</a>
</li>
<li>
<a href="#">
<span class="o-layout o-layout--gap-tiny o-layout--align-block-center o-layout--fit">
<span class="c-list-icons__icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-phone" />
</svg>
</span>
<span>088 890 31 26</span>
</span>
</a>
</li>
<li>
<a href="#">
<span class="o-layout o-layout--gap-tiny o-layout--align-block-center o-layout--fit">
<span class="c-list-icons__icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-whatsapp" />
</svg>
</span>
<span>WhatsApp</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<div>
<card-slider>
<div class="c-slider">
<div class="o-retain o-retain--default o-retain--inset">
<div class="o-flow">
<div class="swiper c-slider__container" data-module-bind="slider">
<ul class="swiper-wrapper o-list-clean c-slider__wrapper">
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<h3 class="u-h4">
Jeanie van Driel
</h3>
<p class="c-card__subheading">Studieadviseur applied geo information</p>
<dl class="o-flow o-flow--tiny">
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--align-block-center">
<dt title="e-mail">
<span class="u-visually-hidden">e-mail</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-envelope" />
</svg>
</dt>
<dd>
<a href="mailto:je.vandriel@has.nl">
je.vandriel@has.nl
</a>
</dd>
</div>
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--align-block-center">
<dt title="telefoonnummer">
<span class="u-visually-hidden">telefoonnummer</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-phone" />
</svg>
</dt>
<dd>
<a href="0031888903818">
+31 88 890 38 18
</a>
</dd>
</div>
</dl>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<h3 class="u-h4">
Student Meike
</h3>
<p class="c-card__subheading">Student applied geo information</p>
<dl class="o-flow o-flow--tiny">
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--align-block-center">
<dt title="naar contactformulier">
<span class="u-visually-hidden">naar contactformulier</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-mail" />
</svg>
</dt>
<dd>
<a href="#">
stel je vraag
</a>
</dd>
</div>
</dl>
</div>
</div>
</article>
</li>
</ul>
</div>
<div class="o-layout o-layout--gap-base o-layout--align-block-center t-color--light" hidden data-card-slider-controls>
<div class="o-layout__fill">
<progress data-slider-progress class="c-progress" max="1" value="0"></progress>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-prev>
<span class="u-visually-hidden">Vorige</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-left" />
</svg>
</button>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-next>
<span class="u-visually-hidden">Volgende</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</card-slider>
</div>
</div>
</div>
</section>
<section>
<div class="o-layer o-layer--large">
<div class="o-flow">
<div class="o-retain o-retain--inset">
<h3>Locatie</h3>
</div>
<div>
<card-slider>
<div class="c-slider">
<div class="o-retain o-retain--default o-retain--inset">
<div class="o-flow">
<div class="swiper c-slider__container" data-module-bind="slider">
<ul class="swiper-wrapper o-list-clean c-slider__wrapper">
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<details-modal controls="dialog-location-1">
<dialog class="c-modal" id="dialog-location-1">
<header class="c-modal__header">
<div class="o-layout o-layout--fit o-layout--justify">
<h3>Den Bosch</h3>
<button type="button" class="o-button-clean" data-modal-close aria-controls="dialog-location-1">
<span class="u-visually-hidden">Sluiten</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-close" />
</svg>
</button>
</div>
</header>
<main class="c-modal__content">
<p>Some content about this location. 1</p>
</main>
</dialog>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<h3 class="u-h4">
<button type="button" class="o-button-clean o-clickable__element" aria-controls="dialog-location-1">
Den Bosch
</button>
</h3>
<p>Open dag:
<time datetime="2022-06-01">1 juni 2022</time>
<br>
Meelopen:
<time datetime="2022-06-2022">3 juni 2022</time>
</p>
<p>
<span class="c-button c-button--flat c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Locatie
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</span>
</p>
</div>
</div>
</details-modal>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<details-modal controls="dialog-location-2">
<dialog class="c-modal" id="dialog-location-2">
<header class="c-modal__header">
<div class="o-layout o-layout--fit o-layout--justify">
<h3>Venlo</h3>
<button type="button" class="o-button-clean" data-modal-close aria-controls="dialog-location-2">
<span class="u-visually-hidden">Sluiten</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-close" />
</svg>
</button>
</div>
</header>
<main class="c-modal__content">
<p>Some content about this location. 2</p>
</main>
</dialog>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<h3 class="u-h4">
<button type="button" class="o-button-clean o-clickable__element" aria-controls="dialog-location-2">
Venlo
</button>
</h3>
<p>Open dag:
<time datetime="2022-06-01">1 juni 2022</time>
<br>
Meelopen:
<time datetime="2022-06-2022">3 juni 2022</time>
</p>
<p>
<span class="c-button c-button--flat c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Locatie
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</span>
</p>
</div>
</div>
</details-modal>
</article>
</li>
</ul>
</div>
<div class="o-layout o-layout--gap-base o-layout--align-block-center t-color--light" hidden data-card-slider-controls>
<div class="o-layout__fill">
<progress data-slider-progress class="c-progress" max="1" value="0"></progress>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-prev>
<span class="u-visually-hidden">Vorige</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-left" />
</svg>
</button>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-next>
<span class="u-visually-hidden">Volgende</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</card-slider>
</div>
</div>
</div>
</section>
</section>
<section>
<div class="o-retain o-retain--default o-retain--no-padding">
<div class="t-themed-section">
<div class="c-last-cta">
<div class="c-last-cta__visual">
<picture>
<img class="c-img lazyload " srcset="https://via.placeholder.com/750x422 750w, https://via.placeholder.com/1280x720 1280w, https://via.placeholder.com/1920x1080 1920w, " src="https://via.placeholder.com/750x422" alt="" sizes="auto" width="1920" height="1080">
</picture>
</div>
<div class="c-last-cta__content t-color--light">
<div class="o-layer o-layer--huge">
<div class="o-retain o-retain--inset">
<div class="o-layout o-layout--gap-inline-base">
<div class="u-colspan-4@desk">
<div class="o-flow">
<h2 class="u-h1">Interesse in deze opleiding?</h2>
<ul class="o-list-clean">
<li>
<a href="#" class="c-button c-button--contrast c-button--has-icon c-button--full-width">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</li>
<li>
<a href="#" class="c-button c-button--has-icon c-button--full-width">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Inschrijven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="o-layer o-layer--large">
<div class="o-flow">
<div class="o-retain o-retain--default">
<div class="t-color--light">
<h3>Gerelateerde opleidingen</h3>
</div>
</div>
<div>
<card-slider>
<div class="c-slider">
<div class="o-retain o-retain--default ">
<div class="o-flow">
<div class="swiper c-slider__container" data-module-bind="slider">
<ul class="swiper-wrapper o-list-clean c-slider__wrapper">
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<h3 class="u-h4">
<a href="#">
Applied geo-information science
</a>
</h3>
<div class="c-card__subheading">
<dl>
<div title="Type opleiding" class="c-card__meta-list-item">
<dt class="u-visually-hidden">Type opleiding</dt>
<dd>Hbo Bachelor</dd>
</div>
<div title="Locatie" class="c-card__meta-list-item">
<dt class="u-visually-hidden">Locatie</dt>
<dd>Den Bosch en Venlo</dd>
</div>
<div title="Duur" class="c-card__meta-list-item">
<dt class="u-visually-hidden">Duur</dt>
<dd>4 jaar</dd>
</div>
</dl>
</div>
<p>Jij maakt het straks mogelijk om ruimtelijke vraagstukken rondom actuele onderwerpen zoals verstedelijking, wateroverlast en biodiversiteit inzichtelijk te maken.</p>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<h3 class="u-h4">
<a href="#">
Bedrijfskunde en agribusiness
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<h3 class="u-h4">
<a href="#">
Bedrijfskunde en foodbusiness
</a>
</h3>
</div>
</div>
</article>
</li>
<li class="swiper-slide c-slider__slide">
<article class="c-card t-bg--page-theme-dark t-color--light o-clickable ">
<picture>
<img class="c-img lazyload " data-srcset="https://via.placeholder.com/320x180 320w, https://via.placeholder.com/640x360 640w, " data-src="https://via.placeholder.com/320x180" alt="" sizes="auto" width="320" height="180">
</picture>
<div class="c-card__content">
<div class="o-flow o-flow--tiny">
<h3 class="u-h4">
<a href="#">
Food innovation
</a>
</h3>
</div>
</div>
</article>
</li>
</ul>
</div>
<div class="o-layout o-layout--gap-base o-layout--align-block-center t-color--light" hidden data-card-slider-controls>
<div class="o-layout__fill">
<progress data-slider-progress class="c-progress" max="1" value="0"></progress>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-prev>
<span class="u-visually-hidden">Vorige</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-left" />
</svg>
</button>
</div>
<div class="o-layout__fit">
<button type="button" class="o-button-clean c-slider__button-clean" data-button-next>
<span class="u-visually-hidden">Volgende</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</card-slider>
</div>
</div>
</div>
</section>
<section class="t-themed-section">
<div class="t-color--light">
<div class="o-layer o-layer--base">
<div class="o-retain o-retain--default">
<div class="o-layout o-layout--fit o-layout--justify">
<div>
<ul class="o-layout o-layout--fit">
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="Facebook">
<span class="u-visually-hidden">Facebook</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-facebook" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="Instagram">
<span class="u-visually-hidden">Instagram</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-instagram" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="Twitter">
<span class="u-visually-hidden">Twitter</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-twitter" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="LinkedIn">
<span class="u-visually-hidden">LinkedIn</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-linkedin" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="WhatsApp">
<span class="u-visually-hidden">WhatsApp</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-whatsapp" />
</svg>
</a>
</li>
</ul>
</div>
<div>
<ul class="o-layout o-layout--fit">
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="zoeken">
<span class="u-visually-hidden">zoeken</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-search" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="inloggen">
<span class="u-visually-hidden">inloggen</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-user" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="naar begin van pagina">
<span class="u-visually-hidden">naar begin van pagina</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-up" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="o-layer o-layer--large">
<article class="c-media-experience">
<div class="c-media-experience__image-container">
<picture>
<img class="c-img lazyload c-media-experience__image" data-srcset="https://has-accept-cm.azurewebsites.net/media/mi5btdei/has-websize-220.jpg?rxy=0.503208513960338,0.5411104104798846&width=375&height=375&rnd=133032324600500000 375w, https://has-accept-cm.azurewebsites.net/media/mi5btdei/has-websize-220.jpg?rxy=0.503208513960338,0.5411104104798846&width=767&height=767&rnd=133032324600500000 767w, https://has-accept-cm.azurewebsites.net/media/mi5btdei/has-websize-220.jpg?rxy=0.503208513960338,0.5411104104798846&width=1280&height=587&rnd=133032324600500000 1280w, https://has-accept-cm.azurewebsites.net/media/mi5btdei/has-websize-220.jpg?rxy=0.503208513960338,0.5411104104798846&width=1920&height=880&rnd=133032324600500000 1920w, " data-src="https://has-accept-cm.azurewebsites.net/media/mi5btdei/has-websize-220.jpg?rxy=0.503208513960338,0.5411104104798846&width=1920&height=880&rnd=133032324600500000" alt="" sizes="auto" width="1920" height="880">
</picture>
</div>
<div class="c-media-experience__content-box o-flow o-retain o-layer o-layer--large">
<h2 class="c-media-experience__heading">Korte alinea titel met afbeelding</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla odio velit, eu auctor sem dictum vel. Donec porttitor velit in pulvinar malesuada. Sed mattis interdum enim, vel cursus quam.</p>
<a class="c-button c-button--has-icon ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
Kom sfeer proeven
</span>
<span class="c-button__wrap-icon">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</span>
</span>
</a>
</div>
</article>
</section>
</main>
<footer>
<section class="t-themed-section">
<div class="t-color--light">
<div class="o-layer o-layer--base">
<div class="o-retain o-retain--default">
<div class="o-layout o-layout--fit o-layout--justify">
<div>
<ul class="o-layout o-layout--fit">
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="Facebook">
<span class="u-visually-hidden">Facebook</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-facebook" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="Instagram">
<span class="u-visually-hidden">Instagram</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-instagram" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="Twitter">
<span class="u-visually-hidden">Twitter</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-twitter" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="LinkedIn">
<span class="u-visually-hidden">LinkedIn</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-linkedin" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="WhatsApp">
<span class="u-visually-hidden">WhatsApp</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-whatsapp" />
</svg>
</a>
</li>
</ul>
</div>
<div>
<ul class="o-layout o-layout--fit">
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="zoeken">
<span class="u-visually-hidden">zoeken</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-search" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="inloggen">
<span class="u-visually-hidden">inloggen</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-user" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="naar begin van pagina">
<span class="u-visually-hidden">naar begin van pagina</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-up" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="o-layer o-layer--large">
<div class="u-hidden@from-desk">
<ul class="o-list-clean c-secondary-nav">
<li class="c-secondary-nav__item">
<custom-toggle controls="secondary-nav-foldout-">
<button class="o-button-clean c-secondary-nav__toggle" type="button" aria-controls="secondary-nav-foldout-">
<span class="o-layout o-layout--fit o-layout--justify">
<span class="u-heading u-h5">
Hbo-opleidingen
</span>
<span class="t-color--brand-a">
<span class="c-secondary-nav__icon-plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-secondary-nav__icon-minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</button>
<div id="secondary-nav-foldout-" class="c-secondary-nav__foldout" hidden>
<div class="o-layer o-layer--small">
<div class="o-retain">
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Alle hbo-opleidingen
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Hulp bij je studiekeuze
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Voor ouders en decanen
</a>
</li>
</ul>
</div>
</div>
</div>
</custom-toggle>
</li>
<li class="c-secondary-nav__item">
<custom-toggle controls="secondary-nav-foldout-">
<button class="o-button-clean c-secondary-nav__toggle" type="button" aria-controls="secondary-nav-foldout-">
<span class="o-layout o-layout--fit o-layout--justify">
<span class="u-heading u-h5">
Bedrijfsopleidingen
</span>
<span class="t-color--brand-a">
<span class="c-secondary-nav__icon-plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-secondary-nav__icon-minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</button>
<div id="secondary-nav-foldout-" class="c-secondary-nav__foldout" hidden>
<div class="o-layer o-layer--small">
<div class="o-retain">
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Alle bedrijfsopleidingen
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Keuzehulp
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
In-company
</a>
</li>
</ul>
</div>
</div>
</div>
</custom-toggle>
</li>
<li class="c-secondary-nav__item">
<custom-toggle controls="secondary-nav-foldout-">
<button class="o-button-clean c-secondary-nav__toggle" type="button" aria-controls="secondary-nav-foldout-">
<span class="o-layout o-layout--fit o-layout--justify">
<span class="u-heading u-h5">
Onderzoek
</span>
<span class="t-color--brand-a">
<span class="c-secondary-nav__icon-plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-secondary-nav__icon-minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</button>
<div id="secondary-nav-foldout-" class="c-secondary-nav__foldout" hidden>
<div class="o-layer o-layer--small">
<div class="o-retain">
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Onderzoekszwaartepunt
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Lectoraten
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Center of Expertises
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Onderzoeksprogramma's
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Publicaties
</a>
</li>
</ul>
</div>
</div>
</div>
</custom-toggle>
</li>
<li class="c-secondary-nav__item">
<custom-toggle controls="secondary-nav-foldout-">
<button class="o-button-clean c-secondary-nav__toggle" type="button" aria-controls="secondary-nav-foldout-">
<span class="o-layout o-layout--fit o-layout--justify">
<span class="u-heading u-h5">
Samenwerken
</span>
<span class="t-color--brand-a">
<span class="c-secondary-nav__icon-plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-secondary-nav__icon-minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</button>
<div id="secondary-nav-foldout-" class="c-secondary-nav__foldout" hidden>
<div class="o-layer o-layer--small">
<div class="o-retain">
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Samenwerkings­mogelijkheden
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Samenwerkingspartners
</a>
</li>
</ul>
</div>
</div>
</div>
</custom-toggle>
</li>
<li class="c-secondary-nav__item">
<custom-toggle controls="secondary-nav-foldout-">
<button class="o-button-clean c-secondary-nav__toggle" type="button" aria-controls="secondary-nav-foldout-">
<span class="o-layout o-layout--fit o-layout--justify">
<span class="u-heading u-h5">
Meer HAS
</span>
<span class="t-color--brand-a">
<span class="c-secondary-nav__icon-plus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-plus" />
</svg>
</span>
<span class="c-secondary-nav__icon-minus">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-minus" />
</svg>
</span>
</span>
</span>
</button>
<div id="secondary-nav-foldout-" class="c-secondary-nav__foldout" hidden>
<div class="o-layer o-layer--small">
<div class="o-retain">
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Onderwijs bij de HAS
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Faciliteiten
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Actualiteit en pers
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Over de HAS
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Duurzaamheid
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Vacatures
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Contact
</a>
</li>
</ul>
</div>
</div>
</div>
</custom-toggle>
</li>
</ul>
</div>
<div class="o-retain o-retain--full">
<div class="u-hidden@until-desk">
<ul class="o-layout o-layout--gap-base o-layout--columns-10">
<li class="u-colspan-2">
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--nowrap">
<div class="t-color--brand-a u-hidden@until-lap">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</div>
<div class="o-flow o-flow--small o-layout__fill">
<div class="u-heading u-h5 u-heading--reset-line-height">Hbo-opleidingen</div>
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Alle hbo-opleidingen
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Hulp bij je studiekeuze
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Voor ouders en decanen
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="u-colspan-2">
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--nowrap">
<div class="t-color--brand-a u-hidden@until-lap">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</div>
<div class="o-flow o-flow--small o-layout__fill">
<div class="u-heading u-h5 u-heading--reset-line-height">Bedrijfsopleidingen</div>
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Alle bedrijfsopleidingen
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Keuzehulp
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
In-company
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="u-colspan-2">
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--nowrap">
<div class="t-color--brand-a u-hidden@until-lap">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</div>
<div class="o-flow o-flow--small o-layout__fill">
<div class="u-heading u-h5 u-heading--reset-line-height">Onderzoek</div>
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Onderzoekszwaartepunt
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Lectoraten
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Center of Expertises
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Onderzoeksprogramma's
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Publicaties
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="u-colspan-2">
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--nowrap">
<div class="t-color--brand-a u-hidden@until-lap">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</div>
<div class="o-flow o-flow--small o-layout__fill">
<div class="u-heading u-h5 u-heading--reset-line-height">Samenwerken</div>
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Samenwerkings­mogelijkheden
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Samenwerkingspartners
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="u-colspan-2">
<div class="o-layout o-layout--gap-tiny o-layout--fit o-layout--nowrap">
<div class="t-color--brand-a u-hidden@until-lap">
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</div>
<div class="o-flow o-flow--small o-layout__fill">
<div class="u-heading u-h5 u-heading--reset-line-height">Meer HAS</div>
<ul class="o-list-clean o-flow o-flow--small">
<li>
<a href="#" class="c-link--no-underline">
Onderwijs bij de HAS
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Faciliteiten
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Actualiteit en pers
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Over de HAS
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Duurzaamheid
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Vacatures
</a>
</li>
<li>
<a href="#" class="c-link--no-underline">
Contact
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="o-retain o-retain--full">
<div class="o-layout o-layout--gap-base o-layout--fit o-layout--align-block-end o-layout--justify">
<article class="c-card t-themed-section t-bg--page-theme o-clickable">
<div class="c-card__content o-layout o-layout--gap-inline-base o-layout--fit">
<h2 class="u-heading--labelled">
<a href="#">HAS<br>vacatures</a>
</h2>
<svg class="c-icon c-icon--large" aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-right" />
</svg>
</div>
</article>
<nav id="footer-navigation" class="c-footer-nav" aria-labelledby="footernavigation" aria-label="Footer navigatie">
<h4 id="footernavigation" class="u-visually-hidden">Footer navigatie</h4>
<ul class="o-list-clean c-footer-nav__menubar" role="menubar" aria-label="Footer navigatie">
<li><a class="c-footer-nav__item" href="#">Privacy</a></li>
<li><a class="c-footer-nav__item" href="#">Copyright</a></li>
<li><a class="c-footer-nav__item" href="#">Cookies</a></li>
</ul>
</nav>
</div>
</div>
</div>
</footer>
{{ render '@organisms-header' header merge=true }}
{{ render '@organisms-sticky-bar' }}
<main id="main">
{{ render '@organisms-hero-detail' }}
{{ render '@organisms-video' }}
<section class="t-themed-section t-themed-section--intro" data-waypoint id="sectie-tijdens-je-studie">
{{ render '@organisms-section-intro' sectionA }}
{{ render '@organisms-tab-accordeon' }}
{{ render '@organisms-social-media-wall' }}
{{ render '@organisms-accordeon' }}
{{ render '@organisms-study-in-numbers' }}
</section>
<section class="t-neutral-section" data-waypoint id="sectie-na-je-studie">
{{ render '@organisms-section-intro' sectionB }}
{{ render '@organisms-accordeon--dark' }}
{{ render '@organisms-accordeon' }}
</section>
<section class="t-neutral-section" data-waypoint id="sectie-vragen-en-contact">
{{ render '@organisms-section-intro' sectionC }}
{{ render '@organisms-contact-cards' }}
{{ render '@organisms-locations' }}
</section>
{{ render '@organisms-last-call-to-action' }}
{{ render '@organisms-related-courses' }}
{{ render '@organisms-icons-bar' }}
{{ render '@organisms-media-experience' }}
</main>
{{ render '@organisms-footer' }}
{
"sectionA": {
"heading": "Tijdens je studie"
},
"sectionB": {
"heading": "Na je studie"
},
"sectionC": {
"heading": "Vragen en contact"
}
}
No notes defined.