4earth

Comingsoon


4earth 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:

- background
- fonts
- logo
- social icons (we give you 21 different social icon to choose)
- header text

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 2 variants
    1. Static (solid.html)
    2. Slides (slides.html)
  4. Run solid.html or slides.html or youtube.html in web browser by typing address similar to below, replacing www.your.domain.com by your address: http://www.your.domain.com/solid.html 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.
Solid

In order to change background image open solid.html and go to this section:

<!-- BACKGROUND -->
<div id="backgroundImage">images/background/2.jpg|1920|1080</div>

Here you can change path to location of your background.
Remember to specify image width and height (in pixels) in below format:

<div id="backgroundImage">path/to/image.jpg|width|height</div>
Slides

In order to change slides open slides.html and go to section:

<!-- SLIDESHOW IMAGES --> 
<div id="slides"> 
<!-- slideshow transition time in ms --> 
<div id="interval">7000</div> 
<div class="slide">images/background/1.jpg|1920|1080</div> 
<div class="slide">images/background/2.jpg|1920|1080</div> 
<div class="slide">images/background/3.jpg|1920|1080</div> 
</div>

Here you can change path to slides location.
Remember to specify image width and height (in pixels) in below format:

<div id="slide">path/to/image.jpg|width|height</div>
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.

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 HTML file:

 <!-- FOOTER BEGIN -->

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

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

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

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

Icons are located in the directory:  images/star_galaxy_icons

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

<div id="Header text">

and enter your text here:

<div class="benefit">STAY TUNED, WE ARE</div>
<div class="title">div class="title">
                    data-sr='wait 3s, then enter left and hustle 125px over 2.2s'>C <
                    data-sr='wait 3.1s, then enter top and hustle 125px over 2.2s'>o <
                    data-sr='wait 3.2s, then enter bottom and hustle 125px over 2.2s'>m <
                    data-sr='wait 3.3s, then enter left and hustle 125px over 2.2s'>i <
                    data-sr='wait 3.4s, then enter right and hustle 125px over 2.2s'>n <
                    data-sr='wait 3.5s, then enter top and hustle 125px over 2.2s'>g <
                    class="soon" data-sr='wait 3.6s, then enter right and hustle 125px over 2.2s'> s<
                    data-sr='wait 3.7s, then enter top and hustle 125px over 2.2s'>o<
                    data-sr='wait 3.8s, then enter bottom and hustle 125px over 2.2s'>o<
                    data-sr='wait 3.9s, then enter left and hustle 125px over 2.2s'>n<
	div</div>

Project contains free google web fonts:

- Open Sans