<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>
<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 c-hero-detail__intro--wide">
<div class="o-flow">
<h1 class="u-h0 c-hero-detail__heading">Page title</h1>
<p>HAS Hogeschool doet er alles aan om kennis te vergaren en de nieuwste ontwikkelingen in het onderwijs te integreren. Hiervoor hebben wij lectoraten ingesteld, ons aangesloten bij Centre of Expertises, hebben wij partnerbedrijven in Limburg en Noord-Brabant en werken wij samen met verschillende instanties en organisaties.</p>
</div>
</div>
<div class="c-hero-detail__search">
<form class="c-minisearch" action="" method="get">
<div class="o-layout o-layout--fill o-layout--stretch">
<div class="c-minisearch__icon-and-input">
<label class="c-minisearch__icon" for="search">
<span class="u-visually-hidden">Zoekterm</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-search" />
</svg>
</label>
<input type="text" class="c-input-text c-minisearch__input" id="search" name="search" placeholder="Zoek op opleiding, cursussen en andere informatie...">
</div>
<div class="o-layout__fit">
<button type="submit" class="c-button ">
<span class="c-button__inner">
<span class="c-button__label " data-module-bind="btn-label">
zoeken
</span>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<section>
<div class="o-layer o-layer--large">
<div class="o-retain o-retain--inset">
<ul class="o-list-clean o-flow o-flow--large">
<li>
<article class="o-flow o-flow--tiny _c-editor _c-readable-text o-clickable">
<h2 class="u-h4"><a href="#">Minor Data Science in Agrifood </a></h2>
<p>In de Minor Data Science in Agrifood werk je in een multidisciplinair team om de complexe data-gerelateerde mogelijkheden van vandaag te verkennen.</p>
</article>
</li>
<li>
<article class="o-flow o-flow--tiny _c-editor _c-readable-text o-clickable">
<h2 class="u-h4"><a href="#">Proefstuderen Applied Geo-Information Science </a></h2>
<p>Ben jij geïnteresseerd in de opleiding Applied Geo-Information Science van HAS Hogeschool in Den Bosch? Kom dan proefstuderen op 31 maart 2022!</p>
</article>
</li>
<li>
<article class="o-flow o-flow--tiny _c-editor _c-readable-text o-clickable">
<h2 class="u-h4"><a href="#">Applied Geo-Information Science </a></h2>
<p>Bij de hbo-opleiding Applied Geo-Information Science maak je het mogelijk om ruimtelijke vraagstukken inzichtelijk te maken door bijvoorbeeld te analyseren van data.</p>
</article>
</li>
<li>
<article class="o-flow o-flow--tiny _c-editor _c-readable-text o-clickable">
<h2 class="u-h4"><a href="#">Minor Data Science in Agrifood </a></h2>
<p>In de Minor Data Science in Agrifood werk je in een multidisciplinair team om de complexe data-gerelateerde mogelijkheden van vandaag te verkennen.</p>
</article>
</li>
<li>
<article class="o-flow o-flow--tiny _c-editor _c-readable-text o-clickable">
<h2 class="u-h4"><a href="#">Proefstuderen Applied Geo-Information Science </a></h2>
<p>Ben jij geïnteresseerd in de opleiding Applied Geo-Information Science van HAS Hogeschool in Den Bosch? Kom dan proefstuderen op 31 maart 2022!</p>
</article>
</li>
<li>
<article class="o-flow o-flow--tiny _c-editor _c-readable-text o-clickable">
<h2 class="u-h4"><a href="#">Applied Geo-Information Science </a></h2>
<p>Bij de hbo-opleiding Applied Geo-Information Science maak je het mogelijk om ruimtelijke vraagstukken inzichtelijk te maken door bijvoorbeeld te analyseren van data.</p>
</article>
</li>
</ul>
</div>
</div>
</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' }}
<main id="main">
{{ render '@organisms-hero-detail--search' }}
{{ render '@organisms-search' }}
</main>
{{ render '@organisms-footer' }}
{
"htmlClass": "t-page-theme-brand-a"
}
No notes defined.