Kenya National Qualifications Authority

Introduction

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam condimentum ligula quis sollicitudin laoreet. Sed sit amet ante varius, tempus risus sit amet, ultricies nulla. Integer pretium lobortis tortor, non volutpat sem accumsan nec. Nulla semper arcu nec justo ultricies, quis tempus magna molestie. Integer eu ipsum non dui mollis rhoncus. In sit amet magna molestie, fermentum quam non, faucibus mi. Donec metus nisi, laoreet ac massa eu, tincidunt molestie nisl.

Nulla egestas vulputate tempor. Quisque eu commodo turpis. Etiam magna mi, pharetra at mollis vel, auctor at urna. Cras eget maximus ex. Praesent sed venenatis enim, in mattis dui. Aenean eu ligula hendrerit, pretium lectus tempor, consectetur urna. Pellentesque ullamcorper metus at lacus venenatis, a accumsan arcu blandit. Etiam metus tortor, efficitur in finibus sit amet, rutrum a urna. Aliquam erat volutpat.

Getting started

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam condimentum ligula quis sollicitudin laoreet. Sed sit amet ante varius, tempus risus sit amet, ultricies nulla. Integer pretium lobortis tortor, non volutpat sem accumsan nec. Nulla semper arcu nec justo ultricies, quis tempus magna molestie. Integer eu ipsum non dui mollis rhoncus. In sit amet magna molestie, fermentum quam non, faucibus mi. Donec metus nisi, laoreet ac massa eu, tincidunt molestie nisl.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam condimentum ligula quis sollicitudin laoreet. Sed sit amet ante varius, tempus risus sit amet, ultricies nulla. Integer pretium lobortis tortor, non volutpat sem accumsan nec. Nulla semper arcu nec justo ultricies, quis tempus magna molestie. Integer eu ipsum non dui mollis rhoncus. In sit amet magna molestie, fermentum quam non, faucibus mi. Donec metus nisi, laoreet ac massa eu, tincidunt molestie nisl.

  • NAQIMS
    • Assets
      • Ajax
      • Css
      • Fonts
      • Images
      • Js
      • Json
      • Scss
      • Video
    • Boxes
    • Dark
    • Default
    • Document
    • Extra
    • RTL
    • Starter-kit

Note: The root folder denoted further in this documentation refers to the 'template' folder inside the downloaded folder

Deploying Source-Code
FTP Upload:

Open up your FTP manager and connect to your hosting

Browse to required directory (Normally public_html)

Upload the files inside strong Main folder.

Pages

Register QAI

The KNQF is regulated through mechanisms intended to ensure compliance with the arrangements and requirements laid down for the qualifications system and to ensure that the system delivers qualifications of an acceptable quality. The following is a summary of the procedures shall be operated: STAGE 1: The institution shall get advice and documentation from the KNQA and undertakes a self-assessment against the criteria provided; The institution shall submit this, in the appropriate format and together with supporting evidence, to the KNQA; STAGE 2: The KNQA shall appoint and brief an expert panel to validate the application for accreditation; The panel shall consist of one or more experts from the Authority, together with one or more sector or subject experts appointed for this purpose by the KNQA Board. The expert panel shall: Evaluate the self-assessment report provided by the applicant institution; Visit the applicant institution; Complete a report and makes recommendations; Submit the report to KNQA and copies it to the institution. STAGE 3: The KNQA shall decide on the panel’s recommendations and inform the applicant institution; STAGE 4: The KNQA shall publish and gazette the accredited Institution, and issue the necessary documentation confirming the institution’s status as an accredited qualification awarding and/or assessment institution. For more details about the Accreditation Process, click here to download the Accreditation Process for Institution

Advance UI Elements
To use java script you have to add the following style and script tag
<!--Scrollable css-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/scrollable.css">

<!--scrollable js-->
<script src="/app-assets/js/scrollable/scrollable-custom.js"></script>
<script src="/app-assets/js/scrollable/perfect-scrollbar.min.js" ></script>
To use java script you have to add the following style and script tag
<!-- Tree css -->
<link rel="stylesheet" type="text/css" href="/app-assets/css/tree.css">

