GenAI - AI Content Writing & Copywriting HTML5 Landing Page Template

Documentation

Template Name: GenAI
Author: Marvel_Theme
Version: 1.2
Initial Release: 1 May 2023
Last Update: 23 May 2023

Thank you very much for purchasing the template. We've put a lot of hard work into it, and we hope you love it as much as we do. As far as the documentation is concerned, we have tried to cover as much as possible to help you get your new template up and running and to help you customise it. If you have any questions that are beyond the scope of this help file, please feel free to drop us an email.


What's included

After downloading the files from Themeforest and unzip them to the local disk on your computer. Inside the extracted folder you will see three folders named Documentation, genai-build & genai-dev.

  • Documentation - the documentation for the GenAI template
  • genai-build - the compiled files that you can cusmomize with your content and uplaod to your server
  • genai-dev - all the source files of the template with compiled and production ready files for the developers and advanced users to customize even more.

General Customization

You can customize any .html files inside the genai-build directory to change your contents to make it on your own.


Change Placeholder Images

When you download the template files you will see we used placholder images instead of those originals we used in our preview link. To change with your desired images replace the placeholder images from assets/images directory.

Logo

We use Default logo as a image logo. you can replace the image with your own image. If you want to use text instead of logo, just remove the image and add your text inside .navbar-brand


CSS Files

All the css files are located in the assets/css folder of the template.
plugins.css - This file includes all 3rd party plugins used in the template.
style.css - Main stylesheet which includes all the styles of the template.


JavaScript Files

All vendor, 3rd party plugin and our custom JavaScript files are located in the assets/js folder.
plugins.js - This files includes all 3rd party plugins in the template.
main.js - Our custom JavaScript file. You can add your custom js codes there if you need to.


PHP Contact Form

Our contact form is totally functional, after submit form you can see form data on your E-mail. To get the emails to your email address, go to the assets/php and open the contact_email.php in a text editor. Then change the receipient email address to your email address. You can also change the email subject.


Sources and credits

Image Credits:

JavaScript Plugins:


Developer Mode

For advanced users and developers, you can customize more the template by the following steps:

  • Make sure you have installed nodejs on your computer.
  • Install gulp-cli on your computer by run command npm install -g gulp-cli from your terminal (Mac/Linux) or Command prompt/Powershell (Windows).
  • Navigate through genai-dev folder & run command npm install for installing all of your package.
  • Run command npm run start to start this project on development server. -- this will build the template and store them to the build folder.
  • After completing development, run command npm run prod -- this will build the template and store them to the dist folder. This files are minified css and js, images are optimized and compact by removing unused css from the css files.

Changelog

v1.2 - 23 May, 2023

+ Added dark feature illustrations
+ Added some small design improvments.
! Fixed Navbar background bug on lite pages
! Fixed Apple icon on register-lite.html

v1.1 - 11 May, 2023

+ Added lite version of all pages
+ Added 404 error page
+ Pinned navbar on top on scroll
! Fixed minor bugs

v1.0 - 1 May, 2023

Initial Release

Rate This Template

If you like this template, please remember to rate it on ThemeForest - it really helps us to know what people think of our templates. To rate this item, go to your Downloads page on ThemeForest, then next to this template give it the five star rating :)

rating

We would love to hear your feedback. If you find any bugs or have suggestions for improvements please get in touch. Nearly all of the time we follow your advice and issue a rapid update.