Documentation: Next Open Template

Introduction

Thank you for purchasing  this template designed to be used by an Online Casino site. Within this manual we will show you how to install, edit and update the template.

We did our best to simplify this instruction and make it clear and easy to use.

Every file contains comments that help you to custom the template

Install

After you extract the zip file you get a folder with all files used in this template.

You can see an edit these files to customize them.

When all files are ready you have to upload the files on your server root.

Use your favourite FTP client or the CMS if you using one in your server.

File Structure

After template extracting you'll see the following files & folders structure:

  • site
    • Assets
      • css: style and font files
      • js: javascript files
      • fonts: fonts files
      • imgs:  images files
    • index.html: the index page 
    • post.php: php script for the contact, login and register forms action
  • documentacion
    • readme.html:  the file you are reading
Edit content

You can edit .html .css .js .php files with any text editor  or with an specific one for this kind of files like Virtual Studio Code

The lorem ipsum text you'll see in  index.html file is a placeholder for the text you have to add for your site. So replace it with a text suitable for your web.

Images gallery are placeholder and you can set your own ones.

Edit content: HTML

There is just  one page, index.html, where you'll find coments <!-- name sections --> so it's easier to find any area you want to modify.

Any links you can see in the page can bee customized for linking other pages if you need it, or can be removed if you don't need them.

The header contains the responsive nav menu, every option links to a section of the page..

You can detect Animations implemented using AOS plugin  in elements with AOS classes or attirbutes.

There are text and animations effects ceated using javascript and css. Style and script files are autodcumented.

Edit content: images

The pack contains royalty free images for background and for ilustration in every sections.

Most of images are got from https://pixabay.com and https://pexels.com. See the last section of this document.

If you change the sizes of the images try to keep the aspect ratio in order to maintain the aspect of the template.

Icons are free icons from bootstrap icons.

Edit content: CSS

This template use css files for plugins:AOS and Bootstrap (version 5.2)

There is a style.css built for the template, it is documented.

Fonts Josefine Sans from Google are included.

Edit content: JS

This template use several scripts:

  • AOS for animation
  • bootstrap.min.js: bootstrap scripts
  • main.js: contains init routines, events and other scripts. It's documented.
Sources and credits

Images

  • https://pexels.com
  • https://pixabay.com
  • https://creatuweb.espaciolatino.com

Javascript:

  • https://javascript.espaciolatino.com
  • https://github.com/michalsnik/aos

Fonts

  • Google