Docs

Introduction

Hi customer!

Thank you for choosing this template. If you have any questions please feel free to email here.

Customization

Preloader

Enter your name (index.html):

<!-- Preloader -->

<div id="preloader">
    <div id="status">
        <div class="status-mes"><h4>Mark Stone</h4></div>
    </div>
</div>

You can change preloader image (style.css):

#status, .status-mes {
	background-image: url(../images/488.GIF);
	background-position: center;
	background-repeat: no-repeat;
	height: 200px;
	left: 50%;
	margin: -100px 0 0 -100px;
	position: absolute;
	top: 50%;
	width: 200px;
}

Change background-image

Change the background

To change the background image in the file assets/js/custom.js change assets/images/bg1.jpg on any other image.

/* ---------------------------------------------- /*
 * Background image
/* ---------------------------------------------- */

$.backstretch(['assets/images/bg1.jpg']);

To use slideshow:

$.backstretch([
	'assets/images/bg1.jpg',
	'assets/images/bg2.jpg',
	'assets/images/bg3.jpg'
], {duration: 3000, fade: 750});

WOW Animation

Animations When You Scroll. Add class to any element wow, then add class of animations.

Example #1:

<p class="wow fadeInUp">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>

Example #2:

<div class="col-md-4 col-sm-4 wow fadeInRight">
	...
</div>

Example #3:

<div class="col-md-4 col-sm-4 wow fadeInRight" data-wow-delay=".6s" >
	...
</div>

Use data-wow-delay for delay.

Text rotator

You can use Text rotator:

Example:

<span class="rotate">Visual Designer. | Front-end Developer. | C# Programmer.</span>

Use "|" separator.

Config text rotator in assets/custom.js:

/* ---------------------------------------------- /*
 * Rotate
/* ---------------------------------------------- */

$(".rotate").textrotator({
    animation: "dissolve",
    separator: "|",
    peed: 3000
});

Configuring Contact form

Open the file assets/php/contact.php and enter your data:

Example:

// Contact
$to = 'web-master72@yandex.ru';
$subject = 'Subject here...';

If contact form not working:

<?php
    mail('you@yourmail.com','Test mail','The mail function is working!');
    echo 'Mail sent!';
?>

1. Save this code as mailtest.php

2. change you@yourmail.com to your e-mail address

3. upload mailtest.php to your server

4. open mailtest.php in your browser (http://yourwebsite.com/mailtest.php)

5. check your inbox to see if a test message arrived.

If it works:

1. double-check your form script for errors (like e-mail address misspelling)

2. use the same e-mail address as your form recipient

3. double-check your SPAM filters and SPAM/Junk/Bulk mailboxes

If it not:

Contact your host and ask them to check PHP mail() setting.

If you have any questions please feel free to email here.

Docs.