Appvilla - Creative Landing Page HTML Template.

Welcome To Appvilla - Creative Landing Page HTML Template.

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

This document covers the installation and use of this theme 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@graygrids.com Thank you so much!

Template Features

  • 100% Fluid Responsive – Fits any device perfectly
  • Build with Sass
  • Tested on real devices
  • Built on Latest Bootstrap 5.0.0
  • Flexible Layout
  • Flat, modern and clean design.
  • Retina Optimised
  • Social Links
  • Clean & Commented Code
  • Advanced Typography
  • Pixel Perfect Design
  • Valid HTML5 & CSS3 Files
  • Blog Pages
  • Various Post Formats
  • Cross Browser Compatibility
  • Multiple location google map
  • Awesome Unique Look
  • Unique effects and functionality
  • Google font
  • Quick, Dedicated and Professional Support
  • Well Documented and More.

Appvilla - Creative Landing Page HTML Template.

Installing Template.

  1. After unzip the download pack, you'll found 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.(May not wotrk fonts and google map).
  3. The only section that will not work is the Contact Section which contains PHP code and requires a server environment for send messages.
  4. Now go to your cpanel or open your FTP Client (like Filezilla) and upload the content of the Template on your server root.
  5. 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).

Sass Files and Structure

These are the Sass files that are loaded into templates in Head Section via Sass Compiler in (assets/css/main.css) 

		            /* ===========================
					Index Of css

					01. Variables CSS
					02. Normalize CSS
					03. Header CSS
					04. Hero CSS
					05. Features CSS
					06. Achievement CSS
					07. Testimonial CSS
					08. Pricing CSS
					09. Faq CSS
					10. Blog CSS
					11. Clients CSS
					12. Team CSS
					13. Portfolio CSS
					14. Contact CSS
					15. Error CSS
					16. Mail Success CSS
					17. Footer CSS
					========================== */

Google Web Fonts

By default, the template loads this font from Google Web Font Services, you can change the font with the one that suits you best.

Remember to change the font into _variables.scss

Javascript Files and Structure

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

Contact Form

This is a PHP Script for sending messages to your email, you should replace youremail@gmail.com to your email to start receive messages.

You can find the script in Template Main file. For that you have to open assets/mail/mail.php

After opening the script you have to change the receiver email address Ex:yourmail@gmail.com

						if($_POST) {

							$to = "youremail@gmail.com"; // Your email here
							$subject = 'Message from my website'; // Subject message here

						}

Color Option

How can I change the template color?

  • If you want to change the whole template color then you can easily do that because of the template build with Sass, For that you have to run the Sass in your computer & go to (assets/scss/_variables.scss).
  • After that just replace the $theme-color into your favirote color.

Source and Credit