1 2<!DOCTYPE html> 3<html lang="en-gb" dir="ltr"> 4 <head> 5 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <meta charset="utf-8"> 8 <meta name="description" content="Get your business organised with digital onboarding, LMS, HR systems & automation. OnboardMe Systems helps you get your ducks in a row."> 9 <meta name="generator" content="Helix Ultimate - The Most Popular Joomla! Template Framework."> 10 <title>Home - OnboardMe Systems</title> 11 <link href="/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="Home - OnboardMe Systems"> 12 <link href="/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Home - OnboardMe Systems"> 13 <link href="/images/designer-1.png" rel="icon" type="image/png"> 14 <link href="https://onboardme.co.za/index.php/component/finder/search?format=opensearch" rel="search" title="OpenSearch OnboardMe Systems" type="application/opensearchdescription+xml"> 15<link href="/media/vendor/awesomplete/css/awesomplete.css?1.1.7" rel="stylesheet"> 16 <link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.4.1" rel="stylesheet"> 17 <link href="//fonts.googleapis.com/css?family=Nunito:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic&display=swap" rel="stylesheet" media="none" onload="media="all""> 18 <link href="/templates/shaper_helixultimate/css/bootstrap.min.css" rel="stylesheet"> 19 <link href="/plugins/system/helixultimate/assets/css/chosen.css" rel="stylesheet"> 20 <link href="/plugins/system/helixultimate/assets/css/system-j4.min.css" rel="stylesheet"> 21 <link href="/media/system/css/joomla-fontawesome.min.css?985082" rel="stylesheet"> 22 <link href="/templates/shaper_helixultimate/css/template.css" rel="stylesheet"> 23 <link href="/templates/shaper_helixultimate/css/presets/default.css" rel="stylesheet"> 24 <style>.article-list .article .featured-article-badge, 25.article-details .featured-article-badge { 26 display: none !important; 27} 28 29#sp-main-body { 30 padding-top: 20px !important; 31} 32.floating-whatsapp-chat { 33 position: fixed; 34 right: 20px; 35 bottom: 120px; 36 z-index: 99999; 37 display: flex;
38 align-items: center; 39 text-decoration: none; 40 font-family: inherit; 41} 42 43.floating-whatsapp-chat .wa-text { 44 background: #ffffff; 45 color: #222; 46 padding: 10px 14px; 47 border-radius: 999px; 48 margin-right: 10px; 49 box-shadow: 0 4px 14px rgba(0,0,0,0.15); 50 font-size: 14px; 51 font-weight: 600; 52 white-space: nowrap; 53} 54 55.floating-whatsapp-chat .wa-icon { 56 width: 58px; 57 height: 58px; 58 background: #25D366; 59 border-radius: 50%; 60 display: flex; 61 justify-content: center; 62 align-items: center; 63 box-shadow: 0 4px 14px rgba(0,0,0,0.25); 64 transition: transform 0.2s ease; 65} 66 67.floating-whatsapp-chat:hover .wa-icon { 68 transform: scale(1.08); 69} 70 71@media (max-width: 768px) { 72 .floating-whatsapp-chat .wa-text { 73 display: none; 74 } 75 76 .floating-whatsapp-chat { 77 right: 15px; 78 bottom: 15px; 79 } 80 81 .floating-whatsapp-chat .wa-icon { 82 width: 54px; 83 height: 54px; 84 } 85}</style> 86 <style>.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{font-family: 'Nunito', sans-serif;text-decoration: none;} 87</style> 88 <style>.menu.nav-pills > li > a, .menu.nav-pills > li > span, .menu.nav-pills .sp-dropdown li.sp-menu-item > a{font-family: 'Nunito', sans-serif;text-decoration: none;} 89</style> 90 <style>.logo-image {height:100px;}.logo-image-phone {height:100px;}</style> 91 <style>@media(max-width: 992px) {.logo-image {height: 36px;}.logo-image-phone {height: 36px;}}</style> 92 <style>@media(max-width: 576px) {.logo-image {height: 36px;}.logo-image-phone {height: 36px;}}</style>
93<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
93 94
94<script src="/media/vendor/jquery/js/jquery-noconflict.min.js?3.7.1"></script>
94 95
95<script type="application/json" class="joomla-script-options new">{"data":{"breakpoints":{"tablet":991,"mobile":480},"header":{"stickyOffset":"100"}},"joomla.jtext":{"MOD_FINDER_SEARCH_VALUE":"Search …","COM_FINDER_SEARCH_FORM_LIST_LABEL":"Search Results","JLIB_JS_AJAX_ERROR_OTHER":"An error has occurred while fetching the JSON data: HTTP %s status code.","JLIB_JS_AJAX_ERROR_PARSE":"A parse error has occurred while processing the following JSON data:<br><code style=\"color:inherit;white-space:pre-wrap;padding:0;margin:0;border:0;background:inherit;\">%s<\/code>","ERROR":"Error","MESSAGE":"Message","NOTICE":"Notice","WARNING":"Warning","JCLOSE":"Close","JOK":"OK","JOPEN":"Open"},"finder-search":{"url":"\/index.php\/component\/finder?task=suggestions.suggest&format=json&tmpl=component"},"system.paths":{"root":"","rootFull":"https:\/\/onboardme.co.za\/","base":"","baseFull":"https:\/\/onboardme.co.za\/"},"csrf.token":"89346b0987bada3ea2690407fb99015c","plg_system_schedulerunner":{"interval":300}}</script>
95 96
96<script src="/media/system/js/core.min.js?a3d8f8"></script>
96 97
97<script src="/media/vendor/bootstrap/js/alert.min.js?5.3.8" type="module"></script>
97 98
98<script src="/media/vendor/bootstrap/js/button.min.js?5.3.8" type="module"></script>
98 99
99<script src="/media/vendor/bootstrap/js/carousel.min.js?5.3.8" type="module"></script>
99 100
100<script src="/media/vendor/bootstrap/js/collapse.min.js?5.3.8" type="module"></script>
100 101
101<script src="/media/vendor/bootstrap/js/dropdown.min.js?5.3.8" type="module"></script>
101 102
102<script src="/media/vendor/bootstrap/js/modal.min.js?5.3.8" type="module"></script>
102 103
103<script src="/media/vendor/bootstrap/js/offcanvas.min.js?5.3.8" type="module"></script>
103 104
104<script src="/media/vendor/bootstrap/js/popover.min.js?5.3.8" type="module"></script>
104 105
105<script src="/media/vendor/bootstrap/js/scrollspy.min.js?5.3.8" type="module"></script>
105 106
106<script src="/media/vendor/bootstrap/js/tab.min.js?5.3.8" type="module"></script>
106 107
107<script src="/media/vendor/bootstrap/js/toast.min.js?5.3.8" type="module"></script>
107 108
108<script src="/media/system/js/showon.min.js?e51227" type="module"></script>
108 109
109<script src="/media/vendor/awesomplete/js/awesomplete.min.js?1.1.7" defer></script>
109 110
110<script src="/media/com_finder/js/finder.min.js?755761" type="module"></script>
110 111
111<script src="/media/mod_menu/js/menu.min.js?985082" type="module"></script>
111 112
112<script src="/media/system/js/messages.min.js?9a4811" type="module"></script>
112 113
113<script src="/media/plg_system_schedulerunner/js/run-schedule.min.js?229d3b" type="module"></script>
113 114
114<script src="/templates/shaper_helixultimate/js/inert.min.js"></script>
114 115
115<script src="/plugins/system/helixultimate/assets/js/chosen.jquery.js"></script>
115 116
116<script src="/templates/shaper_helixultimate/js/main.js"></script>
116 117
117<script>template="shaper_helixultimate";</script>
117 118 </head> 119 <body class="site helix-ultimate hu com_content com-content view-featured layout-default task-none itemid-101 en-gb ltr sticky-header layout-fluid offcanvas-init offcanvs-position-left"> 120 121 122 123 <div class="body-wrapper"> 124 <div class="body-innerwrapper"> 125 126 <div class="sticky-header-placeholder"></div> 127 128<div id="sp-top-bar"> 129 <div class="container"> 130 <div class="container-inner"> 131 <div class="row"> 132 <div id="sp-top1" class="col-lg-6"> 133 <div class="sp-column text-center text-lg-start"> 134 <ul class="social-icons"><li class="social-icon-whatsapp"><a target="_blank" rel="noopener noreferrer" href="https://wa.me/27716288092?text=Hi" aria-label="Whatsapp"><span class="fab fa-whatsapp" aria-hidden="true"></span></a></li></ul> 135 136 </div> 137 </div> 138 139 <div id="sp-top2" class="col-lg-6"> 140 <div class="sp-column text-center text-lg-end"> 141 142 <ul class="sp-contact-info"><li class="sp-contact-mobile"><span class="fas fa-mobile-alt" aria-hidden="true"></span> <a href="tel:+27716280920">+27 71 628 0920</a></li><li class="sp-contact-email"><span class="far fa-envelope" aria-hidden="true"></span> <a href="mailto:[email protected]">[email protected]</a></li></ul> 143 </div> 144 </div> 145 </div> 146 </div> 147 </div> 148</div> 149 150<header id="sp-header"> 151 <div class="container"> 152 <div class="container-inner"> 153 <div class="row align-items-center"> 154 155 <!-- Left toggler if left/offcanvas --> 156 <div class="col-auto align-items-center d-flex"> 157 158 <a id="offcanvas-toggler" 159 class="offcanvas-toggler-secondary offcanvas-toggler-left d-flex align-items-center" 160 href="#" 161 aria-label="Menu" 162 title="Menu"> 163 <div class="burger-icon" aria-hidden="true"><span></span><span></span><span></span></div> 164 </a> </div> 165 166 <!-- Logo --> 167 <div id="sp-logo" class="col-auto"> 168 <div class="sp-column"> 169 <div class="logo"><a href="/"> 170 <img class='logo-image ' 171 srcset='https://onboardme.co.za/images/onboardme-logo1.png 1x' 172 src='https://onboardme.co.za/images/onboardme-logo1.png' 173 height='100' 174 alt='OnboardMe Systems' 175 /> 176 </a></div> 177 </div> 178 </div> 179 180 <!-- Menu --> 181 <div id="sp-menu" class="col-auto flex-auto"> 182 <div class="sp-column d-flex justify-content-end align-items-center"> 183 <nav class="sp-megamenu-wrapper d-flex" role="navigation" aria-label="Main Navigation"><ul class="sp-megamenu-parent menu-animation-zoom d-none d-lg-block"><li class="sp-menu-item current-item active"><a aria-current="page" href="/index.php" >Home</a></li><li class="sp-menu-item"><a href="/index.php/digital-services" >Digital Services</a></li><li class="sp-menu-item"><a href="/index.php/contact" >Contact</a></li><li class="sp-menu-item sp-has-child"><a href="/index.php/dev-zone" >Dev Zone</a><div class="sp-dropdown sp-dropdown-main sp-menu-right" style="width: 240px;"><div class="sp-dropdown-inner"><ul class="sp-dropdown-items"><li class="sp-menu-item"><a href="/index.php/dev-zone/leratos-journey" onclick="window.open(this.href, 'targetWindow', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,');return false;" >Lerato's Journey</a></li></ul></div></div></li><li class="sp-menu-item"><a href="/index.php/refund-cancellation-policy" >Refund & Cancellation Policy</a></li></ul></nav> 184 185 <!-- Related Modules --> 186 <div class="d-none d-lg-flex header-modules align-items-center"> 187 <div class="sp-module "><div class="sp-module-content"> 188<search> 189 <form class="mod-finder js-finder-searchform form-search" action="/index.php/component/finder/search" method="get" aria-label="search"> 190 <label for="mod-finder-searchword-header" class="visually-hidden finder">Search</label><input type="text" name="q" id="mod-finder-searchword-header" class="js-finder-search-query form-control" value="" placeholder="Search …"> 191 </form> 192</search> 193</div></div> 194 </div> 195 196 <!-- Right toggler --> 197 </div>
198 </div> 199 </div> 200 </div> 201 </div> 202</header> 203 <main id="sp-main"> 204 205<section id="sp-animated-header" > 206 207 208 209<div class="row"> 210 <div id="sp-title" class="col-lg-12 "><div class="sp-column "><div class="sp-page-title"><div class="container"><h2 class="sp-page-title-heading">Home</h2></div></div></div></div></div> 211 212 </section> 213 214<section id="sp-main-body" > 215 216 <div class="container"> 217 <div class="container-inner"> 218 219 220<div class="row"> 221 222<div id="sp-component" class="col-lg-12 "> 223 <div class="sp-column "> 224 <div id="system-message-container" aria-live="polite"></div> 225 226 227 228 <div class="container-fluid blog-featured" itemscope itemtype="https://schema.org/Blog"> 229 230 <div class="article-list"> 231 <div class="blog-items items-leading "> 232 <div class="leading-0"> 233 <div class="blog-item article" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting"> 234 235 236 237 238 <span class="badge bg-danger featured-article-badge">Featured</span> 239 240<div class="item-content articleBody"> 241 242 243 244 245 <div style="max-width: 960px; margin: 0 auto; font-family: 'Nunito', 'Segoe UI', Arial, sans-serif; color: #333333; line-height: 1.8;"> 246<!-- Hero Section --> 247<div style="text-align: center; padding: 60px 20px 40px; border-bottom: 3px solid #2EC4B6;"> 248<h1 style="font-size: 2.6em; margin: 0 0 10px; letter-spacing: 1px;"><span style="color: #1e3a5f;">Onboard</span><span style="color: #FFB703;">Me Systems</span></h1> 249<p style="font-size: 1.3em; font-weight: 600; color: #2ec4b6; margin: 0;">Learn. Connect. Grow Digitally.</p> 250</div> 251<!-- Intro --> 252<div style="padding: 40px 20px; text-align: center; max-width: 780px; margin: 0 auto;"> 253<p style="font-size: 1.05em; color: #333333;">At OnboardMe, we help businesses bring their learning, brand presence, and knowledge into the digital age. From building powerful Learning Management Systems and designing engaging websites to digitising your training and reference content, we make the journey smooth, professional, and future-ready.</p> 254</div> 255<!-- What We Do --> 256<div style="padding: 40px 20px; background-color: #f5f7fa; border-radius: 8px; margin-bottom: 30px;"> 257<h2 style="font-size: 1.6em; color: #1e3a5f; margin: 0 0 15px; border-left: 4px solid #2EC4B6; padding-left: 15px;">What We Do</h2> 258<p style="font-size: 1.05em; color: #333333;">We deliver three core services â each designed to make your organisation more efficient, more engaging, and more visible online:</p> 259<ul style="font-size: 1.05em; color: #333333; padding-left: 20px; margin: 15px 0 0;"> 260<li><strong style="color: #1e3a5f;">LMS Systems</strong> â robust Moodle-based platforms that host, track, and deliver your training.</li> 261<li><strong style="color: #1e3a5f;">Website Design</strong> â modern, mobile-friendly sites that showcase your brand and convert visitors.</li> 262<li><strong style="color: #1e3a5f;">Content Digitisation</strong> â transforming manuals, courses, and processes into interactive digital assets.</li> 263</ul> 264<p style="font-size: 1.05em; color: #333333; margin-top: 20px;">Whether you're a growing business or an established organisation, we help you work smarter, train better, and reach further.</p> 265</div> 266<!-- Our Approach / Services --> 267<div style="padding: 40px 20px; margin-bottom: 30px;"> 268<h2 style="font-size: 1.6em; color: #1e3a5f; margin: 0 0 15px; border-left: 4px solid #2EC4B6; padding-left: 15px;">Our Services</h2> 269<p style="font-size: 1.05em; color: #333333; margin-bottom: 20px;">Three pillars. One integrated approach. Every solution is built to be practical, scalable, and a pleasure to use:</p> 270<div style="display: flex; flex-wrap: wrap; gap: 15px;"> 271 272<div style="flex: 1 1 30%; background: #FFFFFF; border: 1px solid #e0e0e0;
272 border-top: 4px solid #4EA8DE; border-radius: 6px; padding: 22px; min-width: 250px;"> 273<div style="font-size: 1.8em; margin-bottom: 8px;">ð</div> 274<strong style="color: #1e3a5f; font-size: 1.05em;">LMS Systems</strong> 275<p style="margin: 10px 0 0; color: #333333; font-size: 0.95em;">Custom-configured Moodle platforms with SCORM support, course tracking, certificates, and seamless user management. Training that's organised, measurable, and accessible anywhere.</p> 276</div> 277 278<div style="flex: 1 1 30%; background: #FFFFFF; border: 1px solid #e0e0e0; border-top: 4px solid #FFB703; border-radius: 6px; padding: 22px; min-width: 250px;"> 279<div style="font-size: 1.8em; margin-bottom: 8px;">ð</div> 280<strong style="color: #1e3a5f; font-size: 1.05em;">Website Design</strong> 281<p style="margin: 10px 0 0; color: #333333; font-size: 0.95em;">Joomla and WordPress websites built for clarity, speed, and impact. Branded, responsive, and search-friendly â designed to grow with your business.</p> 282</div> 283 284<div style="flex: 1 1 30%; background: #FFFFFF; border: 1px solid #e0e0e0;
284 border-top: 4px solid #FF6B6B; border-radius: 6px; padding: 22px; min-width: 250px;"> 285<div style="font-size: 1.8em; margin-bottom: 8px;">ð</div> 286<strong style="color: #1e3a5f; font-size: 1.05em;">Content Digitisation</strong> 287<p style="margin: 10px 0 0; color: #333333; font-size: 0.95em;">Turning study guides, manuals, and printed material into interactive eLearning modules, digital handbooks, and structured online resources your team will actually use.</p> 288</div> 289 290<div style="flex: 1 1 100%; background: #FFFFFF; border: 1px solid #e0e0e0; border-top: 4px solid #2EC4B6; border-radius: 6px; padding: 22px; min-width: 250px;"> 291<div style="font-size: 1.5em; margin-bottom: 8px;">âï¸</div> 292<strong style="color: #1e3a5f; font-size: 1.05em;">Plus: Workflow & Onboarding Automation</strong> 293<p style="margin: 10px 0 0; color: #333333; font-size: 0.95em;">Tying it all together with smart digital workflows that reduce admin, eliminate paperwork, and welcome new hires with a professional, modern experience from day one.</p> 294</div> 295 296</div> 297<p style="font-size: 1.05em; color: #333333; margin-top: 20px; font-style: italic;">The result is a connected digital ecosystem â your learning, your website, and your content, working together.</p> 298</div> 299<!-- Meet the Team --> 300<div style="padding: 40px 20px; background-color: #f5f7fa; border-radius: 8px; margin-bottom: 30px;"> 301<h2 style="font-size: 1.6em; color: #1e3a5f; margin: 0 0 25px; border-left: 4px solid #2EC4B6; padding-left: 15px;">Meet the Team</h2> 302<div style="display: flex; flex-wrap: wrap; gap: 25px;"> 303<div style="flex: 1 1 45%; min-width: 280px; background: #FFFFFF; border-radius: 6px; padding: 25px; border-top: 3px solid #2EC4B6;"> 304<h3 style="margin: 0 0 5px; font-size: 1.2em; color: #1e3a5f;">Chris Nash</h3> 305<p style="margin: 0 0 12px; font-size: 0.95em; color: #2ec4b6; font-weight: 600;">Digital Solutions Manager</p> 306<p style="margin: 0; color: #333333; font-size: 0.95em;">Chris brings hands-on expertise across LMS deployment, web development, and instructional design. With a background in skills development and a passion for clean, user-friendly systems, he builds digital solutions that are practical for businesses and genuinely enjoyable for end users.</p> 307</div> 308</div> 309</div> 310<!-- Why Choose Us --> 311<div style="padding: 40px 20px; margin-bottom: 30px;"> 312<h2 style="font-size: 1.6em; color: #1e3a5f; margin: 0 0 15px; border-left: 4px solid #2EC4B6; padding-left: 15px;">Why Choose OnboardMe</h2> 313<ul style="list-style: none; padding: 0; margin: 0;"> 314<li style="padding: 10px 0; border-bottom: 1px solid #e0e0e0; font-size: 1.05em; color: #333333; padding-left: 20px; position: relative;"><span style="position: absolute; left: 0; color: #4EA8DE; font-weight: bold;">â</span> One partner for your LMS, website, and digital content needs</li> 315<li style="padding: 10px 0; border-bottom: 1px solid #e0e0e0; font-size: 1.05em; color: #333333; padding-left: 20px; position: relative;"><span style="position: absolute; left: 0; color: #FFB703; font-weight: bold;">â</span> Tailored to your brand, your audience, and your goals</li> 316<li style="padding: 10px 0; border-bottom: 1px solid #e0e0e0; font-size: 1.05em; color: #333333; padding-left: 20px; position: relative;"><span style="position: absolute; left: 0; color: #FF6B6B; font-weight: bold;">â</span> Built for real-world use â practical, not theoretical</li> 317<li style="padding: 10px 0; font-size: 1.05em; color: #333333; padding-left: 20px; position: relative;"><span style="position: absolute; left: 0; color: #2ec4b6; font-weight: bold;">â</span> Focused on both people and systems, learning and design</li> 318</ul> 319</div> 320<!-- CTA --> 321<div style="text-align: center; padding: 50px 20px; background-color: #f5f7fa;
321 border-top: 4px solid #2EC4B6; border-bottom: 4px solid #1E3A5F; border-radius: 8px; margin-bottom: 20px;"> 322 <h2 style="font-size: 1.6em; color: #1e3a5f; margin: 0 0 10px;">Get Started</h2> 323 <p style="font-size: 1.05em; color: #333333; margin: 0 0 25px;"> 324 Ready to digitise your learning, refresh your website, or transform your content?<br> 325 Get in touch and let's build something great together. 326 </p> 327 <a style="display: inline-block; padding: 14px 40px; background-color: #2ec4b6; color: #ffffff; text-decoration: none; font-weight: bold; font-size: 1.05em; border-radius: 5px; letter-spacing: 0.5px;" href="https://onboardme.co.za/index.php/contact"> 328 Contact Us 329 </a> 330</div> 331</div> 332 333 334 </div> 335 336 </div> 337 </div> 338 </div> 339 </div> 340 341 342 343 344 </div> 345 346 347 </div> 348</div> 349</div> 350 </div> 351 </div> 352 353 </section> 354 355<section id="sp-bottom" > 356 357 <div class="container"> 358 <div class="container-inner"> 359 360 361<div class="row"> 362 <div id="sp-bottom1" class="col-sm-col-sm-6 col-lg-12 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content"> 363<div id="mod-custom110" class="mod-custom custom"> 364 <p style="text-align: center;"><video autoplay="autoplay" playsinline="" muted="" width="100%" height="auto"> 365 <source src="/images/Ducky%20-%20Lets%20get%20Started.mp4" type="video/mp4"> 366 </video></p></div> 367</div></div></div></div></div> 368 </div> 369 </div> 370 371 </section> 372 373<footer id="sp-footer" > 374 375 <div class="container"> 376 <div class="container-inner"> 377 378 379<div class="row"> 380 <div id="sp-footer1" class="col-lg-12 "><div class="sp-column "><span class="sp-copyright">© 2026 OnboardMe Systems - Onboarding, LMS & Digital Solutions</span></div></div></div> 381 </div> 382 </div> 383 384 </footer> 385 </main> 386 </div> 387 </div> 388 389 <!-- Off Canvas Menu --> 390 <div class="offcanvas-overlay"></div> 391 <!-- Rendering the offcanvas style --> 392 <!-- If canvas style selected then render the style --> 393 <!-- otherwise (for old templates) attach the offcanvas module position --> 394 <div class="offcanvas-menu border-menu " tabindex="-1" inert> 395 <div class="d-flex align-items-center justify-content-between p-3 pt-4"> 396 <div class="logo"><a href="/"> 397 <img class='logo-image ' 398 srcset='https://onboardme.co.za/images/onboardme-logo1.png 1x' 399 src='https://onboardme.co.za/images/onboardme-logo1.png' 400 height='100' 401 alt='OnboardMe Systems' 402 /> 403 </a></div> <a href="#" class="close-offcanvas" role="button" aria-label="Close Off-canvas"> 404 <div class="burger-icon" aria-hidden="true"> 405 <span></span> 406 <span></span> 407 <span></span> 408 </div> 409 </a> 410 </div> 411 <div class="offcanvas-inner"> 412 <div class="d-flex header-modules mb-3"> 413 414 </div> 415 416 <div class="sp-module "><div class="sp-module-content"><ul class="mod-menu mod-list menu nav-pills"> 417<li class="item-101 default current active"><a href="/index.php" aria-current="page">Home</a></li><li class="item-103"><a href="/index.php/digital-services" >Digital Services</a></li><li class="item-110"><a href="/index.php/contact" >Contact</a></li><li class="item-111 menu-deeper menu-parent"><a href="/index.php/dev-zone" >Dev Zone<span class="menu-toggler"></span></a><ul class="mod-menu__sub list-unstyled small menu-child"><li class="item-102"><a href="/index.php/dev-zone/leratos-journey" onclick="window.open(this.href, 'targetWindow', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes'); return false;">Lerato's Journey</a></li></ul></li><li class="item-118"><a href="/index.php/refund-cancellation-policy" >Refund & Cancellation Policy</a></li></ul> 418</div></div> 419 420 <div class="mb-4"> 421 <ul class="sp-contact-info"><li class="sp-contact-mobile"><span class="fas fa-mobile-alt" aria-hidden="true"></span> <a href="tel:+27716280920">+27 71 628 0920</a></li><li class="sp-contact-email"><span class="far fa-envelope" aria-hidden="true"></span> <a href="mailto:[email protected]">[email protected]</a></li></ul> </div> 422 423 <ul class="social-icons"><li class="social-icon-whatsapp"><a target="_blank" rel="noopener noreferrer" href="https://wa.me/27716288092?text=Hi" aria-label="Whatsapp"><span class="fab fa-whatsapp" aria-hidden="true"></span></a></li></ul> 424 425 426 <!-- custom module position --> 427 428 </div> 429</div> 430 431 <a href="https://wa.me/27716288092?text=Hi%20Chris%20from%20OnboardMe%20Systems.%20I%20would%20love%20to%20hear%20more%20about%20your%20digital%20solutions." 432 class="floating-whatsapp-chat" 433 target="_blank" 434 rel="noopener noreferrer" 435 aria-label="Chat with us on WhatsApp"> 436 <span class="wa-text">Chat with us</span> 437 <span class="wa-icon"> 438 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="24" height="24" fill="white"> 439 <path d="M19.11 17.23c-.27-.14-1.6-.79-1.85-.88-.25-.09-.43-.14-.61.14-.18.27-.7.88-.86 1.06-.16.18-.31.2-.58.07-.27-.14-1.12-.41-2.14-1.31-.79-.7-1.33-1.56-1.49-1.83-.16-.27-.02-.41.12-.54.13-.13.27-.31.41-.47.14-.16.18-.27.27-.45.09-.18.05-.34-.02-.47-.07-.14-.61-1.47-.84-2.02-.22-.53-.45-.46-.61-.47h-.52c-.18 0-.47.07-.72.34-.25.27-.95.93-.95 2.27s.97 2.64 1.11 2.82c.14.18 1.91 2.91 4.63 4.08.65.28 1.16.45 1.56.57.66.21 1.26.18 1.74.11.53-.08 1.6-.65 1.82-1.28.23-.63.23-1.17.16-1.28-.07-.11-.25-.18-.52-.32zM16.02 3C8.84 3 3 8.74 3 15.82c0 2.49.72 4.81 1.97 6.78L3 29l6.61-1.9a13.1 13.1 0 0 0 6.41 1.65c7.18 0 13.02-5.74 13.02-12.82C29.04 8.74 23.2 3 16.02 3zm0 23.52c-2.04 0-3.94-.55-5.58-1.51l-.4-.24
439-3.92 1.13 1.15-3.81-.26-.39a10.45 10.45 0 0 1-1.63-5.58c0-5.81 4.77-10.54 10.64-10.54 5.87 0 10.64 4.73 10.64 10.54 0 5.81-4.77 10.54-10.64 10.54z"/> 440 </svg> 441 </span> 442</a> 443 444 445 446 <!-- Go to top --> 447 <a href="#" class="sp-scroll-up" aria-label="Scroll to top"><span class="fas fa-angle-up" aria-hidden="true"></span></a> 448 </body> 449</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.