Collab - Online Learning Platform Template

Welcome To Collab - HTML5 Template Documentation.

Firstly, a huge thanks for purchasing this template, your support is truly appreciated!

This document covers the installation and use of this template and often reveals answers to common problems and issues - read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to email at Support Mail Thank you so much!

Template Features

  • Clean & Simple Design
  • HTML5 & CSS3
  • Fully Responsive Design
  • All files are well commented
  • Cross Browser Compatible with Firefox, Safari, Opera, Chrome
  • Extensive Documentation

Collab - HTML5 Template

Installing Template.

  1. After unzipping the downloaded pack, you'll find a Template Folder with all the files.
  2. You can view this Template in any browser, you can display or edit the Template without an internet connection.(Fonts and Google Maps might not work without internet connection).
  3. The only section that will not work is the Contact Form.
  4. Once the files are done uploading go to www.yourdomainname.com/index.html

Template Structure

All information within the main content area is nested within a body tag. The general template structure is pretty the same throughout the template. Here is the general structure of main page (index.html). 

						<!DOCTYPE html>
						<html lang="en">

							<head>
								<meta charset="utf-8">
								<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

								<title>Collab - Online Learning Platform Template</title>
								<link rel="shortcut icon" href="file location here/favorite_icon.png">

								<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
								<link rel="stylesheet" type="text/css" href="assets/css/style.css">
							</head>

							<body>
								<div class="page_wrapper">
									<header class="site_header">
									...
									</header>

									<main class="page_content">

										<section class="section">
										...
										</section>

									</main>

									<footer class="site_footer">
									...
									</footer>
								</div>

								<script src="assets/js/jquery.min.js"></script>
								<script src="assets/js/popper.min.js"></script>
								<script src="assets/js/bootstrap.min.js"></script>
								<script src="assets/js/main.js"></script>
							</body>
						</html>

CSS Files and Structure

These are the css files that are loaded into the Head Tag

Web Fonts

By default, the template loads the free Google fonts & Custom, you can change the font with the one that suits you best.

						- Roboto (Body Font)
						- Barlow (Heading Font)

Remember to change the font into style.css

Javascript Files and Structure

These are the list of Javascript files that are loaded into templates in end of the Body Tag.

Source & Credit