<!-- Tree js-->
<script src="/app-assets/js/tree/jstree.min.js"></script>
<script src="/app-assets/js/tree/tree.js" ></script>
To use java script you have to add the following script tag
<!-- bootstrap notify js -->
<script src="/app-assets/js/notify/bootstrap-notify.min.js" ></script>
<script src="/app-assets/js/notify/notify-script.js" ></script>
To use java script you have to add the following style and script tag
<!-- range slider css start here -->
<link rel="stylesheet" type="text/css" href="/app-assets/css/rating.css">

<!-- Ion Range Slider js -->
<script src="/app-assets/js/rating/jquery.barrating.js" ></script>
<script src="/app-assets/js/rating/rating-script.js" ></script>
To use java script you have to add the following style and script tag
<!-- Dropzone start here -->
<link rel="stylesheet" type="text/css" href="/app-assets/css/dropzone.css">

<!-- Dropzone js -->
<script src="/app-assets/js/dropzone/dropzone.js" ></script>
<script src="/app-assets/js/dropzone/dropzone-script.js" ></script>
To use java script you have to add the following style and script tag
<!-- tour js -->
<script src="/app-assets/js/tour/intro.js" ></script>
<script src="/app-assets/js/tour/intro-init.js" ></script>
To use java script you have to add the following style and script tag
<!-- Sweet alert jquery-->
<script src="/app-assets/js/sweet-alert/sweetalert.min.js" ></script>
<script src="/app-assets/js/sweet-alert/app.js" ></script>
To use java script you have to add the following css and script tag
<!-- animate css -->
<link rel="stylesheet" type="text/css" href="/app-assets/css/animate.css">

<!-- Modal js-->
<script src="/app-assets/js/modal-animated.js"></script>
To use java script you have to add the following style and script tag
<!-- range slider css start here -->
<link rel="stylesheet" type="text/css" href="/app-assets/css/range-slider.css">

<!-- Ion Range Slider js -->
<script src="/app-assets/js/range-slider/ion.rangeSlider.min.js"></script>
<script src="/app-assets/js/range-slider/rangeslider-script.js" ></script>
To use java script you have to add the following style and script tag
<!--Image cropper css-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/image-cropper.css">

<!--Cropper jquery-->
<script src="/app-assets/js/image-cropper/cropper.js"></script>
<script src="/app-assets/js/image-cropper/cropper-main.js"></script>
To use java script you have to add the following style and script tag
<!-- sticky css -->
<link rel="stylesheet" type="text/css" href="/app-assets/css/sticky.css">

<!--Sticky note js-->
<script src='../assets/js/sticky/sticky.js'></script>
Animations
To use java script you have to add the following style and script tag
<!-- animate custom js -->
<script src="/app-assets/js/animate-custom.js" ></script>

<!-- Animate icon -->
<link rel="stylesheet" href="/app-assets/css/animate.css">
To use java script you have to add the following script tag
<!-- Scroll Reveal jquery-->
<script src="/app-assets/js/scroll-reveal/scrollreveal.min.js"></script>
<script src="/app-assets/js/modernizr.js" ></script>
To use java script you have to add the following style and script tag
<!-- AOS icon -->
<link rel="stylesheet" type="text/css" href="/app-assets/css/aos/aos.css">

<!-- AOS js-->
<script src='../assets/js/isotope.pkgd.js'></script>
<script src="/app-assets/js/aos/aos.js" ></script>
<script src="/app-assets/js/aos/aos-init.js" ></script>
To use java script you have to add the following script tag
<!-- Tilt js-->
<script src="/app-assets/js/tilt/tilt.jquery.js"></script>
<script src="/app-assets/js/tilt/tilt-custom.js"></script>
To use java script you have to add the following style and script tag
<!-- WOW js-->
<script src="/app-assets/js/wow/wow.min.js" ></script>
<script src="/app-assets/js/wow/wow-init.js" ></script>
Icons

To use another types button you have to link the related css file according to types of buttons in a head tag

