ICT All In – Hero Section<\/title>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n*{\n margin:0;\n padding:0;\n box-sizing:border-box;\n}\n\nbody{\n font-family:'Montserrat',sans-serif;\n background:#fff;\n color:#111;\n}\n\n\/* HERO *\/\n.hero{\n display:flex;\n align-items:center;\n justify-content:center;\n text-align:center;\n padding:120px 20px;\n min-height:70vh;\n}\n\n\/* TEXT *\/\n.hero-text{\n max-width:850px;\n}\n\n.hero-title{\n font-size:3rem;\n font-weight:700;\n margin-bottom:10px;\n line-height:1.2;\n}\n\n.typing{\n color:#d71920;\n font-weight:700;\n min-height:40px;\n display:inline-block;\n}\n\n\/* BUTTON *\/\n.cta{\n display:inline-block;\n margin-top:25px;\n background:#d71920;\n color:#fff;\n padding:14px 35px;\n border-radius:40px;\n text-decoration:none;\n font-weight:700;\n}\n\n.cta:hover{\n background:#b5141a;\n transform:translateY(-3px);\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:768px){\n .hero-title{\n font-size:2.2rem;\n }\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n<section class=\"hero\">\n\n <div class=\"hero-text\">\n\n <h1 class=\"hero-title\">We Provide<\/h1>\n\n <h1 class=\"hero-title\">\n <span class=\"typing\"><\/span>\n <\/h1>\n\n <a href=\"mailto:info@ictallin.co.za\" class=\"cta\">\n LET’S WORK\n <\/a>\n\n <\/div>\n\n<\/section>\n\n<script>\nconst words = [\n \"Branding\",\n \"IT Support\",\n \"Technology Solutions\",\n \"Website Development\"\n];\n\nlet i = 0;\nlet j = 0;\nlet deleting = false;\n\nconst el = document.querySelector(\".typing\");\n\nfunction type(){\n\n let word = words[i];\n\n if(!deleting){\n el.textContent = word.substring(0, j++);\n } else {\n el.textContent = word.substring(0, j--);\n }\n\n if(!deleting && j === word.length){\n deleting = true;\n setTimeout(type, 1200);\n return;\n }\n\n if(deleting && j === 0){\n deleting = false;\n i = (i + 1) % words.length;\n }\n\n setTimeout(type, deleting ? 60 : 120);\n}\n\ntype();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<style>\n.hero-header {\n position: relative;\n width: 100%;\n height: 100vh; \/* full height *\/\n background: url('https:\/\/www.ictallin.co.za\/wp-content\/uploads\/2024\/09\/cropped-istockphoto-1430915713-612x612-3-1.jpg') center\/cover no-repeat;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n.hero-header::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: rgba(0,0,0,0.45); \/* dark overlay *\/\n z-index: 1;\n}\n\n.overlay-content {\n position: relative;\n z-index: 2;\n color: #fff;\n text-align: center;\n animation: fadeInUp 1.5s ease forwards;\n padding: 20px;\n}\n\n.hero-header h1 {\n font-size: 3.5rem;\n font-weight: 800;\n color: #ffffff;\n margin-bottom: 10px;\n letter-spacing: 1px;\n}\n\n.hero-header p {\n font-size: 1.3rem;\n color: #f9f9f9;\n margin-bottom: 25px;\n}\n\n.hero-header .wp-block-button__link {\n background-color: #D71920 !important; \/* ICT All In red *\/\n color: #fff !important;\n font-weight: 600;\n padding: 12px 30px;\n transition: all 0.3s ease;\n}\n\n.hero-header .wp-block-button__link:hover {\n background-color: #fff !important;\n color: #D71920 !important;\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 768px) {\n .hero-header h1 { font-size: 2.2rem; }\n .hero-header p { font-size: 1rem; }\n}\n<\/style>\n\n\n\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>ICT All In – Full Page<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --primary:#D71920;\n --white:#ffffff;\n --header-h:95px;\n}\n*{box-sizing:border-box;margin:0;padding:0;}\nhtml,body{height:100%;}\nbody{font-family:'Montserrat',sans-serif;background:#f3f3f3;color:#222;min-height:100vh;display:flex;flex-direction:column;}\na{color:inherit;text-decoration:none;}\nmain{flex:1; max-width:1200px; margin:40px auto; padding:0 18px 40px;}\nsection{margin-bottom:48px; padding:10px 0;}\n.section-title{text-align:center;color:var(--primary);font-size:28px;margin-bottom:18px;}\n.grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}\n@media(max-width:700px){ .grid{ grid-template-columns:1fr; } }\n.card{background:#fff; padding:20px; border-radius:12px; box-shadow:0 10px 24px rgba(0,0,0,0.08); text-align:center; font-weight:600;}\n\n\/* === STATS SECTION === *\/\n.ict-stats-section{ padding:60px 20px; background:#fff; }\n.ict-stats-wrapper{ display:flex; justify-content:space-between; flex-wrap:wrap; max-width:1000px; margin:0 auto; gap:20px; }\n.ict-stat-box{ background:#fff; padding:30px 20px; border-radius:12px; flex:1 1 30%; text-align:center; box-shadow:0 3px 10px rgba(0,0,0,0.1); }\n.ict-stat-title{ font-size:1.4em; font-weight:700; color:var(--primary); }\n.ict-stat-number{ font-size:2.2em; font-weight:bold; color:#000; }\n\n\/* === LOGO SLIDER === *\/\n.ict-logo-slider{ overflow:hidden; background:transparent; padding:40px 0; position:relative; z-index:2; }\n.ict-logo-track{ display:flex; width:max-content; animation:marquee 25s linear infinite; }\n.ict-logo-track:hover{ animation-play-state:paused; }\n.ict-logo{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:150px; height:100px; margin-right:40px; }\n.ict-logo img{ max-width:100%; max-height:80px; object-fit:contain; }\n\n@keyframes marquee{ \n 0%{transform:translateX(0);} \n 100%{transform:translateX(-50%);} \n}\n<\/style>\n\n\n\n\n<main>\n <section id=\"about\">\n <h2 class=\"section-title\">Who Are We<\/h2>\n <p style=\"text-align:center;max-width:880px;margin:0 auto 20px;\">\n We are built on two powerful pillars: ICT All In \u2013 Digital Solutions and ICT All In \u2013 Technologies.\n <\/p>\n <div class=\"grid\">\n <div class=\"card\">\n <h3 style=\"color:var(--primary);\">Digital Solutions<\/h3>\n <ul>\n <li>Logo Design & Branding<\/li>\n <li>Website Design & Hosting<\/li>\n <li>Flyers, Business Cards & Social Media Graphics<\/li>\n <li>Company Profiles, Letterheads & Email Signatures<\/li>\n <li>Banners & Signage<\/li>\n <li>Corporate Gifting & Promotional Material<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <h3 style=\"color:var(--primary);\">Technologies<\/h3>\n <ul>\n <li>IT Support & Maintenance<\/li>\n <li>Printer Solutions & Maintenance<\/li>\n <li>Hardware & Software Sales<\/li>\n <li>VoIP & Office 365 Communication<\/li>\n <li>Surveillance Systems (CCTV)<\/li>\n <li>Cloud, Network & Security Services<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"ict-stats-section\">\n <div class=\"ict-stats-wrapper\">\n <div class=\"ict-stat-box\"><h2 class=\"ict-stat-title\">Happy Customers<\/h2><div class=\"ict-stat-number\" data-target=\"1100\">0<\/div><\/div>\n <div class=\"ict-stat-box\"><h2 class=\"ict-stat-title\">Active Clients<\/h2><div class=\"ict-stat-number\" data-target=\"20\">0<\/div><\/div>\n <div class=\"ict-stat-box\"><h2 class=\"ict-stat-title\">Projects Completed<\/h2><div class=\"ict-stat-number\" data-target=\"1236\">0<\/div><\/div>\n <\/div>\n <\/section>\n\n \n<script>\n\/\/ Stats counter\nconst statNumbers = document.querySelectorAll('.ict-stat-number');\nconst options = { threshold: 0.5 };\nconst observer = new IntersectionObserver((entries, obs) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const el = entry.target;\n const target = +el.getAttribute(\"data-target\");\n let count = 0;\n const step = target \/ 200;\n const interval = setInterval(() => {\n count += step;\n if (count >= target) {\n el.textContent = target.toLocaleString();\n clearInterval(interval);\n } else {\n el.textContent = Math.floor(count).toLocaleString();\n }\n }, 20);\n obs.unobserve(el);\n }\n });\n}, options);\nstatNumbers.forEach(num => observer.observe(num));\n<\/script>\n\n\n\n<div class=\"wp-block-columns alignwide has-small-font-size is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-black-color has-text-color has-link-color has-vivid-red-color has-small-font-size wp-elements-6f2936a424a0a9bc36296a036a431378 wp-block-paragraph\"><strong>LOCATION<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Emalahleni, <br>Witbank, Mpumalanga<br>1034<\/p>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-vivid-red-color has-text-color has-link-color has-small-font-size wp-elements-c2f489ec44233102130a1315e7c44339 wp-block-paragraph\"><strong>QUICK LINKS<\/strong><\/p>\n\n\n<nav class=\"has-small-font-size items-justified-center is-vertical no-wrap wp-block-navigation is-content-justification-center is-nowrap is-layout-flex wp-container-core-navigation-is-layout-78359f14 wp-block-navigation-is-layout-flex\" aria-label=\"Navigation\"><ul class=\"wp-block-navigation__container has-small-font-size items-justified-center is-vertical no-wrap wp-block-navigation\"><li class=\"has-small-font-size wp-block-navigation-item <h2 class="footer-about-title">About Us<\/h2> <\/footer> <style> footer { background: #111; color: #fff; text-align: center; padding: 40px 20px; position: relative; overflow: hidden; } \/* About Us Animation *\/ .footer-about-title font-size: 28px; font-weight: 700; opacity: 0; transform: translateY(40px); transition: color 0.3s ease; animation: slideUpFade 1.2s ease forwards; Hover turns red .footer-about-title:hover #D71920; Slide-up animation @keyframes to 1; translateY(0); <\/style> wp-block-navigation-link has-medium-font-size\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.ictallin.co.za\/?page_id=10\"><span class=\"wp-block-navigation-item__label\"><strong>About Us<\/strong><\/span><\/a><\/li><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link has-medium-font-size\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.ictallin.co.za\/?page_id=35\"><span class=\"wp-block-navigation-item__label\"><strong>Shop<\/strong><\/span><\/a><\/li><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link has-medium-font-size\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.ictallin.co.za\/?page_id=32\"><span class=\"wp-block-navigation-item__label\"><strong>Services<\/strong><\/span><\/a><\/li><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link has-medium-font-size\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.ictallin.co.za\/?page_id=38\"><span class=\"wp-block-navigation-item__label\"><strong>Contact Us<\/strong><\/span><\/a><\/li><\/ul><\/nav>\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-vivid-red-color has-text-color has-link-color has-small-font-size wp-elements-af978ba112bd908f1b9375cd24874431 wp-block-paragraph\"><strong>FOLLOW US<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-35affd85 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\"><a href=\"#\">Facebook<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#\">Instagram<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#\">Twitter<\/a><\/p>\n<\/div>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ICT All In – Hero Section We Provide LET’S WORK ICT All In – Full Page Who Are We We are built on two powerful pillars: ICT All In \u2013 Digital Solutions and ICT All In \u2013 Technologies. Digital Solutions<\/p>\n<p><a href=\"https:\/\/www.ictallin.co.za\/\" class=\"awp-btn awp-btn-secondary awp-btn-bubble\">Continue Reading<span class=\"screen-reader-text\">Home<\/span><i class=\"fa fa-arrow-right\"><\/i><span class=\"bubble_effect\"><span class=\"circle top-left\"><\/span><span class=\"circle top-left\"><\/span><span class=\"circle top-left\"><\/span>\t<span class=\"button effect-button\"><\/span><span class=\"circle bottom-right\"><\/span>\t<span class=\"circle bottom-right\"><\/span><span class=\"circle bottom-right\"><\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":587,"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":3050,"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/3050"}],"wp:attachment":[{"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6,"date":"2024-09-19T10:35:47","date_gmt":"2024-09-19T10:35:47","guid":{"rendered":"https:\/\/www.ictallin.co.za\/?page_id=6"},"modified":"2026-05-25T10:41:51","modified_gmt":"2026-05-25T08:41:51","slug":"home","status":"publish","type":"page","link":"https:\/\/www.ictallin.co.za\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\n\nICT All In – Hero Section<\/title>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n*{\n margin:0;\n padding:0;\n box-sizing:border-box;\n}\n\nbody{\n font-family:'Montserrat',sans-serif;\n background:#fff;\n color:#111;\n}\n\n\/* HERO *\/\n.hero{\n display:flex;\n align-items:center;\n justify-content:center;\n text-align:center;\n padding:120px 20px;\n min-height:70vh;\n}\n\n\/* TEXT *\/\n.hero-text{\n max-width:850px;\n}\n\n.hero-title{\n font-size:3rem;\n font-weight:700;\n margin-bottom:10px;\n line-height:1.2;\n}\n\n.typing{\n color:#d71920;\n font-weight:700;\n min-height:40px;\n display:inline-block;\n}\n\n\/* BUTTON *\/\n.cta{\n display:inline-block;\n margin-top:25px;\n background:#d71920;\n color:#fff;\n padding:14px 35px;\n border-radius:40px;\n text-decoration:none;\n font-weight:700;\n}\n\n.cta:hover{\n background:#b5141a;\n transform:translateY(-3px);\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:768px){\n .hero-title{\n font-size:2.2rem;\n }\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n<section class=\"hero\">\n\n <div class=\"hero-text\">\n\n <h1 class=\"hero-title\">We Provide<\/h1>\n\n <h1 class=\"hero-title\">\n <span class=\"typing\"><\/span>\n <\/h1>\n\n <a href=\"mailto:info@ictallin.co.za\" class=\"cta\">\n LET’S WORK\n <\/a>\n\n <\/div>\n\n<\/section>\n\n<script>\nconst words = [\n \"Branding\",\n \"IT Support\",\n \"Technology Solutions\",\n \"Website Development\"\n];\n\nlet i = 0;\nlet j = 0;\nlet deleting = false;\n\nconst el = document.querySelector(\".typing\");\n\nfunction type(){\n\n let word = words[i];\n\n if(!deleting){\n el.textContent = word.substring(0, j++);\n } else {\n el.textContent = word.substring(0, j--);\n }\n\n if(!deleting && j === word.length){\n deleting = true;\n setTimeout(type, 1200);\n return;\n }\n\n if(deleting && j === 0){\n deleting = false;\n i = (i + 1) % words.length;\n }\n\n setTimeout(type, deleting ? 60 : 120);\n}\n\ntype();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<style>\n.hero-header {\n position: relative;\n width: 100%;\n height: 100vh; \/* full height *\/\n background: url('https:\/\/www.ictallin.co.za\/wp-content\/uploads\/2024\/09\/cropped-istockphoto-1430915713-612x612-3-1.jpg') center\/cover no-repeat;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n.hero-header::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: rgba(0,0,0,0.45); \/* dark overlay *\/\n z-index: 1;\n}\n\n.overlay-content {\n position: relative;\n z-index: 2;\n color: #fff;\n text-align: center;\n animation: fadeInUp 1.5s ease forwards;\n padding: 20px;\n}\n\n.hero-header h1 {\n font-size: 3.5rem;\n font-weight: 800;\n color: #ffffff;\n margin-bottom: 10px;\n letter-spacing: 1px;\n}\n\n.hero-header p {\n font-size: 1.3rem;\n color: #f9f9f9;\n margin-bottom: 25px;\n}\n\n.hero-header .wp-block-button__link {\n background-color: #D71920 !important; \/* ICT All In red *\/\n color: #fff !important;\n font-weight: 600;\n padding: 12px 30px;\n transition: all 0.3s ease;\n}\n\n.hero-header .wp-block-button__link:hover {\n background-color: #fff !important;\n color: #D71920 !important;\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 768px) {\n .hero-header h1 { font-size: 2.2rem; }\n .hero-header p { font-size: 1rem; }\n}\n<\/style>\n\n\n\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>ICT All In – Full Page<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --primary:#D71920;\n --white:#ffffff;\n --header-h:95px;\n}\n*{box-sizing:border-box;margin:0;padding:0;}\nhtml,body{height:100%;}\nbody{font-family:'Montserrat',sans-serif;background:#f3f3f3;color:#222;min-height:100vh;display:flex;flex-direction:column;}\na{color:inherit;text-decoration:none;}\nmain{flex:1; max-width:1200px; margin:40px auto; padding:0 18px 40px;}\nsection{margin-bottom:48px; padding:10px 0;}\n.section-title{text-align:center;color:var(--primary);font-size:28px;margin-bottom:18px;}\n.grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}\n@media(max-width:700px){ .grid{ grid-template-columns:1fr; } }\n.card{background:#fff; padding:20px; border-radius:12px; box-shadow:0 10px 24px rgba(0,0,0,0.08); text-align:center; font-weight:600;}\n\n\/* === STATS SECTION === *\/\n.ict-stats-section{ padding:60px 20px; background:#fff; }\n.ict-stats-wrapper{ display:flex; justify-content:space-between; flex-wrap:wrap; max-width:1000px; margin:0 auto; gap:20px; }\n.ict-stat-box{ background:#fff; padding:30px 20px; border-radius:12px; flex:1 1 30%; text-align:center; box-shadow:0 3px 10px rgba(0,0,0,0.1); }\n.ict-stat-title{ font-size:1.4em; font-weight:700; color:var(--primary); }\n.ict-stat-number{ font-size:2.2em; font-weight:bold; color:#000; }\n\n\/* === LOGO SLIDER === *\/\n.ict-logo-slider{ overflow:hidden; background:transparent; padding:40px 0; position:relative; z-index:2; }\n.ict-logo-track{ display:flex; width:max-content; animation:marquee 25s linear infinite; }\n.ict-logo-track:hover{ animation-play-state:paused; }\n.ict-logo{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:150px; height:100px; margin-right:40px; }\n.ict-logo img{ max-width:100%; max-height:80px; object-fit:contain; }\n\n@keyframes marquee{ \n 0%{transform:translateX(0);} \n 100%{transform:translateX(-50%);} \n}\n<\/style>\n\n\n\n\n<main>\n <section id=\"about\">\n <h2 class=\"section-title\">Who Are We<\/h2>\n <p style=\"text-align:center;max-width:880px;margin:0 auto 20px;\">\n We are built on two powerful pillars: ICT All In \u2013 Digital Solutions and ICT All In \u2013 Technologies.\n <\/p>\n <div class=\"grid\">\n <div class=\"card\">\n <h3 style=\"color:var(--primary);\">Digital Solutions<\/h3>\n <ul>\n <li>Logo Design & Branding<\/li>\n <li>Website Design & Hosting<\/li>\n <li>Flyers, Business Cards & Social Media Graphics<\/li>\n <li>Company Profiles, Letterheads & Email Signatures<\/li>\n <li>Banners & Signage<\/li>\n <li>Corporate Gifting & Promotional Material<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <h3 style=\"color:var(--primary);\">Technologies<\/h3>\n <ul>\n <li>IT Support & Maintenance<\/li>\n <li>Printer Solutions & Maintenance<\/li>\n <li>Hardware & Software Sales<\/li>\n <li>VoIP & Office 365 Communication<\/li>\n <li>Surveillance Systems (CCTV)<\/li>\n <li>Cloud, Network & Security Services<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"ict-stats-section\">\n <div class=\"ict-stats-wrapper\">\n <div class=\"ict-stat-box\"><h2 class=\"ict-stat-title\">Happy Customers<\/h2><div class=\"ict-stat-number\" data-target=\"1100\">0<\/div><\/div>\n <div class=\"ict-stat-box\"><h2 class=\"ict-stat-title\">Active Clients<\/h2><div class=\"ict-stat-number\" data-target=\"20\">0<\/div><\/div>\n <div class=\"ict-stat-box\"><h2 class=\"ict-stat-title\">Projects Completed<\/h2><div class=\"ict-stat-number\" data-target=\"1236\">0<\/div><\/div>\n <\/div>\n <\/section>\n\n \n<script>\n\/\/ Stats counter\nconst statNumbers = document.querySelectorAll('.ict-stat-number');\nconst options = { threshold: 0.5 };\nconst observer = new IntersectionObserver((entries, obs) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const el = entry.target;\n const target = +el.getAttribute(\"data-target\");\n let count = 0;\n const step = target \/ 200;\n const interval = setInterval(() => {\n count += step;\n if (count >= target) {\n el.textContent = target.toLocaleString();\n clearInterval(interval);\n } else {\n el.textContent = Math.floor(count).toLocaleString();\n }\n }, 20);\n obs.unobserve(el);\n }\n });\n}, options);\nstatNumbers.forEach(num => observer.observe(num));\n<\/script>\n\n\n\n<div class=\"wp-block-columns alignwide has-small-font-size is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-black-color has-text-color has-link-color has-vivid-red-color has-small-font-size wp-elements-6f2936a424a0a9bc36296a036a431378 wp-block-paragraph\"><strong>LOCATION<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Emalahleni, <br>Witbank, Mpumalanga<br>1034<\/p>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-vivid-red-color has-text-color has-link-color has-small-font-size wp-elements-c2f489ec44233102130a1315e7c44339 wp-block-paragraph\"><strong>QUICK LINKS<\/strong><\/p>\n\n\n<nav class=\"has-small-font-size items-justified-center is-vertical no-wrap wp-block-navigation is-content-justification-center is-nowrap is-layout-flex wp-container-core-navigation-is-layout-78359f14 wp-block-navigation-is-layout-flex\" aria-label=\"Navigation\"><ul class=\"wp-block-navigation__container has-small-font-size items-justified-center is-vertical no-wrap wp-block-navigation\"><li class=\"has-small-font-size wp-block-navigation-item <h2 class="footer-about-title">About Us<\/h2> <\/footer> <style> footer { background: #111; color: #fff; text-align: center; padding: 40px 20px; position: relative; overflow: hidden; } \/* About Us Animation *\/ .footer-about-title font-size: 28px; font-weight: 700; opacity: 0; transform: translateY(40px); transition: color 0.3s ease; animation: slideUpFade 1.2s ease forwards; Hover turns red .footer-about-title:hover #D71920; Slide-up animation @keyframes to 1; translateY(0); <\/style> wp-block-navigation-link has-medium-font-size\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.ictallin.co.za\/?page_id=10\"><span class=\"wp-block-navigation-item__label\"><strong>About Us<\/strong><\/span><\/a><\/li><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link has-medium-font-size\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.ictallin.co.za\/?page_id=35\"><span class=\"wp-block-navigation-item__label\"><strong>Shop<\/strong><\/span><\/a><\/li><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link has-medium-font-size\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.ictallin.co.za\/?page_id=32\"><span class=\"wp-block-navigation-item__label\"><strong>Services<\/strong><\/span><\/a><\/li><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link has-medium-font-size\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.ictallin.co.za\/?page_id=38\"><span class=\"wp-block-navigation-item__label\"><strong>Contact Us<\/strong><\/span><\/a><\/li><\/ul><\/nav>\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-vivid-red-color has-text-color has-link-color has-small-font-size wp-elements-af978ba112bd908f1b9375cd24874431 wp-block-paragraph\"><strong>FOLLOW US<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-35affd85 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\"><a href=\"#\">Facebook<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#\">Instagram<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#\">Twitter<\/a><\/p>\n<\/div>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ICT All In – Hero Section We Provide LET’S WORK ICT All In – Full Page Who Are We We are built on two powerful pillars: ICT All In \u2013 Digital Solutions and ICT All In \u2013 Technologies. Digital Solutions<\/p>\n<p><a href=\"https:\/\/www.ictallin.co.za\/\" class=\"awp-btn awp-btn-secondary awp-btn-bubble\">Continue Reading<span class=\"screen-reader-text\">Home<\/span><i class=\"fa fa-arrow-right\"><\/i><span class=\"bubble_effect\"><span class=\"circle top-left\"><\/span><span class=\"circle top-left\"><\/span><span class=\"circle top-left\"><\/span>\t<span class=\"button effect-button\"><\/span><span class=\"circle bottom-right\"><\/span>\t<span class=\"circle bottom-right\"><\/span><span class=\"circle bottom-right\"><\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":587,"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":3050,"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/3050"}],"wp:attachment":[{"href":"https:\/\/www.ictallin.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}