{"id":1174,"date":"2019-09-07T12:56:27","date_gmt":"2019-09-07T10:56:27","guid":{"rendered":"https:\/\/page.be\/computers\/?page_id=1174"},"modified":"2026-03-02T14:07:31","modified_gmt":"2026-03-02T13:07:31","slug":"openingsuren","status":"publish","type":"page","link":"https:\/\/page.be\/computers\/openingsuren\/","title":{"rendered":"Openingsuren"},"content":{"rendered":"<div id=\"pl-1174\"  class=\"panel-layout\" ><div id=\"pg-1174-0\"  class=\"panel-grid panel-has-style panel-has-overlay\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-1174-0\" data-stretch-type=\"full\" data-overlay-opactity=\"1\" >\t\t\t\t<div\n\t\t\t\t\tclass=\"panel-background-overlay\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"background-image:url(https:\/\/page.be\/wp-content\/uploads\/static\/c\/bg\/desktop_bg.jpg);background-position:center center;background-size:cover;opacity:0.71;\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"pgc-1174-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1174-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><style>\n\/* Containerstijl *\/\n.page-computers-hours-card {\n    background: linear-gradient(145deg, rgba(30, 51, 51, 0.85), rgba(0, 0, 0, 0.7));\n    color: #f8f8f8;\n    border-radius: 15px;\n    border: 3px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    padding: 30px;\n    max-width: 550px;\n    margin: 20px auto;\n    font-family: inherit;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    box-sizing: border-box;\n}\n\n\/* Hover effect (omhoog en meer schaduw) *\/\n.page-computers-hours-card:hover {\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);\n    transform: translateY(-5px) scale(1.02);\n}\n\n\/* De geanimeerde blauwe lijn onderaan *\/\n.page-computers-hours-card::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: -100%;\n    width: 100%;\n    height: 3px;\n    background-color: rgba(0, 139, 203, 0.6);\n    transition: left 0.3s ease;\n    border-radius: 1px;\n    z-index: 2;\n}\n\n.page-computers-hours-card:hover::after {\n    left: 0;\n}\n\n\/* Zorg dat de tekst en inhoud \u00e1ltijd boven het achtergrondicoon blijven staan *\/\n.pch-title,\n.pch-list,\n.pch-footer,\n.pch-contact-list,\n.pch-bottom-note {\n    position: relative;\n    z-index: 1;\n}\n\n\/* Titel styling *\/\n.pch-title {\n    font-size: 1.8em;\n    font-weight: bold;\n    color: #fff;\n    text-align: center;\n    margin: 0 0 20px 0;\n    transition: color 0.3s ease;\n}\n\n.page-computers-hours-card:hover .pch-title {\n    color: #fff !important;\n}\n\n\/* Lijst styling (voor zowel uren als contact) *\/\n.pch-list, .pch-contact-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.pch-list li, .pch-contact-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 12px 0;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    font-size: 1.1em;\n    transition: transform 0.2s ease;\n    text-decoration: none;\n    transform-origin: left center;\n}\n\n.pch-list li:last-child, .pch-contact-row:last-child {\n    border-bottom: none;\n}\n\n\/* Subtielere hover over de rij *\/\n.pch-list li:hover, .pch-contact-row:hover {\n    transform: translateX(2px) scale(1.015);\n}\n\n\/* Dagen & Labels (Blauw) *\/\n.pch-day {\n    font-weight: bold;\n    color: #009de0;\n    transition: color 0.3s ease;\n}\n\n.page-computers-hours-card:hover .pch-day {\n    color: #1aa3e3;\n}\n\n.pch-list li:hover .pch-day, .pch-contact-row:hover .pch-day {\n    color: #76ae3e; \/*4dc3ff*\/\n}\n\n\/* Tijden & Nummers (Lichtgrijs) *\/\n.pch-time {\n    color: lightgrey;\n    text-align: right;\n    font-style: italic;\n    transition: color 0.2s ease;\n}\n\n.pch-list li:hover .pch-time, .pch-contact-row:hover .pch-time {\n    color: #f4f4f4;\n}\n\n\/* Footer (gesloten op zondag) *\/\n.pch-footer {\n    margin-top: 20px;\n    margin-bottom: 10px;\n    padding-top: 15px;\n    padding-bottom: 15px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    text-align: center;\n    font-size: 0.95em;\n    color: lightgrey;\n    font-style: italic;\n    transition: all 0.2s ease;\n    transform-origin: center center;\n}\n\n.pch-footer:hover {\n    transform: scale(1.015);\n    color: #f4f4f4;\n}\n\n\/* Contact Lijst Container *\/\n.pch-contact-list {\n    display: flex;\n    flex-direction: column;\n}\n\n\/* Forceer hover-effecten voor de contact links *\/\n.pch-contact-list .pch-contact-row {\n    display: flex !important;\n    transition: all 0.2s ease !important;\n    transform-origin: left center;\n}\n\n.pch-contact-list .pch-contact-row:hover {\n    transform: translateX(2px) scale(1.015) !important;\n}\n\n.pch-contact-list .pch-contact-row:hover .pch-day {\n    color: #76ae3e !important; \/*4dc3ff*\/\n}\n\n\n.pch-contact-list .pch-contact-row:hover .pch-time {\n    color: #f4f4f4 !important;\n}\n\n\/* Extra vermelding onderaan *\/\n.pch-bottom-note {\n    margin-top: 25px;\n    text-align: center;\n    font-size: 0.85em;\n    color: rgba(255, 255, 255, 0.6); \/* Subtiel grijs *\/\n    line-height: 1.4;\n    transition: all 0.2s ease; \/* Zorgt voor de vloeiende overgang *\/\n    transform-origin: center center; \/* Voor het schalen vanuit het midden *\/\n}\n\n\/* Hover-effect voor de extra vermelding *\/\n.pch-bottom-note:hover {\n    color: #f4f4f4; \/* Tekst licht op naar lichter grijs *\/\n    transform: scale(1.015); \/* Subtiele vergroting *\/\n}\n\n.pch-bottom-note a {\n    color: #009de0;\n    text-decoration: none;\n    font-weight: bold;\n    transition: color 0.2s ease;\n}\n\n.pch-bottom-note a:hover {\n    color: #76ae3e; \/*4dc3ff;*\/\n    text-decoration: underline;\n}\n\/* Subtiel FontAwesome icoon in achtergrond - Enkel voor Desktop *\/\n@media (min-width: 992px) {\n    .page-computers-hours-card .bg-icon {\n        position: absolute;\n        right: -20px;\n        bottom: -30px;\n        font-size: 30rem;\n        color: rgba(255, 255, 255, 0.03);\n        transform: rotate(-15deg);\n        pointer-events: none;\n        transition: all 0.3s ease;\n        z-index: 0;\n    }\n\n    .page-computers-hours-card:hover .bg-icon {\n        color: rgba(0, 157, 224, 0.10);\n        transform: rotate(-10deg) scale(1.1);\n    }\n}\n\n\/* Mobiele weergave voor uren en contact links *\/\n@media (max-width: 480px) {\n    .pch-list li, .pch-contact-row {\n        flex-direction: column;\n        align-items: center;\n        gap: 5px;\n        text-align: center;\n    }\n    .pch-time {\n        text-align: center;\n    }\n    .page-computers-hours-card .bg-icon {\n        display: none;\n    }\n}\n<\/style>\n\n<div class=\"page-computers-hours-card\">\n    <i class=\"fa-regular fa-clock bg-icon\"><\/i>\n\n    <h2 class=\"pch-title\">Wanneer zijn we open?<\/h2>\n\n    <ul class=\"pch-list\">\n        <li>\n            <span class=\"pch-day\">Maandag<\/span>\n            <span class=\"pch-time\">13u30 - 18u30<\/span>\n        <\/li>\n        <li>\n            <span class=\"pch-day\">Dinsdag<\/span>\n            <span class=\"pch-time\">9u30 - 12u30 <span style=\"opacity:0.5;\">|<\/span> 13u30 - 18u30<\/span>\n        <\/li>\n        <li>\n            <span class=\"pch-day\">Woensdag<\/span>\n            <span class=\"pch-time\">9u30 - 12u30 <span style=\"opacity:0.5;\">|<\/span> 13u30 - 18u30<\/span>\n        <\/li>\n        <li>\n            <span class=\"pch-day\">Donderdag<\/span>\n            <span class=\"pch-time\">9u30 - 12u30 <span style=\"opacity:0.5;\">|<\/span> 13u30 - 18u30<\/span>\n        <\/li>\n        <li>\n            <span class=\"pch-day\">Vrijdag<\/span>\n            <span class=\"pch-time\">9u30 - 12u30 <span style=\"opacity:0.5;\">|<\/span> 13u30 - 18u30<\/span>\n        <\/li>\n        <li>\n            <span class=\"pch-day\">Zaterdag<\/span>\n            <span class=\"pch-time\">9u30 - 12u30 <span style=\"opacity:0.5;\">|<\/span> 13u30 - 18u00<\/span>\n        <\/li>\n    <\/ul>\n\n    <div class=\"pch-footer\">\n        Gesloten op zon- en feestdagen\n    <\/div>\n\n    <div class=\"pch-contact-list\">\n        <a href=\"tel:+3257346767\" class=\"pch-contact-row\">\n            <span class=\"pch-day\">Bereik ons<\/span>\n            <span class=\"pch-time\">057 34 67 67<\/span>\n        <\/a>\n        <a href=\"tel:+3257346760\" class=\"pch-contact-row\">\n            <span class=\"pch-day\">Hersteldienst<\/span>\n            <span class=\"pch-time\">057 34 67 60<\/span>\n        <\/a>\n        <a href=\"mailto:info@page.be\" class=\"pch-contact-row\">\n            <span class=\"pch-day\">E-mail<\/span>\n            <span class=\"pch-time\">info@page.be<\/span>\n        <\/a>\n    <\/div>\n\n    <div class=\"pch-bottom-note\">\n        Voor e-mailadressen en een routebeschrijving verwijzen we naar onze <a href=\"https:\/\/page.be\/computers\/contact\/\">contactpagina<\/a>.\n    <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Wanneer zijn we open? Maandag 13u30 &#8211; 18u30 Dinsdag 9u30 &#8211; 12u30 | 13u30 &#8211; 18u30 Woensdag 9u30 &#8211; 12u30 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"footnotes":""},"class_list":["post-1174","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/pages\/1174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/comments?post=1174"}],"version-history":[{"count":0,"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/pages\/1174\/revisions"}],"wp:attachment":[{"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/media?parent=1174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}