Codes & Canvas | Crafting Digital Empires<\/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=\"style.css\">\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-text\">\n <h1 style=\"color: #E8B14D;\">Let’s Build Your Digital Empire<\/h1>\n <p style=\"color: #fdfaf6;\">\n We create modern, elegant websites, e-commerce stores, branding, and full business packages.\n<\/p>\n <a href=\"#contact\" class=\"btn\">Get Started<\/a>\n <\/div>\n<\/section>\n\n\n<section id=\"about\" class=\"about reveal\">\n <h2>About Us<\/h2>\n <p>At Codes & Canvas, we craft digital experiences that elevate brands. From web design to branding and full business packages, we turn your vision into reality.<\/p>\n<\/section>\n\n\n<section id=\"services\" class=\"services reveal\">\n <h2>Our Services<\/h2>\n <div class=\"service-grid\">\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>Modern, responsive websites tailored to your brand and goals.<\/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-darina-belonogova-8373815-scaled.jpg\" alt=\"E-Commerce\">\n <div class=\"service-text\">\n <h3>E-Commerce<\/h3>\n <p>Seamless online stores built for conversion and ease of 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\/607ECFD4-06C8-4E06-B241-E9FE19A4E423.png\" alt=\"Branding & Logos\">\n <div class=\"service-text\">\n <h3>Branding & Logos<\/h3>\n <p>Create an unforgettable visual identity for your business.<\/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>Business Package (Website)<\/h3>\n <p>We register your business, set up your website, stationery, logo, and social media.<\/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>Business Package (With Store)<\/h3>\n <p>Full business setup including an online store, branding, and social presence.<\/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, and graphics to elevate your brand\u2019s message.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section id=\"portfolio\" class=\"portfolio reveal\">\n <h2>Featured Works<\/h2>\n <div class=\"portfolio-grid\">\n\n \n <div class=\"portfolio-item reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/IMG_2929.png\" alt=\"Aurea Academy\">\n <div class=\"portfolio-title\">Aurea Academy<\/div>\n <\/div>\n\n \n <div class=\"portfolio-item reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/IMG_2949.png\" alt=\"SkillSprout\">\n <div class=\"portfolio-title\">SkillSprout<\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section id=\"contact\" class=\"contact reveal\">\n <h2>Contact Us<\/h2>\n <p>Ready to elevate your brand? Get in touch with us today and start building your digital empire.<\/p>\n\n<a href=\"mailto:info@codesandcanvas.site\" class=\"btn\">Email Us<\/a>\n<\/section>\n\n\n<footer>\n <div class=\"social-links\">\n <a href=\"https:\/\/www.linkedin.com\/company\/codes-and-canvas-sa\/\" target=\"_blank\"><i class=\"fab fa-linkedin\"><\/i><\/a>\n <a href=\"https:\/\/www.facebook.com\/share\/1BerCKxoXQ\/\" target=\"_blank\"><i class=\"fab fa-facebook-square\"><\/i><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@codes.and.canvas?_r=1&_t=ZS-9177PmMVns1\" target=\"_blank\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/codes_and_canvas_?igsh=MWZkY3EydDUwbHVuNg==\" target=\"_blank\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/27716955525\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <\/div>\n<\/footer>\n\n\n<a href=\"https:\/\/wa.me\/27716955525\" class=\"whatsapp-float\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\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>Codes & Canvas | Crafting Digital Empires Let’s Build Your Digital Empire We create modern, elegant websites, e-commerce stores, branding, […]<\/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-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/48","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=48"}],"version-history":[{"count":16,"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":48,"date":"2025-11-04T09:40:43","date_gmt":"2025-11-04T09:40:43","guid":{"rendered":"https:\/\/www.codesandcanvas.site\/?page_id=48"},"modified":"2025-11-04T18:43:51","modified_gmt":"2025-11-04T18:43:51","slug":"home","status":"publish","type":"page","link":"https:\/\/www.codesandcanvas.site\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nCodes & Canvas | Crafting Digital Empires<\/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=\"style.css\">\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-text\">\n <h1 style=\"color: #E8B14D;\">Let’s Build Your Digital Empire<\/h1>\n <p style=\"color: #fdfaf6;\">\n We create modern, elegant websites, e-commerce stores, branding, and full business packages.\n<\/p>\n <a href=\"#contact\" class=\"btn\">Get Started<\/a>\n <\/div>\n<\/section>\n\n\n<section id=\"about\" class=\"about reveal\">\n <h2>About Us<\/h2>\n <p>At Codes & Canvas, we craft digital experiences that elevate brands. From web design to branding and full business packages, we turn your vision into reality.<\/p>\n<\/section>\n\n\n<section id=\"services\" class=\"services reveal\">\n <h2>Our Services<\/h2>\n <div class=\"service-grid\">\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>Modern, responsive websites tailored to your brand and goals.<\/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-darina-belonogova-8373815-scaled.jpg\" alt=\"E-Commerce\">\n <div class=\"service-text\">\n <h3>E-Commerce<\/h3>\n <p>Seamless online stores built for conversion and ease of 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\/607ECFD4-06C8-4E06-B241-E9FE19A4E423.png\" alt=\"Branding & Logos\">\n <div class=\"service-text\">\n <h3>Branding & Logos<\/h3>\n <p>Create an unforgettable visual identity for your business.<\/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>Business Package (Website)<\/h3>\n <p>We register your business, set up your website, stationery, logo, and social media.<\/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>Business Package (With Store)<\/h3>\n <p>Full business setup including an online store, branding, and social presence.<\/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, and graphics to elevate your brand\u2019s message.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section id=\"portfolio\" class=\"portfolio reveal\">\n <h2>Featured Works<\/h2>\n <div class=\"portfolio-grid\">\n\n \n <div class=\"portfolio-item reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/IMG_2929.png\" alt=\"Aurea Academy\">\n <div class=\"portfolio-title\">Aurea Academy<\/div>\n <\/div>\n\n \n <div class=\"portfolio-item reveal\">\n <img decoding=\"async\" src=\"https:\/\/www.codesandcanvas.site\/wp-content\/uploads\/2025\/11\/IMG_2949.png\" alt=\"SkillSprout\">\n <div class=\"portfolio-title\">SkillSprout<\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section id=\"contact\" class=\"contact reveal\">\n <h2>Contact Us<\/h2>\n <p>Ready to elevate your brand? Get in touch with us today and start building your digital empire.<\/p>\n\n<a href=\"mailto:info@codesandcanvas.site\" class=\"btn\">Email Us<\/a>\n<\/section>\n\n\n<footer>\n <div class=\"social-links\">\n <a href=\"https:\/\/www.linkedin.com\/company\/codes-and-canvas-sa\/\" target=\"_blank\"><i class=\"fab fa-linkedin\"><\/i><\/a>\n <a href=\"https:\/\/www.facebook.com\/share\/1BerCKxoXQ\/\" target=\"_blank\"><i class=\"fab fa-facebook-square\"><\/i><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@codes.and.canvas?_r=1&_t=ZS-9177PmMVns1\" target=\"_blank\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/codes_and_canvas_?igsh=MWZkY3EydDUwbHVuNg==\" target=\"_blank\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/27716955525\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <\/div>\n<\/footer>\n\n\n<a href=\"https:\/\/wa.me\/27716955525\" class=\"whatsapp-float\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\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>Codes & Canvas | Crafting Digital Empires Let’s Build Your Digital Empire We create modern, elegant websites, e-commerce stores, branding, […]<\/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-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/48","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=48"}],"version-history":[{"count":16,"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/www.codesandcanvas.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}