Earthquake


Trending Colors is a creative, high quality, clean and minimalistic under construction page.

Thank you for purchasing our template.

!!! IMPORTANT !!! Some features of this theme may not work locally. You have to place all files on web server !!! IMPORTANT !!!

In our comingsoon you can easily make many changes. 

We shall explain below how you can make changes in the: 

- logo 

- header text 

- background 

- end date and time (counter) 

- fonts 

- about us

- testimonial text 

- social icons (we give you 21 different social icon to choose) 

- google maps

If you do not find an answer in this manual, or would like to ask us a question, please send us an email to: moonhuntersteam@gmail.com We will answer you as quickly as possible.

  1. Extract files from a zip file.
  2. Copy all content to your server.
  3. Template can be used in 4 variants
    1. index
    2. index-nocouner
  4. Run one of html files in web browser by typing address similar to below, replacing www.your.domain.com by your address: http://www.your.domain.com/index.html 
  5. When you choose your own version you must change .html file on index.html

 

If you want to change a header text you should make changes to the HTML file in the section:


<div class="container" > <h1 data-sr='wait 1s, then enter left and hustle 50px over 2s'>iDeas</h1> <p data-sr='wait 1s, then enter bottom and hustle 50px over 2s'> Our Website is almost ready.</br> We Are coming in: </p>

 

Static

In order to change background image open css-static.css file and go to this section:

.jumbotron {
    margin-bottom: 0px;
    background-color: #(1234);

    background-size: cover;
    background-repeat: no-repeat;
    height: 750px;
}

You can change the end date of your counter:
Find below line in file:

<script>

    $('#example').countdown({
        date: '12/24/2015 23:59:59'

Set the end date in below format:


$('#example').countdown({ date: 'dd/mm/yyyy hh:mm:ss'

Project contains free google web fonts:

- Open Sans 100,300,400,700

https://www.google.com/fonts/specimen/Open+Sans

If you want to add a description in the "about us" subpage you should make changes to the HTML file in the section:

<!--[About Us]-->

<section id="about">
        <div class="row About-Us">
                <h1>About Us</h1>
                <h3>Let's talk about us</h3>
                <p id="text-aboutus">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
                    Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
                    Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
                    Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
                </p>
            </div>
        </div>
    </section>
</div>
<!--[About Us end]-->

If you want to add a description in the "testimonial text"  you should make changes to the HTML file in the section:

<p class="testimonial-text">“ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor cum
    sociis natoque penatibus et magnis dis parturient montes. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor cum
    sociis natoque penatibus et magnis dis parturient montes.  ”</p>
<small>- John Doe -</small>

We give you 21 different social icons to choose. If you want to modify or add more social icon you must change the section in css file:

  1. <!-- FOOTER BEGIN -->

You can set a path to your own icon file here:

  1. style="background-image: url('images/social-icons/name of your icon from file social-icons.png'); "></a>

 If you would like to add social icon you must add this code:

  1. <li class="icon"> <a href="#" target="_blank" style="background-image: url('images/social-icons/name of your icon from file social-icons.png');"></a> </li>

Icons are located in the directory:  images/social-icons

php/email.php

This script takes email from subscribe form, when user click subscribe button, and saves it to emails.csv file.
You can modify this file to save emails to database. The variable $_GET["email"] contains email provided by user.

php/contact.php

The script sends email message to address specific in line 7, you should provide your own email address there:
Change: "your@email.address" to your email.

mail("your@email.address", $subject, $contactMessage, "From: $contactEmail");

You can also change subject of an email in line 2: $subject = "Your subject";

$subject = "Moonhunters";

If you want to add your own latitude to google maps you must find in javascript.js section

function initialize() {
    var myLatlng = new google.maps.LatLng(40.7033121,-73.979681,10); // here you can specify your location