Docs.

Introduction

Hi you!

Thank you for your time, As mentioned I used and customized this template with the help of Mark Stone. If you have any questions please feel free to email him 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
});

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

Go back eportfolio.