{"id":195,"date":"2025-11-04T15:40:05","date_gmt":"2025-11-04T15:40:05","guid":{"rendered":"https:\/\/www.codesandcanvas.site\/?page_id=195"},"modified":"2025-11-04T18:43:26","modified_gmt":"2025-11-04T18:43:26","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/www.codesandcanvas.site\/?page_id=195","title":{"rendered":"Contact Us"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Contact | Codes &#038; Canvas<\/title>\n\n<!-- Font Awesome for icons -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<!-- Link to external CSS -->\n<link rel=\"stylesheet\" href=\"contact-style.css\">\n<\/head>\n<body>\n\n<!-- ================= HERO SECTION ================= -->\n<section class=\"hero-contact\">\n  <div class=\"hero-overlay\"><\/div>\n  <div class=\"hero-text\">\n    <h1>Let\u2019s Connect<\/h1>\n    <p>Have a question or ready to start your digital journey? Reach out to us!<\/p>\n  <\/div>\n  <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/pexels-pixabay-263564.jpg\" alt=\"Contact Hero Image\" class=\"hero-image\">\n<\/section>\n\n<!-- ================= CONTACT FORM + INFO ================= -->\n<section class=\"contact-main reveal\">\n  <div class=\"contact-container\">\n\n    <!-- Contact Form -->\n    <div class=\"contact-form\">\n      <h2>Send Us a Message<\/h2>\n      <form action=\"mailto:info@codesandcanvas.site\" method=\"post\" enctype=\"text\/plain\">\n        <input type=\"text\" name=\"name\" placeholder=\"Your Name\" required>\n        <input type=\"email\" name=\"email\" placeholder=\"Your Email\" required>\n        <input type=\"text\" name=\"subject\" placeholder=\"Subject\" required>\n        <textarea name=\"message\" placeholder=\"Your Message\" rows=\"6\" required><\/textarea>\n        <button type=\"submit\" class=\"btn\">Send Message<\/button>\n      <\/form>\n    <\/div>\n\n    <!-- Contact Info -->\n    <div class=\"contact-info\">\n      <h2>Contact Information<\/h2>\n      <p><i class=\"fas fa-envelope\"><\/i> Email: info@codesandcanvas.site<\/p>\n      <p><i class=\"fab fa-whatsapp\"><\/i> WhatsApp: +27 71 695 5525<\/p>\n      <p><i class=\"fas fa-phone\"><\/i> Call: 071 695 5525<\/p>\n      <p><i class=\"fas fa-globe\"><\/i> Website: www.codesandcanvas.co.za<\/p>\n      <div class=\"contact-buttons\">\n        <a href=\"mailto:info@codesandcanvas.site\" class=\"btn btn-email\">Email Us<\/a>\n        <a href=\"https:\/\/wa.me\/27716955525\" class=\"btn btn-whatsapp\" target=\"_blank\">WhatsApp<\/a>\n        <a href=\"tel:0716955525\" class=\"btn btn-call\">Call Us<\/a>\n        <a href=\"https:\/\/www.linkedin.com\/company\/codes-and-canvas-sa\/\" class=\"btn btn-linkedin\" target=\"_blank\">LinkedIn<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ================= REVEAL ANIMATION SCRIPT ================= -->\n<script>\nconst reveals = document.querySelectorAll('.reveal');\n\nfunction revealOnScroll() {\n  const windowHeight = window.innerHeight;\n  reveals.forEach(el => {\n    const elementTop = el.getBoundingClientRect().top;\n    if(elementTop < windowHeight - 100) {\n      el.classList.add('active');\n    }\n  });\n}\n\nwindow.addEventListener('scroll', revealOnScroll);\nwindow.addEventListener('load', revealOnScroll);\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact | Codes &#038; Canvas Let\u2019s Connect Have a question or ready to start your digital journey? Reach out to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-195","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=195"}],"version-history":[{"count":1,"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/195\/revisions"}],"predecessor-version":[{"id":196,"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/195\/revisions\/196"}],"wp:attachment":[{"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}