{"id":37,"date":"2025-08-27T15:09:57","date_gmt":"2025-08-27T15:09:57","guid":{"rendered":"https:\/\/hmh.accessible-staging.nl\/?page_id=37"},"modified":"2025-08-28T07:05:32","modified_gmt":"2025-08-28T07:05:32","slug":"homepage","status":"publish","type":"page","link":"https:\/\/hmh.accessible-staging.nl\/","title":{"rendered":"Homepage"},"content":{"rendered":"<section class=\"main-container slider\">\n  <div class=\"silder-container\">\n    <div class=\"carousel header-main-slider\">\n      <div class=\"carousel-cell total-grad-pink-blue-intense\">\n        <div class=\"slider-content\">\n          <div class=\"container\">\n            <div class=\"row align-items-center\">\n              <div class=\"col-md-6\">\n                <h1 data-aos=\"fade-up\" data-aos-duration=\"800\">Happy <div class=\"animatype\"> <span id=\"typed3\"><\/span><\/div><\/h1>\n                                  <p data-aos=\"fade-up\" data-aos-duration=\"1200\" class=\"subheading\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <\/p>\n                                              <\/div>\n              <div class=\"col-md-6 text-center\">\n                <img decoding=\"async\" class=\"svg custom-element-right img-fluid\" src=\"\/wp-content\/themes\/hmh\/theme\/assets\/patterns\/dedicatedserver3d.svg\" alt=\"Dedicated Server 3d\">\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function($) {\n  \"use strict\";\n  \n  $(document).ready(function() {\n    \/\/ Initialize AOS if not already initialized\n    if (typeof AOS !== 'undefined' && AOS) {\n      AOS.init({\n        duration: 800,\n        easing: 'ease-in-out',\n        once: true\n      });\n    }\n    \n    \/\/ Initialize typed.js for animated text\n    if (typeof Typed !== 'undefined') {\n      $('.typed-element').each(function() {\n        var typedStrings = $(this).data('typed-items');\n        if (typedStrings) {\n          var typed = new Typed(this, {\n            strings: typedStrings.split(','),\n            typeSpeed: 100,\n            backSpeed: 50,\n            backDelay: 2000,\n            loop: true\n          });\n        }\n      });\n    }\n  });\n  \n})(jQuery);\n<\/script>\n\n<section class=\"pricing special sec-up-slider p-0 bg-colorstyle specialposition\">\n  <div class=\"container\">\n    <div class=\"row\">\n    <div class=\"col-10 col-sm-6 text-left info\">\n              <h2 class=\"section-title pb-4\">Onze diensten<\/h2>\n                    <p class=\"section-subtitle\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\n<\/p>\n          <\/div>\n        <div class=\"col-sm-12 col-md-5 col-lg-5 offset-md-1 offset-lg-1\">\n      <div class=\"wrapper text-start noshadow\">\n      <div class=\"top-content bg-seccolorstyle topradius\">\n        <div class=\"lazyload\">\n                  <svg class=\"svg mb-3\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path id=\"svg-ico\" d=\"M21.294 1.969h-.232c-5.325.087-10.656 3.756-10.656 10.688 0 .238.194.425.425.425.238 0 .425-.194.425-.425 0-6.719 5.125-9.8 9.912-9.838 5.387.038 9.762 4.438 9.762 9.838 0 5.425-4.412 9.837-9.838 9.837H7.767c-3.725 0-6.756-3.031-6.756-6.756s3.031-6.756 6.756-6.756c.238 0 .425-.194.425-.425s-.194-.425-.425-.425c-4.2-.006-7.612 3.412-7.612 7.606s3.413 7.613 7.612 7.613h13.331c5.894 0 10.694-4.794 10.694-10.694 0-5.825-4.694-10.581-10.5-10.688z\"\/><path fill=\"#5e686c\" d=\"M24.413 28.15h-6.781c-.156-.6-.631-1.075-1.231-1.231v-2.194c0-.238-.194-.425-.425-.425-.238 0-.425.194-.425.425v2.194c-.6.156-1.075.631-1.231 1.231H7.539c-.237 0-.425.194-.425.425s.194.425.425.425h6.781c.188.738.863 1.281 1.656 1.281s1.469-.544 1.656-1.281h6.781c.238 0 .425-.194.425-.425s-.188-.425-.425-.425zm-8.438 1.281c-.469 0-.856-.381-.856-.856 0-.469.381-.856.856-.856s.856.381.856.856-.387.856-.856.856zM21.238 6.931c.238 0 .425-.194.425-.431-.006-.237-.219-.444-.431-.425-3.381.044-6.375 2.719-6.675 6.044l.006.075c.006.156.012.313.012.463 0 .238.194.425.425.425.238 0 .425-.194.425-.425 0-.162-.006-.331-.012-.525l-.012-.019c.269-2.819 2.888-5.144 5.838-5.181z\"\/><\/svg>\n                <\/div>\n        <div class=\"title\">Shared Hosting<\/div>\n        <div class=\"fromer seccolor\">Starting at:<\/div>\n      <\/div>\n      <ul class=\"list-info bg-purple\">\n        <li><i class=\"icon-drives\"><\/i> <div>DISK<br><span>250GB SSD<\/span><\/div><\/li>\n        <li><i class=\"icon-speed\"><\/i> <div>DATA<br><span>1TB Bandwidth<\/span><\/div><\/li>\n        <li><i class=\"icon-emailopen\"><\/i> <div>EMAIL<br><span>120 Emails<\/span><\/div><\/li>\n        <li><i class=\"icon-domains\"><\/i> <div>TLD<br><span>30 Domains<\/span><\/div><\/li>\n      <\/ul>\n      <\/div>\n    <\/div>\n        <\/div>\n  <\/div>\n<\/section>\n\n\n<section class=\"services maping sec-normal sec-grad-grey-to-grey bg-colorstyle pb-5\">\n  <div class=\"container\">\n    <div class=\"service-wrap\">\n      <div class=\"row align-items-center\">\n        <div class=\"col-12 col-md-6 title-map text-field\">\n                      <h2 class=\"section-title fw-bold pb-4\">AMS-IX<\/h2>\n                                <p class=\"section-subheading text-dark\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <\/p>\n                  <\/div>\n        <div class=\"col-12 col-md-6 pt-3 position-relative\">\n          <div class=\"lazyload\">\n            <img decoding=\"async\" src=\"\/wp-content\/themes\/hmh\/theme\/assets\/patterns\/map.svg\" class=\"w-100\" alt=\"Load Balancing\">\n          <\/div>\n          <span class=\"datacenters rotterdam\" data-bs-toggle=\"popover\" data-bs-container=\"body\" data-bs-trigger=\"hover\" data-bs-placement=\"top\" title=\"Rotterdam\" data-bs-content=\"Ons bedrijf is in Rotterdam.\" role=\"button\" aria-label=\"Rotterdam\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Wait a short time to ensure all scripts are loaded\n  setTimeout(function() {\n    var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle=\"popover\"]'));\n    var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {\n      return new bootstrap.Popover(popoverTriggerEl);\n    });\n  }, 500);\n});\n<\/script>\n\n<svg class=\"division-ontop bg-white d-none\" viewBox=\"0 0 1440 150\">\n  <path fill=\"#CCDFFB\" fill-opacity=\"1\" d=\"M0,96L120,85.3C240,75,480,53,720,53.3C960,53,1200,75,1320,85.3L1440,96L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z\">\n  <\/path>\n<\/svg>\n<section class=\"services sec-normal sec-bg4 exapath wiezijnwij\">\n  <div class=\"container\">\n    <div class=\"service-wrap\">\n      <div class=\"row\">\n        <div class=\"col-sm-5 text-left\">\n                      <h2 class=\"section-title fw-bold pb-4\">Wie zijn wij<\/h2>\n                                <p class=\"section-subheading\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <\/p>\n                  <\/div>\n        <div class=\"col-sm-6 offset-sm-1\">\n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hmh.accessible-staging.nl\/index.php\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hmh.accessible-staging.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hmh.accessible-staging.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hmh.accessible-staging.nl\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hmh.accessible-staging.nl\/index.php\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":5,"href":"https:\/\/hmh.accessible-staging.nl\/index.php\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/hmh.accessible-staging.nl\/index.php\/wp-json\/wp\/v2\/pages\/37\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/hmh.accessible-staging.nl\/index.php\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}