Services | Codes & Canvas<\/title>\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n\n<link rel=\"stylesheet\" href=\"services-style.css\">\n<\/head>\n<body>\n\n\n<section class=\"hero-services\">\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-text\">\n <h1>Our Services<\/h1>\n <p>We create modern, elegant websites, e-commerce stores, branding, and full business packages tailored to your needs.<\/p>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/pexels-tranmautritam-326518.jpg\" alt=\"Services Hero Image\" class=\"hero-image\">\n<\/section>\n\n\n<section id=\"services\" class=\"services-section reveal\">\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/pexels-tranmautritam-326518.jpg\" alt=\"Web Design\">\n <div class=\"service-text\">\n <h3>Web Design<\/h3>\n <p>Custom, responsive websites that reflect your brand identity and engage your audience effectively. Built on WordPress for easy management.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/eadb6945-d0f3-4846-aea2-f5c571c4d1e6.jpeg\" alt=\"E-Commerce\">\n <div class=\"service-text\">\n <h3>E-Commerce Stores<\/h3>\n <p>Fully functional online shops with secure payments, shipping integration, and a design that converts visitors into customers.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/IMG_2846.png\" alt=\"Branding & Logos\">\n <div class=\"service-text\">\n <h3>Branding & Logos<\/h3>\n <p>Create a memorable visual identity for your business including logos, color schemes, and brand guidelines.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/pexels-leeloothefirst-5386738-1-scaled.jpg\" alt=\"Business Package\">\n <div class=\"service-text\">\n <h3>Complete Business Package (Website)<\/h3>\n <p>Full business setup including registration, website, stationery, logo, and social media accounts.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/pexels-n-voitkevich-6214450.jpg\" alt=\"Business Package with Store\">\n <div class=\"service-text\">\n <h3>Complete Business Package (With Store)<\/h3>\n <p>End-to-end business setup with online store, branding, and social media management.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/e6c2d9a1-08ed-40a8-b2c9-b27556111f6a.jpeg\" alt=\"Graphics Design\">\n <div class=\"service-text\">\n <h3>Graphics Design<\/h3>\n <p>Custom visuals, banners, social media graphics, and promotional materials to elevate your brand\u2019s visual storytelling.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/pexels-pixabay-270669-scaled.jpg\"Web Hosting & Emails\">\n <div class=\"service-text\">\n <h3>Web Hosting & Company Emails<\/h3>\n <p>Reliable web hosting and professional company email setup for your team, ensuring your business operates seamlessly online.<\/p>\n <\/div>\n <\/div>\n\n<\/section>\n\n\n<section id=\"services-cta\" class=\"services-cta reveal\">\n <div class=\"cta-container\">\n <div class=\"cta-text\">\n <section class=\"services-intro\">\n <section class=\"section-elevate\">\n <h2>Ready to Elevate Your Business?<\/h2>\n <p>We provide tailored solutions from web design, branding, e-commerce, to full business packages. Everything you need to establish a strong online presence.<\/p>\n<\/section>\n <div class=\"cta-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 Us<\/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<\/section>\n\n\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\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Services | Codes & Canvas Our Services We create modern, elegant websites, e-commerce stores, branding, and full business packages tailored […]<\/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-162","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/162","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=162"}],"version-history":[{"count":9,"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/162\/revisions"}],"predecessor-version":[{"id":177,"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/162\/revisions\/177"}],"wp:attachment":[{"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":162,"date":"2025-11-04T14:23:21","date_gmt":"2025-11-04T14:23:21","guid":{"rendered":"https:\/\/www.codesandcanvas.site\/?page_id=162"},"modified":"2025-11-04T18:46:50","modified_gmt":"2025-11-04T18:46:50","slug":"services","status":"publish","type":"page","link":"https:\/\/www.codesandcanvas.site\/?page_id=162","title":{"rendered":"Services"},"content":{"rendered":"\n\n\n\n\n\nServices | Codes & Canvas<\/title>\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n\n<link rel=\"stylesheet\" href=\"services-style.css\">\n<\/head>\n<body>\n\n\n<section class=\"hero-services\">\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-text\">\n <h1>Our Services<\/h1>\n <p>We create modern, elegant websites, e-commerce stores, branding, and full business packages tailored to your needs.<\/p>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/pexels-tranmautritam-326518.jpg\" alt=\"Services Hero Image\" class=\"hero-image\">\n<\/section>\n\n\n<section id=\"services\" class=\"services-section reveal\">\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/pexels-tranmautritam-326518.jpg\" alt=\"Web Design\">\n <div class=\"service-text\">\n <h3>Web Design<\/h3>\n <p>Custom, responsive websites that reflect your brand identity and engage your audience effectively. Built on WordPress for easy management.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/eadb6945-d0f3-4846-aea2-f5c571c4d1e6.jpeg\" alt=\"E-Commerce\">\n <div class=\"service-text\">\n <h3>E-Commerce Stores<\/h3>\n <p>Fully functional online shops with secure payments, shipping integration, and a design that converts visitors into customers.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/IMG_2846.png\" alt=\"Branding & Logos\">\n <div class=\"service-text\">\n <h3>Branding & Logos<\/h3>\n <p>Create a memorable visual identity for your business including logos, color schemes, and brand guidelines.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/pexels-leeloothefirst-5386738-1-scaled.jpg\" alt=\"Business Package\">\n <div class=\"service-text\">\n <h3>Complete Business Package (Website)<\/h3>\n <p>Full business setup including registration, website, stationery, logo, and social media accounts.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/pexels-n-voitkevich-6214450.jpg\" alt=\"Business Package with Store\">\n <div class=\"service-text\">\n <h3>Complete Business Package (With Store)<\/h3>\n <p>End-to-end business setup with online store, branding, and social media management.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/e6c2d9a1-08ed-40a8-b2c9-b27556111f6a.jpeg\" alt=\"Graphics Design\">\n <div class=\"service-text\">\n <h3>Graphics Design<\/h3>\n <p>Custom visuals, banners, social media graphics, and promotional materials to elevate your brand\u2019s visual storytelling.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"service-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/pexels-pixabay-270669-scaled.jpg\"Web Hosting & Emails\">\n <div class=\"service-text\">\n <h3>Web Hosting & Company Emails<\/h3>\n <p>Reliable web hosting and professional company email setup for your team, ensuring your business operates seamlessly online.<\/p>\n <\/div>\n <\/div>\n\n<\/section>\n\n\n<section id=\"services-cta\" class=\"services-cta reveal\">\n <div class=\"cta-container\">\n <div class=\"cta-text\">\n <section class=\"services-intro\">\n <section class=\"section-elevate\">\n <h2>Ready to Elevate Your Business?<\/h2>\n <p>We provide tailored solutions from web design, branding, e-commerce, to full business packages. Everything you need to establish a strong online presence.<\/p>\n<\/section>\n <div class=\"cta-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 Us<\/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<\/section>\n\n\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\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Services | Codes & Canvas Our Services We create modern, elegant websites, e-commerce stores, branding, and full business packages tailored […]<\/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-162","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/162","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=162"}],"version-history":[{"count":9,"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/162\/revisions"}],"predecessor-version":[{"id":177,"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/162\/revisions\/177"}],"wp:attachment":[{"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}