Forms
To use java script you have to add the following script tag
<script src="/app-assets/js/form-validation-custom.js" ></script>
Tables
# First Name Last Name Username Role Country
1 Alexander Orton @mdorton Admin USA
2 John Deo Deo @johndeo User USA
3 Randy Orton the Bird @twitter admin UK
4 Randy Mark Ottandy @mdothe user AUS
5 Ram Jacob Thornton @twitter admin IND
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First Name</th>
<th scope="col">Last Name</th>
<th scope="col">Username</th>
<th scope="col">Role</th>
<th scope="col">Country</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Alexander</td>
<td>Orton</td>
<td>@mdorton</td>
<td>Admin</td>
<td>USA</td>
</tr>
<tr>
<th scope="row">2</th>
<td>John Deo</td>
<td>Deo</td>
<td>@johndeo</td>
<td>User</td>
<td>USA</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Randy Orton</td>
<td>the Bird</td>
<td>@twitter</td>
<td>admin</td>
<td>UK</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Randy Mark</td>
<td>Ottandy</td>
<td>@mdothe</td>
<td>user</td>
<td>AUS</td>
</tr>
<tr>
<th scope="row">5</th>
<td>Ram Jacob</td>
<td>Thornton</td>
<td>@twitter</td>
<td>admin</td>
<td>IND</td>
</tr>
</tbody>
</table>
</div>
To use java script you have to add the following script tag
<script src="/app-assets/js/form-validation-custom.js" ></script>
To use java script you have to add the following style and script tag
<!--JSGrid css-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/datatables.css" />
<link rel="stylesheet" type="text/css" href="/app-assets/css/datatable-extension.css">

<!--Datatable extension js-->
<script src="/app-assets/js/datatables/jquery.dataTables.min.js"></script>
<script src="/app-assets/js/datatable-extension/dataTables.buttons.min.js"></script>
<script src="/app-assets/js/datatable-extension/jszip.min.js"></script>
<script src="/app-assets/js/datatable-extension/pdfmake.min.js"></script>
<script src="/app-assets/js/datatable-extension/vfs_fonts.js"></script>
<script src="/app-assets/js/datatable-extension/dataTables.autoFill.min.js"></script>
<script src="/app-assets/js/datatable-extension/dataTables.select.min.js"></script>
<script src="/app-assets/js/datatable-extension/buttons.print.min.js"></script>
<script src="/app-assets/js/datatable-extension/buttons.html5.min.js"></script>
<script src="/app-assets/js/datatable-extension/dataTables.bootstrap4.min.js"></script>
<script src="/app-assets/js/datatable-extension/dataTables.responsive.min.js"></script>
<script src="/app-assets/js/datatable-extension/responsive.bootstrap4.min.js"></script>
<script src="/app-assets/js/datatable-extension/dataTables.keyTable.min.js"></script>
<script src="/app-assets/js/datatable-extension/custom.js"></script>
Cards
Basic Card
<div class="card">
<div class="card-header">
<h5>Basic Card</h5>
</div>
<div class="card-body">
<p class="mb-0"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. </p>
</div>
</div>
To use java script you have to add the following script tag
<!--Sortable JS-->
<script src="/app-assets/js/dragable/jquery.ui.min.js"></script>
<script src="/app-assets/js/dragable/sortable.js"></script>
<script src="/app-assets/js/dragable/sortable-custom.js"></script>
Theme Card
<div class="card card-g-primary">
<div class="card-header">
<h5>primary-gradient</h5>
</div>
<div class="card-body">
<p class="mb-0"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. </p>
</div>
</div>
Timeline
To use java script you have to add the following script tag
<!-- Timeline js-->
<script src="/app-assets/js/timeline-v-1/main.js" ></script>
<script src="/app-assets/js/modernizr.js" ></script>
To use java script you have to add the following script tag
<!-- Timeline js-->
<script src="/app-assets/js/timeline-v-2/jquery.timeliny.min.js"></script>
<script src="/app-assets/js/timeline-v-2/timeline-v-2-custom.js" ></script>
Charts
To use java script you have to add the following script tag
<!-- google Chart JS-->
<script src="/app-assets/js/chart/google-chart-loader.js"></script>
<script src="/app-assets/js/chart/google-chart.js"></script>
To use java script you have to add the following script tag
<!--Sparkline Chart JS-->
<script src="/app-assets/js/sparkline/sparkline.js"></script>
<script src="/app-assets/js/sparkline/sparkline-script.js"></script>
To use java script you have to add the following style and script tag
<!-- flot Chart JS-->
<script src="/app-assets/js/flot-chart/excanvas.js"></script>
<script src="/app-assets/js/flot-chart/jquery.flot.js"></script>
<script src="/app-assets/js/flot-chart/jquery.flot.time.js"></script>
<script src="/app-assets/js/flot-chart/jquery.flot.symbol.js"></script>
<script src="/app-assets/js/flot-chart/jquery.flot.categories.js"></script>
<script src="/app-assets/js/flot-chart/jquery.flot.stack.js"></script>
<script src="/app-assets/js/flot-chart/flot-script.js"></script>
<script src="/app-assets/js/flot-chart/jquery.flot.pie.js"></script>
<script src="/app-assets/js/flot-chart/jquery.flot.symbol.js"></script>
To use java script you have to add the following script tag
<!--Sparkline Chart JS-->
<script src="/app-assets/js/sparkline/sparkline.js"></script>
<script src="/app-assets/js/sparkline/sparkline-script.js"></script>
<script src="/app-assets/js/radial-chart-tooltip.js" ></script>
To use java script you have to add the following script tag
<!-- Morris Chart JS-->
<script src="/app-assets/js/morris-chart/raphael.js"></script>
<script src="/app-assets/js/morris-chart/morris.js"></script>
<script src="/app-assets/js/morris-chart/prettify.min.js"></script>
<script src="/app-assets/js/morris-chart/morris-script.js"></script>
To use java script you have to add the following script tag
<!-- Chart JS-->
<script src="/app-assets/js/chart/chartjs/Chart.min.js"></script>
<script src="/app-assets/js/chart/chartjs/chart.custom.js"></script>
To use css and java script you have to add the following style and script tag
<!-- Chartist -->
<link rel="stylesheet" type="text/css" href="/app-assets/css/chartist.css">

