PageSourceSearch

https://onboardme.co.za/

html onboardme.co.za collected 2026-10-05 23:43:23 UTC 25,791 bytes, 449 lines download raw bytes

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 &amp; 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&amp;type=rss" rel="alternate" type="application/rss+xml" title="Home - OnboardMe Systems">
12	<link href="/index.php?format=feed&amp;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&amp;subset=cyrillic&amp;display=swap" rel="stylesheet" media="none" onload="media=&quot;all&quot;">
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 &hellip;","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 &amp; 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 &hellip;">
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 &amp; 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, &#039;targetWindow&#039;, &#039;toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes&#039;); return false;">Lerato's Journey</a></li></ul></li><li class="item-118"><a href="/index.php/refund-cancellation-policy" >Refund &amp; 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.