Earthquake

Comingsoon


Earthquake 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 3 variants
    1. Static (solid.html)
    2. Slides (slides.html)
    3. Youtube background (youtube.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>
Youtube

In order to set youtube movie as a background open youtube.html and specify YouTube movie ID:
Youtube ID is the last part of youtube URL e.g.:
https://www.youtube.com/watch?v=voWpbz1De_M

<!-- YOUTUBE -->
<div id="youtubeId">voWpbz1De_M</div>

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="titles">

and enter your text here:

<div class="title">Welcome in Our World</div>
<div class="title">We Are Coming Soon!</div>

Project contains free google web fonts:

- Oswald

- Roboto

- Roboto-Thin

http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff
http://themes.googleusercontent.com/static/fonts/robotocondensed/v8/Zd2E9abXLFGSr9G3YK2MsFzqCfRpIA3W6ypxnPISCPA.woff