<!-- Chartist -->
<script src="/app-assets/js/chartist/chartist.js"></script>
<script src="/app-assets/js/chartist/chartist-custom.js"></script>
To use java script you have to add the following script tag
<!--Knob Chart JS-->
<script src="/app-assets/js/knob/knob.min.js"></script>
<script src="/app-assets/js/knob/knob-chart.js"></script>
Maps
To use java script you have to add the following script tag
<!--Map css-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/mapsjs-ui.css">

<!-- Map js-->
<script src="/app-assets/js/map-js/mapsjs-core.js"></script>
<script src="/app-assets/js/map-js/mapsjs-service.js"></script>
<script src="/app-assets/js/map-js/mapsjs-ui.js"></script>
<script src="/app-assets/js/map-js/mapsjs-mapevents.js"></script>
To use css and java script you have to add the following style and script tag
<!--Vector Map css-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/vector-map.css">

<!--vector map js-->
<script src="/app-assets/js/vector-map/jquery-jvectormap-2.0.2.min.js"></script>
<script src="/app-assets/js/vector-map/map/jquery-jvectormap-world-mill-en.js"></script>
<script src="/app-assets/js/vector-map/map/jquery-jvectormap-us-aea-en.js"></script>
<script src="/app-assets/js/vector-map/map/jquery-jvectormap-uk-mill-en.js"></script>
<script src="/app-assets/js/vector-map/map/jquery-jvectormap-au-mill.js"></script>
<script src="/app-assets/js/vector-map/map/jquery-jvectormap-chicago-mill-en.js"></script>
<script src="/app-assets/js/vector-map/map/jquery-jvectormap-in-mill.js"></script>
<script src="/app-assets/js/vector-map/map/jquery-jvectormap-asia-mill.js"></script>
<script src="/app-assets/js/vector-map/map-vector.js"></script>
Editors
To use css and java script you have to add the following style and script tag
<!-- Summernote css -->
<link rel="stylesheet" href="/app-assets/css/summernote.css">

