“Lugada - Landing Page Template” Documentation v1.0
“Lugada - Landing Page Template”
By: Techzaa
Thank you for purchasing this theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
Table of Contents
- Introduction
- HTML Files and Structure
- CSS Files and Structure
- JavaScripts
- Navigation and Logos
- Fonts used
- Sources and Credits
A) Introduction - top
Lugada is a fully reponsive landing page built using latest bootstrap framework. It's designed for describing your app, agency or business. The clean and well commented code allows easy customization of the theme. The theme includes 17 different variations for the top most important part of the page. You can choose the best according to your needs. There are 2 coming soon templates provided as a bonus.
Template Features
- Built using BOOTSTRAP 5.3.0
- 17+ homepage variants to choose from
- Fully Responsive design
- W3C Valid Code
- Easy to customise
- Commented and clean code
- Coming Soon pages
- About Us Page
- Contact Page
- FAQ Page
- Image Background
- Gradient Background
- Video Background
- Clean Design
- Smooth Scrolling
- Contact Form
- Newsletter Subscription
- Pricing Tables
- And much more...
B) HTML Structure - top
HTML Files
- index.html - Home Page
- about.html - About Page
- contact.html - Contact Page
- faq.html - FAQ Page
General HTML structure
This template is a responsive layout. The general template structure is the same throughout the template. Here is the general structure.
C) CSS Files and Structure - top
Styles
Lets take a look closely at our stylesheet files.
style.css
Common css styles for this template.
bootstrap.min.css
This stylesheet contains 12-columns responsive grid system based on Bootstrap.
ionicons.min.css
Base styles for ionicons icon fonts.
animate.css
Styles for animation style.
flexslider.css
Styles for flexslider slider.
D) JavaScript - top
This theme imports 14 Javascript files.
Lets take a look closely at our javascript files.
jquery.js
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
bootstrap.min.js
Bootstrap It is the most popular front-end framework for developing responsive, mobile first projects on the web.
wow.min.js
scroll.js file contains combining javascript code for two library called BrowserSelector and smoothScroll for jQuery.
jquery.app.js
This is app specific file. And we put initialisation of many plugins here.
E) Navigation and Logos - top
Header Logo
The Logo is nested within a navbar section(with class 'navbar-brand'). As you can see currently there is only image based logo. But you can define text based logo also.
Navigation Menu
The page navigation links such as Home, Services, About, Portfolio, Contact, etc are included within a div-tag with class navbar-custom.nav.navbar-nav.
F) Fonts Used - top
Following two fonts are being used in template.
G) Sources and Credits - top
- Bootstrap
- Jquery
- Ionicons
- Animate.css
- Wow.js
- Magnific-popup
- SmoothScroll.js
- Backstretch
- YTPlayer
- Simple-text-rotator
- Typed
- Flexslider
- Codrops
- UIgradients
- Stocksnap (images)
Once again, thank you so much for purchasing this theme. As We said at the beginning, We'd be glad to help you if you have any questions relating to this theme. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Techzaa