Legaland - Multi-Purpose HTML Landing Page Template

Last updated: December 30, 2020

Package files content

The package you downloaded from themeforest include the following structure:
Folder Structure
The main HTML file is index.html will open the homepage.

Different usage of this template

Legaland is a lightweight multi-purpose HTML template for startups, agencies and a wide range of businesses. built on Bootstrap 5. You can use the template to build startup, business, software, service, marketing, product, app and SaaS landing pages.

Index page structure

The main page of this template is index.html file. This is the homepage of your website, the first page the browser will open when users will access your website.


<!-- Navbar -->
	<nav class="navbar navbar-expand-lg navbar-light pt-4">
		<!-- Navbar -->
	</nav>
<!-- Navbar -->

<!-- section -->
	<div class="container">
		<!-- section content -->
	</div>
<!-- section -->

<!-- section -->
	<div class="container">
		<!-- section content -->
	</div>
<!-- section -->

<!-- section -->
	<div class="container">
		<!-- section content -->
	</div>
<!-- section -->

<!-- Footer -->
	<div class="footer">
		<!-- Footer content -->
	</div>
<!-- Footer -->

CSS Files

Main CSS File

The main CSS File is styles.css, it's located in CSS folder

At the top of the file there is a "Table of Contents" list that will guide through the CSS code.


/*==============================================
[Main stylesheet styles.css]

Author:			WM_Team
Version:		1.0
Created:		29 December 2020
Last updated:	29 December 2020
Template:		Legaland - Multi-Purpose HTML Landing Page Template for Business and Startups
================================================*/
/*
[Table of Contents]

01. VARIABLES
02. COLORS
03. LAYOUT
04. TYPOGRAPHY
05. NAVBAR
06. INTRODUCTION
07. COMPANIES LOGO
08. ENGAGEMENTS
09. SERVICES
10. PRICING
11. TESTIMONIALS
12. BLOG
13. SINGLE POST
14. SUBSCRIBE
15. FOOTER
16. MISC
17. RESPONSIVE
*/

Javascript Files

The template includes several javascript files which are loaded at the end of each index file


<script src="js/jquery.min.js"></script>
<script src="js/YouTubePopUp.jquery.js"></script>
<script src="js/pace.min.js"></script>
<script src="js/wow.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/feather.min.js"></script>
<script src="js/main.js"></script>

Sources and Credits

Scripts Credits

  • Bootstrap 5 - Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.
  • YouTubePopUp is a lightweight, jQuery to show videos on Popups.
  • Wow JS A plugin thats use animate.css to animates components on scroll
  • Pace JS A plugin for Preload pages
  • Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.

Images Credits

  • Unsplash is beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
  • Freepik a Graphic resources

Changelog

  • First release: December 30, 2020