<!--Summer-note js-->
<script src="/app-assets/js/summernote/summernote.js"></script>
<script src="/app-assets/js/summernote/summernote.custom.js"></script>
To use java script you have to add the following script tag
<!--ckeditor js-->
<script src="/app-assets/js/ckeditor/ckeditor.js"></script>
<script src="/app-assets/js/ckeditor/styles.js"></script>
<script src="/app-assets/js/ckeditor/adapters/jquery.js"></script>
<script src="/app-assets/js/ckeditor/ckeditor.custom.js"></script>
To use css and java script you have to add the following style and script tag
<!-- Simple-MDE css -->
<link rel="stylesheet prefetch" href="/app-assets/css/simple-mde.css">

<!-- Simple MDE editor jquery-->
<script src="/app-assets/js/simple-mde/simplemde.min.js"></script>
<script src="/app-assets/js/simple-mde/simplemde.custom.js"></script>
To use css and java script you have to add the following style and script tag
<!--ace code editor js-->
<script src="/app-assets/js/ace-editor/ace.js"></script>
<script src="/app-assets/js/ace-editor/ace-custom.js"></script>

Apps

Users
You don't need to add any additional css or js. The css and js which describe in a html page is default. Use the code of it to use it
You don't need to add any additional css or js. The css and js which describe in a html page is default. Use the code of it to use it
Calender
To use java script you have to add the following style and script tag
<!-- calendar css -->
<link rel="stylesheet" type="text/css" href="/app-assets/css/calendar.css">

<!--Calendar js-->
<script src="/app-assets/js/calendar/moment.min.js"></script>
<script src="/app-assets/js/calendar/fullcalendar.min.js"></script>
<script src="/app-assets/js/calendar/fullcalendar-custom.js"></script>
for events of calender you have to add the same css and js which are used for basic calender
for advance calender you have to add the same css and js which are used for basic calender
Gallery
To use java script you have to add the grid gallery js also following script tag
<!--Masonry gallery js-->
<script src="/app-assets/js/masonry-gallery.js"></script>
for this you have to add the same css and js which are used for masonry gallery
You don't need to add any additional css or js for the gallery hover page
Email
To use java script you have to add the following script tag
<!--Email js-->
<script src="/app-assets/js/email-app.js"></script>
for this you have to add the same js which are used for Email application
Blog
You don't need to add any extra css or js to add the blog code
Chat
To use java script you have to add the following script tag
for this you don't need to add any additional css or js
Support ticket
To use java script you have to add the following script tag
<script src="/app-assets/js/support-ticket-custom.js" ></script>
TODO
To use java script you have to add the following script tag
<!-- To-do js -->
<script src="/app-assets/js/todo/todo.js"></script>
Landing page
You don't need to add any additional css or js for the landing page
Ecommerce
There is no need to add any additional css or js
There is no need to add any additional css or js
There is no need to add any additional css or js
There is no need to add any additional css or js
There is no need to add any additional css or js
To use java script for print you have to add the following script tag
<!--print js-->
<script src="/app-assets/js/print.js"></script>
Pricing
There is no need to add any additional css or js

Builder

Form builder
To use java script you have to add the following script tag
<!--Form builder js-->
<script src="/app-assets/js/form-builder-1/require.js"></script>
<script src="/app-assets/js/form-builder-1/main-built.js"></script>
To use java script you have to add the following script tag
<!--Form builder 2-->
<script src="/app-assets/js/form-builder-2/beautifyhtml.js"></script>
<script src="/app-assets/js/form-builder-2/form-builder-2.js"></script>
Button builder
To use java css and java script you have to add the following style and script tag
<!-- ButtonBuilder css -->
<link rel="stylesheet" type="text/css" href="/app-assets/css/button-builder.css">

<!--Button Builder-->
<script src="/app-assets/js/button-builder/colorpicker.js"></script>
<script src="/app-assets/js/button-builder/clipboard.min.js"></script>
<script src="/app-assets/js/button-builder/generator.js"></script>
<script src="/app-assets/js/button-builder/extend-1.0.js"></script>

Credits

We have used the following plugins in Serein admin