Created: 18/10/2019

By: 0effortthemes 0effortthemes.com

Thank you for your purchase! If you have any questions that you feel should have been in this document,
please feel free to contact us through our Support. Thanks!

Also you'll need some knowledge of bootstrap, css, jquery to edit this theme.

Release: v1.0

Theme Overview

Let's Go Traveller Theme is multi purpose HTML5 template, but can also be used for other template purposes to serve as a foundation of your website/web page. It is based on Twitter Bootstrap with SaSS.

To use the template you have to be a little familiar with HTML and CSS. If you are familiar with HTML and CSS and if you go through the HTML files, you will discover how easily you will be able to customize the template according to your needs. This documentation covers some basics to help you get started with the customization process.

File Structure

When you download the 0effort theme folder you'll see something like this 

						ROOT FOLDER
						-----------
						+-- fonts /
						¦	+-- all fonts used
						+-- images /
						¦	+-- all images used
						+-- styles /				
						¦	+-- main.css
						¦	+-- vendor.css
						+-- scripts /					
						¦	+-- main.js	
						

						PAGES & SUBPAGES
						----------------
						+-- Home 
						+-- About (coming soon) 
						+-- Services (coming soon) 
						+-- Partners (coming soon) 
						+-- Booking
						¦ 	+-- Flights Booking
						¦ 	+-- Train Booking
						¦ 	+-- Hotels Booking
						¦ 	+-- Restaurants Booking
						¦ 	+-- Cruise Booking
						¦ 	+-- Cab Booking
						+-- Offers (coming soon) 
						+-- Blog /
						¦ 	+-- Blog News
						¦ 	+-- Blog Details 
						+-- Comntact.html

Home page Layouts

The main layout of the Index page template can be summarized in the following snapshot.

image home page

CSS Structure

CSS files used in this template are as follows:

  • main.css - main css file , desktop resolution , tablet resolution, mobile resolution specific css
  • vendor.css - contains third party css file, mentioned by gulp

Icon Usage

All icons are customized icons used in this template. The size and color of the icons can be modified by template CSS. More icons can be added from the "Flaticon" site; then download them as SVG image and put them in site for creating icons using "prefix" name as the template name. After that, download the generated fonts.

To use the icons, simply write like as follows

						<i class="icon-Behance"></i>
						<i class="icon-Facebook"></i>
						<i class="icon-like"></i>
						<i class="icon-search"></i>
						<i class="icon-Twitter"></i>
						<i class="icon-Vimeo"></i>
						< i class="gt-seat-eco" ></i>
						< i class="gt-seat-business" ></i>
						< i class="gt-mchecking" ></i>
						< i class="gt-seat" ></i>
						< i class="gt-flight" ></i>
						< i class="gt-person" ></i>
						< i class="gt-sun" ></i>
						< i class="gt-food" ></i>
						< i class="gt-calendar" ></i>
						< i class="gt-user-1" ></i>
						< i class="gt-star" ></i>
						< i class="gt-breakfast" ></i>
						< i class="gt-router" ></i>
						< i class="gt-swimming-pool" ></i>
						< i class="gt-beach" ></i>
						< i class="gt-spa" ></i>
						< i class="gt-taxi" ></i>
						< i class="gt-heart" ></i>
						< i class="gt-like" ></i>
						< i class="gt-user" ></i>
						< i class="gt-cloud" ></i>
						< i class="gt-clock" ></i>
						< i class="gt-search" ></i>
						< i class="gt-uniE910" ></i>
						< i class="gt-uniE912" ></i>
						< i class="gt-uniE914" ></i>
						< i class="gt-uniE916" ></i>
						< i class="gt-uniE918" ></i>
						< i class="gt-shape" ></i>
						< i class="gt-uniE91B" ></i>
						< i class="gt-airplane" ></i>
						< i class="gt-calendar1" ></i>
						< i class="gt-chair" ></i>
						< i class="gt-cruise" ></i>
						< i class="gt-door-sign" ></i>
						< i class="gt-expand-button" ></i>
						< i class="gt-internet" ></i>
						< i class="gt-Menu-dot-icon" ></i>
						< i class="gt-package" ></i>
						< i class="gt-placeholder" ></i>
						< i class="gt-plate" ></i>
						< i class="gt-right-arrow" ></i>
						< i class="gt-shopping-bag" ></i>
						< i class="gt-star1" ></i>
						< i class="gt-taxi1" ></i>
						< i class="gt-train" ></i>

Javascript

main.js - Contents javascripts/jQuery code to initialize other js plugins present in vendor.js and plugins.js used in the template.

vendor.js - It is a collection of all third party libraries. Included Web font

plugin.js - It is a collection of all javascript plugins built in bootstrap