PageSourceSearch

https://siyavula.github.io/

html siyavula.github.io collected 2026-10-03 09:57:27 UTC 24,002 bytes, 670 lines download raw bytes

1<!DOCTYPE html>
2<html>
3
4  <head>
5  <meta charset="utf-8">
6  <meta http-equiv="X-UA-Compatible" content="IE=edge">
7  <meta name="viewport" content="width=device-width, initial-scale=1">
8
9  <title>Siyavula</title>
10  <meta name="description" content="Siyavula is an educational technology company with a mission to create and enable engaging, integrated, high-quality learning experiences in Mathematics and the Sciences.
11">
12
13  <link rel="stylesheet" href="/css/foundation.css">
14  <link rel="stylesheet" href="/css/main.css">
15  <link rel="stylesheet" href="/css/fontello.min.css">
16  <link rel="stylesheet" href="/css/font-awesome.min.css">
17  
17<script src="/javascripts/libs.js" type="text/javascript"></script>
17
18  
18<script>
19    // terrificjs bootstrap
20    (function($) {
21        $(document).ready(function() {
22            var $page = $('body');
23            var config = {
24              dependencyPath: {
25                plugin: 'javascripts/'
26              }
27            };
28            var application = new Tc.Application($page, config);
29            application.registerModules();
30            application.start();
31        });
32    })(Tc.$);
33  </script>
33
34  <link href="http://fonts.googleapis.com/css?family=Raleway:400,700,300" media="screen" rel="stylesheet" type="text/css" />
35  
35<script src="/javascripts/masonry.pkgd.js" type="text/javascript"></script>
35
36  
36<script src="/javascripts/imagesloaded.pkgd.min.js" type="text/javascript"></script>
36
37  
37<script src="/javascripts/slick.min.js" type="text/javascript"></script>
37
38  
38<script src="/javascripts/json2.js" type="text/javascript"></script>
38
39  <link rel="canonical" href="https://siyavula.github.io/">
40  <link rel="alternate" type="application/rss+xml" title="Siyavula" href="https://siyavula.github.io/feed.xml" />
41
42<!-- favicon -->
43
44<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
45<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
46<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
47<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
48<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
49<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
50<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
51<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
52<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
53<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
54<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
55<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
56<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
57<link rel="manifest" href="/manifest.json">
58<meta name="msapplication-TileColor" content="#ffffff">
59<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
60<meta name="theme-color" content="#ffffff">
61
62<script>
63  
vendor: 142 bytes, lines 63-68
63window.dataLayer = window.dataLayer || [];
64  function gtag() {
65    dataLayer.push(arguments);
66  }
67  gtag('js', new Date());
68  gtag('config', "
68G-L5EJ0RZXPF
vendor: 4 bytes, line 68
68");
69</script>
vendor: 64 bytes, lines 69-70
69
70<script async src="https://www.googletagmanager.com/gtag/js?id=
70G-L5EJ0RZXPF
vendor: 14 bytes, lines 70-72
70"></script>
71
72
73<script src="/javascripts/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
73
74
75</head>
76
77
78  <body>
79
80    <div class='contain-to-grid sticky'>
81    <nav class='top-bar' data-options='sticky_on: large' data-topbar=''>
82        <ul class='title-area'>
83            <li class='name'>
84                <h1>
85                    <a href='/index.html'>
86                        <img alt="" src="/images/logo.svg"/>
87                    </a>
88                </h1>
89            </li>
90            <li class='toggle-topbar menu-icon'>
91                <a href='#'>Menu</a>
92            </li>
93        </ul>
94        <section class='top-bar-section'>
95            <ul class="right">
96                
97                    
98
99                    
100                        <li class="active">
101                            <a href="/index.html">Home</a>
102                        </li>
103                    
104                
105                    
106
107                    
108                        <li class="has-dropdown ">
109                            <a href="/about.html">About</a>
110                            <ul class='dropdown'>
111                                
112                                    <li>
113                                        <a href="/about.html">Our team</a>
114                                    </li>
115                                
116                                    <li>
117                                        <a href="/about-history.html">Our history</a>
118                                    </li>
119                                
120                                    <li>
121                                        <a href="/about-careers.html">Careers</a>
122                                    </li>
123                                
124                            </ul>
125                        </li>
126                    
127                
128                    
129
130                    
131                        <li class="has-dropdown ">
132                            <a href="/products-high-school.html">Our products</a>
133                            <ul class='dropdown'>
134                                
135                                    <li>
136                                        <a href="/products-primary-school.html">For primary school</a>
137                                    </li>
138                                
139                                    <li>
140                                        <a href="/products-high-school.html">For high school</a>
141                                    </li>
142                                
143                            </ul>
144                        </li>
145                    
146                
147                    
148
149                    
150                        <li class="has-dropdown ">
151                            <a href="/technology-approach.html">Our technology</a>
152                            <ul class='dropdown'>
153                                
154                                    <li>
155                                        <a href="/technology-approach.html">Our approach</a>
156                                    </li>
157                                
158                                    <li>
159                                        <a href="/technology-components.html">What we've built</a>
160                                    </li>
161                                
162                                    <li>
163                                        <a href="/technology-licensing.html">Licensing</a>
164                                    </li>
165                                
166                            </ul>
167                        </li>
168                    
169                
170                    
171
172                    
173                        <li class="has-dropdown ">
174                            <a href="/work.html">Our work</a>
175                            <ul class='dropdown'>
176                                
177                                    <li>
178                                        <a href="/work.html">About our work</a>
179                                    </li>
180                                
181                                    <li>
182                                        <a href="/work-oer.html">Open Textbooks</a>
183                                    </li>
184                                
185                                    <li>
186                                        <a href="/work-partnered.html">Partnered work</a>
187                                    </li>
188                                
189                                    <li>
190                                        <a href="/work-data.html">Data and analysis</a>
191                                    </li>
192                                
193                            </ul>
194                        </li>
195                    
196                
197                    
198
199                    
200                        <li class="">
201                            <a href="/contact.html">Contact</a>
202                        </li>
203                    
204                
205                    
206
207                    
208                        <li class="">
209                            <a href="/blog/index.html">Blog</a>
210                        </li>
211                    
212                
213            </ul>
214        </section>
215    </nav>
216</div>
217
218
219    <div id='main' role='main'>
220      <div class='mod modDefaultSlider'>
221  <div class='sequence' data-autostop='on' data-timeout='0'>
222    <a class='sequence-prev' href='javascript:void(0);'>
223      <span></span>
224    </a>
225    <a class='sequence-next' href='javascript:void(0);'>
226      <span></span>
227    </a>
228    <ul class='sequence-pagination'>
229      
230        
231        <li class="current"></li>
232      
233        
234        <li class=""></li>
235      
236        
237        <li class=""></li>
238      
239    </ul>
240    <ul class='sequence-canvas'>
241      
242        
243
244        <li class='frame static '>
245          <div class='bg' style='background-image: url(images/sliders/office-original.jpg);'></div>
246          <div class='small-title bottom-to-top'>
247            <div class='row'>
248              <div class='large-12 columns'>
249                <h2>enabling, creating, innovating</h2>
250              </div>
251            </div>
252          </div>
253          <div class='title bottom-to-top'>
254            <div class='row'>
255              <div class='large-12 columns'>
256                <h2>learning and teaching</h2>
257              </div>
258            </div>
259          </div>
260          <div class='buttons-wrapper bottom-to-top'>
261            <div class='row'>
262              <div class='large-12 columns'>
263                <div class='two spacing'></div>
264                
265                  <a class='button ' href='products-high-school.html#EXP'>Learn More</a>
266                
267              </div>
268            </div>
269          </div>
270        </li>
271      
272        
273
274        <li class='frame  centered-text'>
275          <div class='bg' style='background-image: url(images/sliders/chess.jpg);'></div>
276          <div class='small-title bottom-to-top'>
277            <div class='row'>
278              <div class='large-12 columns'>
279                <h2>A powerful, adaptive learning experience for</h2>
280              </div>
281            </div>
282          </div>
283          <div class='title bottom-to-top'>
284            <div class='row'>
285              <div class='large-12 columns'>
286                <h2>maths and science</h2>
287              </div>
288            </div>
289          </div>
290          <div class='buttons-wrapper bottom-to-top'>
291            <div class='row'>
292              <div class='large-12 columns'>
293                <div class='two spacing'></div>
294                
295                  <a class='button boxed' href='technology-components.html'>View key elements</a>
296                
297                  <a class='button ' href='technology-licensing.html'>Licensing options</a>
298                
299              </div>
300            </div>
301          </div>
302        </li>
303      
304        
305
306        <li class='frame  '>
307          <div class='bg' style='background-image: url(images/sliders/long-table.jpg);'></div>
308          <div class='small-title bottom-to-top'>
309            <div class='row'>
310              <div class='large-12 columns'>
311                <h2>A diverse team of</h2>
312              </div>
313            </div>
314          </div>
315          <div class='title bottom-to-top'>
316            <div class='row'>
317              <div class='large-12 columns'>
318                <h2>passionate scientists</h2>
319              </div>
320            </div>
321          </div>
322          <div class='buttons-wrapper bottom-to-top'>
323            <div class='row'>
324              <div class='large-12 columns'>
325                <div class='two spacing'></div>
326                
327                  <a class='button ' href='about.html'>Learn More</a>
328                
329              </div>
330            </div>
331          </div>
332        </li>
333      
334    </ul>
335  </div>
336</div>
337
338<div class="full" style="background: #f5f5f5;">
339  <div class="row">
340    <div class="large-12 columns">
341      <div class="mod modSectionHeader ">
342  <div class="special-title centered-text">
343    <h2 style="color: ;">Our vision</h2>
344  </div>
345  
346</div>
347      <div class="spacing"></div>
348      <div class='mod modCallToAction'>
349      <p class='centered-text'>
350      A world in which learning is <b>celebrated</b> and <b>pursued</b>; education is <b>accessible</b>; curiosity is <b>embraced</b>; sharing is <b>fundamental</b> to our being; and technology is <b>empowering</b>, for each and every individual, each and every day.
351      </p>
352      </div>
353    </div>
354  </div>
355
356<div class="two spacing"></div>
357
358  <div class="row">
359    <div class="large-12 columns">
360      <div class="mod modSectionHeader ">
361  <div class="special-title centered-text">
362    <h2 style="color: ;">Our mission</h2>
363  </div>
364  
365</div>
366      <div class="spacing"></div>
367      <div class='mod modCallToAction'>
368      <p class='centered-text'>
369        Our mission is to create and enable engaging, integrated, high-quality learning experiences in Mathematics and the Sciences;
370        to have a long-lasting, enriching impact on learners and teachers in South Africa and globally;
371        to constantly seek out and build the most relevant, effective technology whilst remaining rooted in the science of learning and instruction; and to engage and motivate young minds, helping them to master and develop the skills our future needs. </p>
372      </div>
373      <div class="spacing"></div>
374       <div class='medium-3 large-3 medium-centered larged-centered columns'>
375        <a class='button' href='technology-approach.html'>How are we achieving this?</a>
376      </div>
377      <div class="two spacing"></div>
378    </div>
379  </div>
380
381
382</div>
383
384<div class='full'>
385  <div class='row'>
386    <div class='large-12 columns'>
387      <div class="mod modSectionHeader ">
388  <div class="special-title centered-text">
389    <h2 style="color: ;">Our foundations</h2>
390  </div>
391  
392</div>
393      <div class='spacing'></div>
394      <p class='centered-text'>
395        In pursuing our mission, we have three foundations that form the core of all that we do.
396      </p>
397      <div class='spacing'></div>
398    </div>
399  </div>
400  <div class='row'>
401    <div class='medium-6 columns middle'>
402      <img class="fadeinleft" alt="" src="images/home_page/nguni-phrase.png" />
403      <div class='three spacing'></div>
404    </div>
405    <div class='medium-6 columns'>
406      
407        <div class='fadein mod modIconText' data-delay='0'>
408          <div class='icon-text-simple'>
409            <i class='fa fa-trophy'></i>
410            <h3>Openness</h3>
411            <p>We believe in openness, a key principle in our philosophy that every learner and teacher should have access to high quality educational resources as a basis for long-term growth and development.</p>
412          </div>
413          <div class='two spacing'></div>
414        </div>
415      
416        <div class='fadein mod modIconText' data-delay='300'>
417          <div class='icon-text-simple'>
418            <i class='fa fa-cogs'></i>
419            <h3>Technology</h3>
420            <p>We believe in investing time and research into building technology that facilitates deep learning experiences, specifically in Mathematics and Science.</p>
421          </div>
422          <div class='two spacing'></div>
423        </div>
424      
425        <div class='fadein mod modIconText' data-delay='600'>
426          <div class='icon-text-simple'>
427            <i class='fa fa-pagelines'></i>
428            <h3>Community</h3>
429            <p>We believe in working with the community on a small and large scale, drawing on the strengths and experiences of others to make sure what we do is relevant and has a broad impact.</p>
430          </div>
431          <div class='two spacing'></div>
432        </div>
433      
434    </div>
435  </div>
436  <div class='spacing'></div>
437</div>
438
439
440<div class='full parallax' style='background-image: url(images/sliders/wall.jpg); color: #fff;'>
441  <div class='row'>
442    <div class='large-12 columns'>
443      <div class="mod modSectionHeader ">
444  <div class="special-title centered-text">
445    <h2 style="color: #fff;">Why believe in us?</h2>
446  </div>
447  
448</div>
449      <div class='spacing'></div>
450      <p class='centered-text' style='color: #ccc;'>
451       Some of the numbers that speak for themselves.
452      </p>
453      <div class='two spacing'></div>
454    </div>
455  </div>
456  <div class='row'>
457    
458      <div class='medium-3 large-3 columns'>
459        <div class='mod modMilestone'>
460          <i class='fa fa-group'></i>
461          <strong data-from='0' data-to='18'>&nbsp;</strong>
462          <span>awesome people on our team</span>
463          <div class='four spacing'></div>
464        </div>
465      </div>
466    
467      <div class='medium-3 large-3 columns'>
468        <div class='mod modMilestone'>
469          <i class='fa fa-graduation-cap'></i>
470          <strong data-from='0' data-to='31'>&nbsp;</strong>
471          <span>qualifications under our roof</span>
472          <div class='four spacing'></div>
473        </div>
474      </div>
475    
476      <div class='medium-3 large-3 columns'>
477        <div class='mod modMilestone'>
478          <i class='fa fa-line-chart'></i>
479          <strong data-from='0' data-to='30778885'>&nbsp;</strong>
480          <span>exercises completed on our practice service</span>
481          <div class='four spacing'></div>
482        </div>
483      </div>
484    
485      <div class='medium-3 large-3 columns'>
486        <div class='mod modMilestone'>
487          <i class='fa fa-book'></i>
488          <strong data-from='0' data-to='10000000'>&nbsp;</strong>
489          <span>openly-licensed textbooks on desks</span>
490          <div class='four spacing'></div>
491        </div>
492      </div>
493    
494  </div>
495  <div class='two spacing'></div>
496</div>
497
498<div class='full parallax' style='background: #f5f5f5'>
499  <div class='row'>
500    <div class='large-12 columns'>
501      <p class='centered-text'>
502        <i class='fa fa-quote-left' style='color: #018cb6; font-size: 36px;'></i>
503      </p>
504    </div>
505  </div>
506  <div class='row'>
507    <div class='large-12 columns'>
508      <div class="mod modSectionHeader ">
509  <div class="special-title centered-text">
510    <h2 style="color: ;">What do others say?</h2>
511  </div>
512  
513</div>
514      <div class='spacing'></div>
515    </div>
516  </div>
517  <div class='row'>
518    <div class='large-12 columns'>
519      <div class='mod modTestimonials'>
520        <div class='row'>
521          <div class='small-12 columns'>
522            <div class='items centered-text' data-slick='{"autoplaySpeed": 6000}'>
523              
524                <div class='item'>
525                  <p class='quote'>"The whole team is so open for suggestions and input from teachers...With a casual, conversational way they share so much knowledge and it is evident that they know what they are talking about."</p>
526                  <p class='author'>- Rozelda Pienaar, Deputy Principal, Prestige College</p>
527                </div>
528              
529                <div class='item'>
530                  <p class='quote'>"We find that Intelligent Practice is an effective tool that not only helps the students, but supports the teacher. It’s a fun new way of laying strong foundations in Mathematics and Science."</p>
531                  <p class='author'>- Mathematics and Science Department, Maragon Olympus</p>
532                </div>
533              
534                <div class='item'>
535                  <p class='quote'>"We are thankful that we came across the wonderful programme and amazing group of people that have a passion for what they do and have the teachers’ and learners’ best interest at heart."</p>
536                  <p class='author'>- Rozelda Pienaar, Deputy Principal, Prestige College</p>
537                </div>
538              
539                <div class='item'>
540                  <p class='quote'>"Maths is very important to me because it can open a lot of opportunities for me. Many people see maths as something that is very difficult, but this system shows us that maths is actually pretty easy."</p>
541                  <p class='author'>- Pontsho Mathuma, Learner, Olico Youth</p>
542                </div>
543              
544                <div class='item'>
545                  <p class='quote'>"I improved exceedingly well, not only with Everything Maths but also at school. I also give myself time to practise Mathematics as I know that the more I practise the more I improve and the more opportunities I get to fulfil my dreams."</p>
546                  <p class='author'>- Sinenhlanhla Shezi, Learner, Barnato Park High School</p>
547                </div>
548              
549            </div>
550          </div>
551          <div class='spacing'></div>
552        </div>
553      </div>
554    </div>
555  </div>
556</div>
557
558<div class='full no-padding' style='background: #fff'>
559  <div class='two spacing'></div>
560  <div class='mod modCallToAction'>
561    <div class='row'>
562      <div class='medium-9 large-9 columns'>
563        <p>Stay up to date with what we're doing, thinking and building with our newsletter</p>
564      </div>
565      <div class='medium-3 large-3 columns'>
566        <a class='button' href='newsletter.html'>Subscribe</a>
567      </div>
568    </div>
569  </div>
570  <div class='spacing'></div>
571</div>
572
573    </div>
574
575    <div id='footer'>
576  <div class='three spacing'></div>
577  <div class='row'>
578    <div class='large-3 medium-3 columns'>
579      <div class="logo">
580        <a href='/index.html'>
581          <img alt="https://www.siyavula.com" src="/images/logo-ffffff.svg"/>
582        </a>
583      </div>
584      <ul>
585        <li>©2015 Siyavula Education</li>
586        <li>
587          All rights reserved</li>
588      </ul>
589      <div class='spacing'></div>
590      <div class='spacing'></div>
591      <div class='spacing'></div>
592      <div class='spacing'></div>
593    </div>
594    <div class='large-3 medium-3 columns'>
595      <div class='spacing'></div>
596      <div class='links'>
597        <h4>Quick links</h4>
598        <ul>
599          <li>
600            <a href="/index.html">Home</a>
601          </li>
602          <li>
603            <a href="/products-high-school.html">Our products</a>
604          </li>
605          <li>
606            <a href="/work.html">Our work</a>
607          </li>
608          <li>
609            <a href="/downloads/Siyavula_Education-Company_brochure.pdf">Company brochure</a>
610          </li>
611        </ul>
612      </div>
613      <div class='spacing'></div>
614    </div>
615    <div class='large-3 medium-3 columns'>
616      <div class='spacing'></div>
617      <div class='links'>
618        <h4>Newsletter</h4>
619        <ul>
620          <li>Stay up to date with what we're doing, thinking and building</li>
621          <li>
622            <a href="/newsletter.html">SUBSCRIBE</a>
623          </li>
624        </ul>
625      </div>
626      <div class='spacing'></div>
627    </div>
628    <div class='large-3 medium-3 columns'>
629      <div class='spacing'></div>
630      <h4>Contact us</h4>
631      <ul>
632        <!--
633          <li>Phone:
634            <a href="tel:0027212044866">+27 21 204 4866</a>
635          </li>
636        -->
637        <li>Email:
638          <a href="mailto:[email protected]">[email protected]</a>
639        </li>
640        <!--
641          <li>Location:
642            <a href="https://goo.gl/maps/vhgBvty4n2D2">Unit 11, Lonsdale Building, 5 Lonsdale Way, Pinelands, Cape Town, 7405</a>
643          </li>
644        -->
645      </ul>
646      <div class='spacing'></div>
647      <ul class='socials'>
648        <li>
649          <a href='https://www.facebook.com/siyavula'>
650            <i class='fa fa-facebook'></i>
651          </a>
652        </li>
653        <li>
654          <a href='https://twitter.com/Siyavula'>
655            <i class='fa fa-twitter'></i>
656          </a>
657        </li>
658      </ul>
659      <div class='spacing'></div>
660    </div>
661  </div>
662  <div class='two spacing'></div>
663</div>
664<script src=" /javascripts/jquery_plugins.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 664
664
665<script src=" /javascripts/app.min.js" type="text/javascript"></script>
665
666
667
668  </body>
669
670</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.