Thank you kindly for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to contact me via my ThemeForest profile.
To edit the 'Welcome Message', simply find the appropriate label <!-- intro --> in the body of the HTML file named 'index.html'.
Part to edit:
<!-- author --> <div id="intro-author">AN EX NIHILO TEMPLATE</div> <!-- author end --> <!-- title --> <div id="intro-title">DAYS</div> <!-- title end -->
To edit the 'About' page, simply find the appropriate label <!-- about --> in the body of the HTML file named 'index.html'.
Part to edit:
<h1>About</h1> <!-- flexslider about --> <div class="flexslider"> <ul class="slides"> <li><img src="images/flexslider-1.jpg" alt="About"></li> <li><img src="images/flexslider-2.jpg" alt="About"></li> </ul> </div> <!-- flexslider about end --> <!-- about column --> <!-- sixteen columns --> <div class="sixteen columns"> <p>Lorem ipsum dolor sit amet, <a href="#">consectetur adipiscing elit</a>. [...]</p> </div> <!-- sixteen columns end --> <!-- about column end -->
To edit the 'Services' page, simply find the appropriate label <!-- services --> in the body of the HTML file named 'index.html'.
Part to edit:
<h1>Services</h1> <!-- flexslider services --> <div class="flexslider"> <ul class="slides"> <li><img src="images/flexslider-1.jpg" alt="Services"></li> <li><img src="images/flexslider-2.jpg" alt="Services"></li> </ul> </div> <!-- flexslider services end --> <!-- services column 1 --> <!-- eight columns --> <div class="eight columns column"> <p>Lorem ipsum dolor sit amet, <a href="#">consectetur adipiscing elit</a>. [...]</p> </div> <!-- eight columns end --> <!-- services column 1 end --> <!-- services column 2 --> <!-- eight columns --> <div class="eight columns column"> <p>Lorem ipsum dolor sit amet, <a href="#">consectetur adipiscing elit</a>. [...]</p> </div> <!-- eight columns end --> <!-- services column 2 end -->
To edit the 'Contact' page, simply find the appropriate label <!-- contact --> in the body of the HTML file named 'index.html'.
Part to edit:
<h1>Contact</h1> <!-- contact column 1 --> <!-- one third column --> <div class="one-third column"> <div class="info-address"> <p><strong>Address</strong><br> ex nihilo, Inc.<br> Touchdown Dr<br> 1176</p> </div> </div> <!-- one third column end --> <!-- contact column 1 end --> <!-- contact column 2 --> <!-- one third column --> <div class="one-third column"> <div class="info-phone"> <p><strong>Telephone</strong><br> [00] 11 - 76<br> [01] 11 - 76</p> </div> </div> <!-- one third column end --> <!-- contact column 2 end --> <!-- contact column 3 --> <!-- one third column --> <div class="one-third column"> <div class="info-email"> <p><strong>Email</strong><br> <a href="mailto:you@yoursite.com">you@yoursite.com</a></p> </div> </div> <!-- one third column end --> <!-- contact column 3 end -->
To send the contents of your 'Subscription Form' to your email, simply open the file named 'subscribe.php'.
Your email address goes here:
$myemail = 'you@yoursite.com';
To set the 'Countdown Target Date', simply find the appropriate label <!-- countdown --> at the bottom of the HTML file named 'index.html'.
Edit this section:
date: "04 December 2014 12:00:00",
To add images in the background of the template, simply find the files named 'days.js' placed in the folder named 'js'.
Open the file and find the appropriate label '// supersized'.
Replace:
{image : 'images/background/1.jpg', title : '', thumb : '', url : ''},
{image : 'images/background/2.jpg', title : '', thumb : '', url : ''}
With:
{image : 'images/background/your-image-name-1.jpg', title : '', thumb : '', url : ''},
{image : 'images/background/your-image-name-2.jpg', title : '', thumb : '', url : ''}
You can use any size for a background image.
Please note;
Demo images are not included. Image placeholders are provided instead.
To add 'YouTube Videos' in the background of the template, simply find the appropriate label <!-- YTPlayer --> in the body of the HTML file named 'index.html'.
Replace:
<!-- YTPlayer -->
<a href="http://www.youtube.com/watch?v=V7ICWa1_u3I" id="bgndVideo" class="player {containment:'body', autoPlay:true, mute:true, startAt:0, opacity:1, loop:true}"></a>
<!-- YTPlayer end -->
With:
<!-- YTPlayer -->
<a href="http://www.youtube.com/watch?v=youryoutubevideouniqueID" id="bgndVideo" class="player {containment:'body', autoPlay:true, mute:true, startAt:0, opacity:1, loop:true}"></a>
<!-- YTPlayer end -->
Please note;
This template is designed to use YouTube videos as a background; however, ‘YouTube Video Background’ plugin doesn’t work on mobile devices, so the background image is added to compensate for it and it can be found by following its URL path: 'images/background/1.jpg'.
By default the sound of the video is set mute. To unmute the sound, change 'mute:true' into 'mute:false'.
To edit the 'Credits' links, simply find the appropriate label <!-- contact || credits --> in the body of the HTML file named 'index.html'.
Part to edit:
<!-- contact || credits --> <div class="contact"> <ul class="email-us"><li><a class="envelope" href="mailto:you@yoursite.com"><span>Email</span></a></li></ul> <div class="address"><a href="#" target="_self">All rights reserved. ©<script type="text/javascript">var d = new Date(); document.write(d.getFullYear());</script></a></div> </div> <!-- contact || credits end -->
To edit the 'Google Maps' location, simply find the file named 'gmaps.js' placed in the folder named 'gmaps'.
Open the file named 'gmaps.js' and replace the following coordinates (48.858278,2.294254) with your own.
To add your logo as a location marker, simply open and edit the file named 'map-location.png' placed in the folder named 'gmaps'.
More on Google Maps at: https://developers.google.com/maps/documentation/javascript/
I will respond to buyers' questions via the contact form on my profile.
Support for my items includes:
Responding to questions or problems regarding the item and its features
Fixing bugs and reported issues
Providing updates to ensure compatibility with new software versions
Item support does not include:
Customization and installation services
Support for third party software and plug-ins
Social Icons
To edit the 'Social Icons' links, simply find the appropriate label <!-- social icons --> in the body of the HTML file named 'index.html'.
Part to edit: