{"id":153,"date":"2026-08-23T20:46:01","date_gmt":"2026-08-23T18:46:01","guid":{"rendered":"https:\/\/dehart.nl\/?page_id=153"},"modified":"2026-08-24T01:14:06","modified_gmt":"2026-08-23T23:14:06","slug":"diensten","status":"publish","type":"page","link":"https:\/\/dehart.nl\/index.php\/diensten\/","title":{"rendered":"Diensten"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"153\" class=\"elementor elementor-153\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40469a4 e-con-full e-flex e-con e-parent\" data-id=\"40469a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b17eab6 elementor-widget elementor-widget-html\" data-id=\"b17eab6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* ============================================================\r\n   DE HART IT - DIENSTEN PAGINA\r\n   Elementor HTML\r\n============================================================ *\/\r\n\r\n.dehart-diensten-page {\r\n    --blue: #1565f5;\r\n    --blue-dark: #0b4fc4;\r\n    --blue-light: #5c9cff;\r\n    --navy: #061a3b;\r\n    --navy2: #092956;\r\n    --light: #f4f7fb;\r\n    --white: #ffffff;\r\n    --text: #14213d;\r\n    --grey: #647184;\r\n    \r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: var(--text);\r\n    overflow: hidden;\r\n}\r\n\r\n.dehart-diensten-page * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.dehart-container {\r\n    max-width: 1180px;\r\n    width: calc(100% - 40px);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HERO\r\n============================================================ *\/\r\n\r\n.dehart-diensten-hero {\r\n    min-height: 590px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(4,22,50,.98) 0%,\r\n            rgba(4,22,50,.94) 38%,\r\n            rgba(4,22,50,.63) 62%,\r\n            rgba(4,22,50,.22) 100%\r\n        ),\r\n        url('https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1900&q=90');\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n\r\n    color: #fff;\r\n}\r\n\r\n.dehart-hero-content {\r\n    max-width: 690px;\r\n    padding: 80px 0;\r\n}\r\n\r\n.dehart-small-title {\r\n    display: inline-block;\r\n\r\n    color: #6aa8ff;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.7px;\r\n\r\n    margin-bottom: 17px;\r\n}\r\n\r\n.dehart-diensten-hero h1 {\r\n    font-size: 64px;\r\n    line-height: 1.05;\r\n\r\n    color: #fff;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n.dehart-diensten-hero h1 span {\r\n    color: var(--blue-light);\r\n}\r\n\r\n.dehart-diensten-hero p {\r\n    max-width: 620px;\r\n\r\n    font-size: 19px;\r\n    line-height: 1.7;\r\n\r\n    color: #e3ebf7;\r\n\r\n    margin: 0 0 32px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   BUTTON\r\n============================================================ *\/\r\n\r\n.dehart-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    background: var(--blue);\r\n\r\n    color: #fff !important;\r\n\r\n    padding: 16px 26px;\r\n\r\n    border-radius: 8px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-weight: 700;\r\n\r\n    transition: .25s ease;\r\n}\r\n\r\n.dehart-btn:hover {\r\n    background: #fff;\r\n    color: var(--navy) !important;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ALGEMENE SECTIE\r\n============================================================ *\/\r\n\r\n.dehart-section {\r\n    padding: 90px 0;\r\n}\r\n\r\n.dehart-section-light {\r\n    background: var(--light);\r\n}\r\n\r\n.dehart-section-header {\r\n    max-width: 760px;\r\n    margin: 0 auto 50px;\r\n    text-align: center;\r\n}\r\n\r\n.dehart-section-header h2 {\r\n    margin: 0 0 16px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 43px;\r\n    line-height: 1.15;\r\n}\r\n\r\n.dehart-section-header h2 span {\r\n    color: var(--blue);\r\n}\r\n\r\n.dehart-section-header p {\r\n    color: var(--grey);\r\n\r\n    font-size: 17px;\r\n    line-height: 1.75;\r\n\r\n    margin: 0;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DIENSTEN GRID\r\n============================================================ *\/\r\n\r\n.dehart-services-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 28px;\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DIENST KAART\r\n============================================================ *\/\r\n\r\n.dehart-service-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    background: #fff;\r\n\r\n    border-radius: 17px;\r\n\r\n    overflow: hidden;\r\n\r\n    height: 100%;\r\n\r\n    border: 1px solid #e5ebf3;\r\n\r\n    box-shadow: 0 9px 30px rgba(5,29,65,.08);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n.dehart-service-card:hover {\r\n    transform: translateY(-7px);\r\n\r\n    box-shadow: 0 18px 45px rgba(5,29,65,.15);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DIENST FOTO\r\n============================================================ *\/\r\n\r\n.dehart-service-image {\r\n    width: 100%;\r\n    height: 215px;\r\n\r\n    overflow: hidden;\r\n\r\n    position: relative;\r\n}\r\n\r\n.dehart-service-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to bottom,\r\n            transparent 55%,\r\n            rgba(4,22,50,.12)\r\n        );\r\n}\r\n\r\n.dehart-service-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition: transform .4s ease;\r\n}\r\n\r\n.dehart-service-card:hover\r\n.dehart-service-image img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DIENST INHOUD\r\n============================================================ *\/\r\n\r\n.dehart-service-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    flex: 1;\r\n\r\n    padding: 35px 28px 29px;\r\n\r\n    position: relative;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ICOON\r\n============================================================ *\/\r\n\r\n.dehart-icon {\r\n    position: absolute;\r\n\r\n    top: -29px;\r\n    left: 28px;\r\n\r\n    width: 58px;\r\n    height: 58px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: #fff;\r\n\r\n    color: var(--blue);\r\n\r\n    border-radius: 50%;\r\n\r\n    font-size: 25px;\r\n\r\n    border: 1px solid #e1e9f5;\r\n\r\n    box-shadow: 0 7px 20px rgba(6,26,59,.13);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DIENST TITEL\r\n============================================================ *\/\r\n\r\n.dehart-service-content h3 {\r\n    margin: 12px 0 13px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 22px;\r\n    line-height: 1.25;\r\n\r\n    min-height: 55px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DIENST TEKST\r\n============================================================ *\/\r\n\r\n.dehart-service-content p {\r\n    margin: 0;\r\n\r\n    color: var(--grey);\r\n\r\n    font-size: 15.5px;\r\n    line-height: 1.7;\r\n\r\n    flex: 1;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DIENST OPSOMMING\r\n============================================================ *\/\r\n\r\n.dehart-service-list {\r\n    list-style: none;\r\n\r\n    margin: 21px 0 0;\r\n    padding: 0;\r\n\r\n    min-height: 112px;\r\n}\r\n\r\n.dehart-service-list li {\r\n    position: relative;\r\n\r\n    padding-left: 22px;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: #344156;\r\n\r\n    font-size: 14.5px;\r\n}\r\n\r\n.dehart-service-list li::before {\r\n    content: \"\u2713\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n\r\n    color: var(--blue);\r\n\r\n    font-weight: bold;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DIENST BUTTON\r\n============================================================ *\/\r\n\r\n.dehart-service-link {\r\n    margin-top: 22px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n\r\n    color: var(--blue) !important;\r\n\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n.dehart-service-link:hover {\r\n    color: var(--blue-dark) !important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ALLES ONDER \u00c9\u00c9N DAK\r\n============================================================ *\/\r\n\r\n.dehart-benefits {\r\n    background:\r\n        radial-gradient(\r\n            circle at 85% 20%,\r\n            rgba(21,101,245,.22),\r\n            transparent 34%\r\n        ),\r\n        linear-gradient(\r\n            120deg,\r\n            var(--navy),\r\n            var(--navy2)\r\n        );\r\n\r\n    color: #fff;\r\n}\r\n\r\n.dehart-benefits-top {\r\n    max-width: 760px;\r\n}\r\n\r\n.dehart-benefits h2 {\r\n    margin: 0 0 17px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 43px;\r\n}\r\n\r\n.dehart-benefits-top p {\r\n    margin: 0;\r\n\r\n    color: #ced8e8;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.75;\r\n}\r\n\r\n.dehart-benefit-grid {\r\n    margin-top: 45px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(4, 1fr);\r\n\r\n    gap: 20px;\r\n}\r\n\r\n.dehart-benefit {\r\n    padding: 28px 23px;\r\n\r\n    min-height: 205px;\r\n\r\n    border-radius: 13px;\r\n\r\n    border: 1px solid rgba(255,255,255,.16);\r\n\r\n    background: rgba(255,255,255,.04);\r\n}\r\n\r\n.dehart-benefit-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: rgba(21,101,245,.17);\r\n\r\n    color: #70acff;\r\n\r\n    border-radius: 10px;\r\n\r\n    font-size: 24px;\r\n}\r\n\r\n.dehart-benefit h3 {\r\n    margin: 18px 0 10px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 18px;\r\n}\r\n\r\n.dehart-benefit p {\r\n    margin: 0;\r\n\r\n    color: #ccd6e5;\r\n\r\n    line-height: 1.65;\r\n\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   WERKWIJZE\r\n============================================================ *\/\r\n\r\n.dehart-process-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 70px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n.dehart-process-image img {\r\n    width: 100%;\r\n    height: 500px;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 17px;\r\n\r\n    box-shadow: 0 20px 55px rgba(5,29,65,.15);\r\n}\r\n\r\n.dehart-process-content h2 {\r\n    color: var(--navy);\r\n\r\n    font-size: 43px;\r\n    line-height: 1.15;\r\n\r\n    margin: 0 0 20px;\r\n}\r\n\r\n.dehart-process-content h2 span {\r\n    color: var(--blue);\r\n}\r\n\r\n.dehart-process-content > p {\r\n    color: var(--grey);\r\n\r\n    font-size: 17px;\r\n    line-height: 1.75;\r\n}\r\n\r\n.dehart-step {\r\n    display: flex;\r\n\r\n    gap: 17px;\r\n\r\n    margin-top: 23px;\r\n}\r\n\r\n.dehart-step-number {\r\n    width: 43px;\r\n    height: 43px;\r\n\r\n    min-width: 43px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: #eaf2ff;\r\n\r\n    color: var(--blue);\r\n\r\n    border-radius: 50%;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n.dehart-step h3 {\r\n    margin: 1px 0 5px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 18px;\r\n}\r\n\r\n.dehart-step p {\r\n    margin: 0;\r\n\r\n    color: var(--grey);\r\n\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CONTACT CTA\r\n============================================================ *\/\r\n\r\n.dehart-contact {\r\n    padding: 80px 0;\r\n\r\n    background: var(--light);\r\n}\r\n\r\n.dehart-contact-box {\r\n    display: grid;\r\n\r\n    grid-template-columns: .9fr 1.1fr;\r\n\r\n    border-radius: 18px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #fff;\r\n\r\n    box-shadow: 0 16px 50px rgba(5,29,65,.13);\r\n}\r\n\r\n.dehart-contact-photo {\r\n    min-height: 430px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            rgba(6,26,59,.08),\r\n            rgba(6,26,59,.08)\r\n        ),\r\n        url('https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1300&q=90');\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n}\r\n\r\n.dehart-contact-content {\r\n    padding: 58px;\r\n}\r\n\r\n.dehart-contact-content h2 {\r\n    margin: 0 0 18px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 39px;\r\n    line-height: 1.15;\r\n}\r\n\r\n.dehart-contact-content > p {\r\n    color: var(--grey);\r\n\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n\r\n    margin-bottom: 27px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CONTACT INFO\r\n============================================================ *\/\r\n\r\n.dehart-contact-info {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 13px;\r\n\r\n    margin: 27px 0 32px;\r\n}\r\n\r\n.dehart-contact-item {\r\n    color: var(--navy);\r\n\r\n    font-size: 14.5px;\r\n    font-weight: 600;\r\n\r\n    line-height: 1.45;\r\n}\r\n\r\n.dehart-contact-item span {\r\n    color: var(--blue);\r\n\r\n    margin-right: 7px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SLOT BALK\r\n============================================================ *\/\r\n\r\n.dehart-bottom-bar {\r\n    padding: 34px 0;\r\n\r\n    background: var(--navy);\r\n\r\n    color: #fff;\r\n}\r\n\r\n.dehart-bottom-inner {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n}\r\n\r\n.dehart-bottom-inner h3 {\r\n    margin: 0 0 5px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 23px;\r\n}\r\n\r\n.dehart-bottom-inner p {\r\n    margin: 0;\r\n\r\n    color: #cbd6e6;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLET\r\n============================================================ *\/\r\n\r\n@media(max-width: 950px) {\r\n\r\n    .dehart-services-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .dehart-benefit-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .dehart-process-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dehart-contact-box {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBIEL\r\n============================================================ *\/\r\n\r\n@media(max-width: 620px) {\r\n\r\n    .dehart-container {\r\n        width: calc(100% - 28px);\r\n    }\r\n\r\n    .dehart-section {\r\n        padding: 62px 0;\r\n    }\r\n\r\n    .dehart-diensten-hero {\r\n        min-height: 560px;\r\n\r\n        background-position: 65% center;\r\n    }\r\n\r\n    .dehart-diensten-hero h1 {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .dehart-diensten-hero p {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .dehart-section-header h2,\r\n    .dehart-benefits h2,\r\n    .dehart-process-content h2 {\r\n        font-size: 34px;\r\n    }\r\n\r\n    .dehart-services-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dehart-benefit-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dehart-service-content h3 {\r\n        min-height: auto;\r\n    }\r\n\r\n    .dehart-service-list {\r\n        min-height: auto;\r\n    }\r\n\r\n    .dehart-process-image img {\r\n        height: 360px;\r\n    }\r\n\r\n    .dehart-contact-content {\r\n        padding: 38px 25px;\r\n    }\r\n\r\n    .dehart-contact-content h2 {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .dehart-contact-info {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .dehart-bottom-inner {\r\n        flex-direction: column;\r\n\r\n        align-items: flex-start;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"dehart-diensten-page\">\r\n\r\n\r\n<!-- ============================================================\r\n     HERO\r\n============================================================ -->\r\n\r\n<section class=\"dehart-diensten-hero\">\r\n\r\n    <div class=\"dehart-container\">\r\n\r\n        <div class=\"dehart-hero-content\">\r\n\r\n            <span class=\"dehart-small-title\">\r\n                DE HART IT \u2022 TILBURG\r\n            <\/span>\r\n\r\n            <h1>\r\n                Onze <span>IT-diensten<\/span>\r\n            <\/h1>\r\n\r\n            <p>\r\n                Van een betrouwbaar bedrijfsnetwerk tot professionele\r\n                webhosting, zakelijke e-mail en WordPress websites.\r\n                De Hart IT helpt bedrijven en particulieren met\r\n                praktische IT-oplossingen die gewoon werken.\r\n            <\/p>\r\n\r\n            <a href=\"#onze-diensten\" class=\"dehart-btn\">\r\n                Bekijk onze diensten \u2192\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ============================================================\r\n     ONZE DIENSTEN\r\n============================================================ -->\r\n\r\n<section\r\n    id=\"onze-diensten\"\r\n    class=\"dehart-section dehart-section-light\"\r\n>\r\n\r\n    <div class=\"dehart-container\">\r\n\r\n\r\n        <div class=\"dehart-section-header\">\r\n\r\n            <span class=\"dehart-small-title\">\r\n                WAT KUNNEN WIJ VOOR U DOEN?\r\n            <\/span>\r\n\r\n            <h2>\r\n                Alles voor uw <span>IT-omgeving<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Persoonlijke ondersteuning, duidelijke communicatie\r\n                en betrouwbare oplossingen. Ontdek hieronder waarmee\r\n                De Hart IT u kan helpen.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"dehart-services-grid\">\r\n\r\n\r\n            <!-- ====================================================\r\n                 IT SUPPORT\r\n            ===================================================== -->\r\n\r\n            <article class=\"dehart-service-card\">\r\n\r\n                <div class=\"dehart-service-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1531482615713-2afd69097998?auto=format&fit=crop&w=1000&q=85\"\r\n                        alt=\"IT support De Hart IT\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dehart-service-content\">\r\n\r\n                    <div class=\"dehart-icon\">\r\n                        \u260e\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        IT-support\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Werkt uw computer, software of e-mail niet\r\n                        zoals het hoort? Wij helpen u snel en\r\n                        duidelijk bij verschillende IT-problemen.\r\n                    <\/p>\r\n\r\n                    <ul class=\"dehart-service-list\">\r\n\r\n                        <li>\r\n                            Computerproblemen\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Software en instellingen\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            E-mailproblemen\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Algemene IT-ondersteuning\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                    <a\r\n                        href=\"https:\/\/dehart.nl\/index.php\/it-support\/\"\r\n                        class=\"dehart-service-link\"\r\n                    >\r\n                        Hulp nodig? \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ====================================================\r\n                 NETWERK\r\n            ===================================================== -->\r\n\r\n            <article class=\"dehart-service-card\">\r\n\r\n                <div class=\"dehart-service-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1544197150-b99a580bb7a8?auto=format&fit=crop&w=1000&q=85\"\r\n                        alt=\"Netwerk en WiFi installatie\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dehart-service-content\">\r\n\r\n                    <div class=\"dehart-icon\">\r\n                        \u25c9\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Netwerk & WiFi\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Een stabiele internetverbinding en een goed\r\n                        netwerk zijn essentieel. Wij helpen met de\r\n                        aanleg en optimalisatie van uw netwerk.\r\n                    <\/p>\r\n\r\n                    <ul class=\"dehart-service-list\">\r\n\r\n                        <li>\r\n                            Netwerkbekabeling\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            WiFi optimalisatie\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Routers en switches\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Access points\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                    <a\r\n                        href=\"https:\/\/dehart.nl\/index.php\/netwerk-wifi\/\"\r\n                        class=\"dehart-service-link\"\r\n                    >\r\n                        Netwerk verbeteren \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ====================================================\r\n                 WEBHOSTING\r\n            ===================================================== -->\r\n\r\n            <article class=\"dehart-service-card\">\r\n\r\n                <div class=\"dehart-service-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1000&q=85\"\r\n                        alt=\"Webhosting servers\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dehart-service-content\">\r\n\r\n                    <div class=\"dehart-icon\">\r\n                        \u25a4\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Webhosting\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Professionele hosting voor bedrijven en\r\n                        professionals. Betrouwbare hosting waarmee\r\n                        uw website goed bereikbaar blijft.\r\n                    <\/p>\r\n\r\n                    <ul class=\"dehart-service-list\">\r\n\r\n                        <li>\r\n                            Zakelijke webhosting\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            SSL-certificaat\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Back-ups\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            WordPress ondersteuning\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                    <a\r\n                        href=\"https:\/\/dehart.nl\/index.php\/webhosting\/\"\r\n                        class=\"dehart-service-link\"\r\n                    >\r\n                        Hosting aanvragen \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ====================================================\r\n                 ZAKELIJKE EMAIL\r\n            ===================================================== -->\r\n\r\n            <article class=\"dehart-service-card\">\r\n\r\n                <div class=\"dehart-service-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1596526131083-e8c633c948d2?auto=format&fit=crop&w=1000&q=85\"\r\n                        alt=\"Zakelijke e-mail hosting\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dehart-service-content\">\r\n\r\n                    <div class=\"dehart-icon\">\r\n                        \u2709\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Zakelijke e-mail\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Professionele e-mailadressen op uw eigen\r\n                        domeinnaam geven uw onderneming een\r\n                        professionele en betrouwbare uitstraling.\r\n                    <\/p>\r\n\r\n                    <ul class=\"dehart-service-list\">\r\n\r\n                        <li>\r\n                            Eigen domeinnaam\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Professionele mailbox\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Instellen op apparaten\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Ondersteuning\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                    <a\r\n                        href=\"https:\/\/dehart.nl\/index.php\/zakelijke-e-mail\/\"\r\n                        class=\"dehart-service-link\"\r\n                    >\r\n                        E-mail aanvragen \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ====================================================\r\n                 WEBSITES\r\n            ===================================================== -->\r\n\r\n            <article class=\"dehart-service-card\">\r\n\r\n                <div class=\"dehart-service-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1000&q=85\"\r\n                        alt=\"WordPress website maken\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dehart-service-content\">\r\n\r\n                    <div class=\"dehart-icon\">\r\n                        \u25ce\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Websites & WordPress\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Een professionele website is het digitale\r\n                        visitekaartje van uw bedrijf. Wij bouwen\r\n                        moderne en responsive WordPress websites.\r\n                    <\/p>\r\n\r\n                    <ul class=\"dehart-service-list\">\r\n\r\n                        <li>\r\n                            WordPress websites\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Elementor ontwerp\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Mobielvriendelijk\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Onderhoud en wijzigingen\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                    <a\r\n                        href=\"https:\/\/dehart.nl\/index.php\/websites-wordpress\/\"\r\n                        class=\"dehart-service-link\"\r\n                    >\r\n                        Website bespreken \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ====================================================\r\n                 IT OPLOSSINGEN\r\n            ===================================================== -->\r\n\r\n            <article class=\"dehart-service-card\">\r\n\r\n                <div class=\"dehart-service-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1000&q=85\"\r\n                        alt=\"IT oplossingen bedrijf\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dehart-service-content\">\r\n\r\n                    <div class=\"dehart-icon\">\r\n                        \u2699\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        IT-oplossingen\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Geen enkele IT-omgeving is hetzelfde.\r\n                        Daarom denken wij mee over een passende\r\n                        oplossing voor uw bedrijf of situatie.\r\n                    <\/p>\r\n\r\n                    <ul class=\"dehart-service-list\">\r\n\r\n                        <li>\r\n                            IT-advies\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Installatie\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Configuratie\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Maatwerk oplossingen\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                    <a\r\n                        href=\"https:\/\/dehart.nl\/index.php\/it-oplossingen\/\"\r\n                        class=\"dehart-service-link\"\r\n                    >\r\n                        Bespreek uw situatie \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ============================================================\r\n     WAAROM DE HART IT\r\n============================================================ -->\r\n\r\n<section class=\"dehart-section dehart-benefits\">\r\n\r\n    <div class=\"dehart-container\">\r\n\r\n\r\n        <div class=\"dehart-benefits-top\">\r\n\r\n            <span class=\"dehart-small-title\">\r\n                UW IT, ONZE ZORG\r\n            <\/span>\r\n\r\n            <h2>\r\n                Waarom De Hart IT?\r\n            <\/h2>\r\n\r\n            <p>\r\n                Wij vinden dat IT vooral duidelijk, betrouwbaar\r\n                en praktisch moet zijn. Daarom krijgt u bij\r\n                De Hart IT persoonlijk contact en oplossingen\r\n                die aansluiten bij wat u echt nodig heeft.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dehart-benefit-grid\">\r\n\r\n\r\n            <div class=\"dehart-benefit\">\r\n\r\n                <div class=\"dehart-benefit-icon\">\r\n                    \u2713\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Betrouwbaar\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Wij kiezen voor stabiele oplossingen\r\n                    waar u op kunt vertrouwen.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dehart-benefit\">\r\n\r\n                <div class=\"dehart-benefit-icon\">\r\n                    \u26a1\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Persoonlijk contact\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Korte lijnen en rechtstreeks contact\r\n                    wanneer u ons nodig heeft.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dehart-benefit\">\r\n\r\n                <div class=\"dehart-benefit-icon\">\r\n                    \u25c9\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Duidelijk\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Geen ingewikkeld jargon, maar duidelijke\r\n                    uitleg en heldere afspraken.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dehart-benefit\">\r\n\r\n                <div class=\"dehart-benefit-icon\">\r\n                    \u2665\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Alles onder \u00e9\u00e9n dak\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Netwerken, support, hosting, e-mail\r\n                    en websites vanuit \u00e9\u00e9n aanspreekpunt.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ============================================================\r\n     ONZE WERKWIJZE\r\n============================================================ -->\r\n\r\n<section class=\"dehart-section\">\r\n\r\n    <div class=\"dehart-container dehart-process-grid\">\r\n\r\n\r\n        <div class=\"dehart-process-image\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1200&q=90\"\r\n                alt=\"De Hart IT dienstverlening\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dehart-process-content\">\r\n\r\n            <span class=\"dehart-small-title\">\r\n                PERSOONLIJKE AANPAK\r\n            <\/span>\r\n\r\n            <h2>\r\n                Zo gaan wij <span>te werk<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Wij kijken eerst naar uw situatie en wat u\r\n                daadwerkelijk nodig heeft. Vervolgens zoeken\r\n                we naar een passende en praktische oplossing.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"dehart-step\">\r\n\r\n                <div class=\"dehart-step-number\">\r\n                    1\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                    <h3>\r\n                        Uw vraag\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Vertel ons waar u tegenaan loopt of\r\n                        wat u wilt verbeteren.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dehart-step\">\r\n\r\n                <div class=\"dehart-step-number\">\r\n                    2\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                    <h3>\r\n                        Advies\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Wij kijken naar de situatie en adviseren\r\n                        een passende oplossing.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dehart-step\">\r\n\r\n                <div class=\"dehart-step-number\">\r\n                    3\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                    <h3>\r\n                        Uitvoering\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Na akkoord zorgen wij voor installatie,\r\n                        configuratie of uitvoering.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dehart-step\">\r\n\r\n                <div class=\"dehart-step-number\">\r\n                    4\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                    <h3>\r\n                        Ondersteuning\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Ook daarna kunt u bij De Hart IT terecht\r\n                        met vragen of ondersteuning.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ============================================================\r\n     CONTACT CTA\r\n============================================================ -->\r\n\r\n<section class=\"dehart-contact\">\r\n\r\n    <div class=\"dehart-container\">\r\n\r\n        <div class=\"dehart-contact-box\">\r\n\r\n\r\n            <div class=\"dehart-contact-photo\">\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dehart-contact-content\">\r\n\r\n                <span class=\"dehart-small-title\">\r\n                    WIJ DENKEN MET U MEE\r\n                <\/span>\r\n\r\n                <h2>\r\n                    Welke IT-oplossing heeft u nodig?\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Heeft u een probleem met uw IT, wilt u\r\n                    uw netwerk verbeteren, zoekt u zakelijke\r\n                    hosting of wilt u een professionele website?\r\n                    Neem vrijblijvend contact met De Hart IT op.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"dehart-contact-info\">\r\n\r\n                    <div class=\"dehart-contact-item\">\r\n                        <span>\u260e<\/span>\r\n                        013 2033274\r\n                    <\/div>\r\n\r\n                    <div class=\"dehart-contact-item\">\r\n                        <span>\u2709<\/span>\r\n                        info@dehart.nl\r\n                    <\/div>\r\n\r\n                    <div class=\"dehart-contact-item\">\r\n                        <span>\u2316<\/span>\r\n                        Eisenhowerstraat 8<br>\r\n                        5025 XW Tilburg\r\n                    <\/div>\r\n\r\n                    <div class=\"dehart-contact-item\">\r\n                        <span>\u25a3<\/span>\r\n                        KVK 96693886\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/dehart.nl\/index.php\/contact\/\"\r\n                    class=\"dehart-btn\"\r\n                >\r\n                    Neem contact op \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ============================================================\r\n     ONDERSTE BALK\r\n============================================================ -->\r\n\r\n<section class=\"dehart-bottom-bar\">\r\n\r\n    <div class=\"dehart-container dehart-bottom-inner\">\r\n\r\n        <div>\r\n\r\n            <h3>\r\n                De Hart IT\r\n            <\/h3>\r\n\r\n            <p>\r\n                Uw IT, onze zorg.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <a\r\n            href=\"tel:0132033274\"\r\n            class=\"dehart-btn\"\r\n        >\r\n            \u260e 013 2033274\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DE HART IT \u2022 TILBURG Onze IT-diensten Van een betrouwbaar bedrijfsnetwerk tot professionele webhosting, zakelijke e-mail en WordPress websites. De Hart IT helpt bedrijven en particulieren met praktische IT-oplossingen die gewoon werken. Bekijk onze diensten \u2192 WAT KUNNEN WIJ VOOR U DOEN? Alles voor uw IT-omgeving Persoonlijke ondersteuning, duidelijke communicatie en betrouwbare oplossingen. Ontdek hieronder [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-full-width.php","meta":{"_regular_price":[],"currency_symbol":[],"footnotes":""},"class_list":["post-153","page","type-page","status-publish","hentry"],"post_slider_layout_featured_media_urls":{"thumbnail":"","post_slider_layout_landscape_large":"","post_slider_layout_portrait_large":"","post_slider_layout_square_large":"","post_slider_layout_landscape":"","post_slider_layout_portrait":"","post_slider_layout_square":"","full":""},"_links":{"self":[{"href":"https:\/\/dehart.nl\/index.php\/wp-json\/wp\/v2\/pages\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dehart.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dehart.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dehart.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dehart.nl\/index.php\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":26,"href":"https:\/\/dehart.nl\/index.php\/wp-json\/wp\/v2\/pages\/153\/revisions"}],"predecessor-version":[{"id":397,"href":"https:\/\/dehart.nl\/index.php\/wp-json\/wp\/v2\/pages\/153\/revisions\/397"}],"wp:attachment":[{"href":"https:\/\/dehart.nl\/index.php\/wp-json\/wp\/v2\/media?parent=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}