Arki

Architecture HTML Template



Welcome To Arki Template Documentation.

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 pose them in the dedicated support section.

Template Features

Go ahead to know more.

Installing Template

After unzip the download pack, you'll found a Template Folder with all the files.

You can view this Template in any browser, you can display or edit the Template without an internet connection.

The two sections that will not work is the Google map Section which contains external link to get the map source.

and Contact form which uses PHP, so will work only online.

Now open your FTP Client (like Filezilla) or directly through cpanel, upload the content of the Template on your server root.

Once the files are done uploading go to www.yourdomainname.com/index.html

Please follow the tutorial to have a simple installation of the theme.





HTML Structure

HTML Structure

This Template has a Responsive layout and is based on our own framework.

The default grid system utilizes 12 columns, making for a 1170px wide container without responsive features enabled. With the responsive CSS file added, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.

Basic Grid HTML

For a simple 3 columns row, you need to add this class "gdlr-core-column-20", while the first row should have this class too "gdlr-core-column-first". Like the example here: 

    
...

    
...

    
...


For more Columns classes please refer to column-shortcode.html , u will find the code for all the columns you need.

CSS Structure

Each demo, has it's own css styles and it's own js files, most of them are same, we recommend to use the css files that are in each demo, for example, if u use the demo2, use the css folder of that demo. If u run into problem, just contact us, we will be happy to help u with anything.

These are the css files that are loaded into templates in Head Section.

Google Web Fonts

We use different fonts for each demo so the template has a fresh look on eveyr demo.



Javascript

These are the JS files that are loaded into templates in end of the Body Section and some of them like modernizr in the head of the them.

The js files are also the same in all the demos, and the Template has loaded all the js scripts in all pages, so u can use whatever u want from the template, wherever u want.

Tutorial

Please follow the first steps of the tutorial, to have it easier to install it on your own.

The Template has 18 different demos, but most of them has some features same but with different style

Navmenu

You will find that this theme has 2 navigation menu's, because one of them is only for mobile version, when you change delete an un-needet page, you need to delete the link in both menu's.
here is an example of the menu in the main demo:

Mobile navigation

This is the mobile navigation.

Home Templates

If you want one of the other Home templates ,you need to include the css, which is located in css folder, you will find all the home templates css there, software house , mobile app, vr etc etc...

Slider

Our Main slider in our entire template revolution Slider which is worth 19$ and u will get it for free... if u use rev slider in different page other then home page, u need top activate it via this code:

Inner Pages

This templage is converted from the WP Version of UNIQ, and because of that it has some inline styles, but it's very easy to customize.
For example U can find the background of the parallax effect in the HTML page like this.
So all u need to do is, to change the image here, for example change the wanderlust01.jpg to the desired one.
And as always, if u have any trouble with this, u can allways turn to us.


google Maps

We use a free google map right now, but we will change this asap, but until then, follow these steps to change the map to your city-state? this is the map here:

Add your street and state here :"Peterson+Street+Kingston+UK+London".

Contact Form

Open contactform folder and open "contactengine.php"

  1. Find "$EmailTo = "test@test.com";" and replace it with the email id, where you want to receive the mail.
Most of the new host company has stopped PHP (mail) functioning, because using this spammer can send a thousand of emails, so if cform is not working, you have to try the hosting site and talk to them!

Icons

U can use icons from fontAwesome, here's the link of the icon map

Footer

The footer is made from 4 coulmns, a dummy text and socials, u can change this to whatever u want, the recent post column and the instagram are static, and we have a quick navigation there. In the end of the page we have the copyright of the theme 
	
Copyright. All Rights Reserved.
  1. Replace "Copyright Max Themes 2018. All Rights Reserved" with the copyright info.


Thats it. You are done. Now your website is ready to launch.
This is a very small tutorial for the index.html, but it will help u with other demos too, if u have any trouble setting up the theme, we will be happy to assist you.

Sources and Credits

We have used the following plugins, fonts & images. All fonts, images, icons used in this template are free for commercial use.

Fonts
jQuery Plugins
Images Images in live preview are not included to the template.





Once again, thank you so much for purchasing this theme.
As I said at the beginning, We'd be glad to help you if you have any questions relating to this theme. We I'll do our best to assist.

If u have question u can ask us here. Thanks

max-themes