Seas

Comingsoon


Seas 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
- header text - fonts
- about us section
- logo
- social icons

If you do not find an answer in this manual, or would like to ask us a question, please send us an email to: m.waksmanski@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
    2. Slides 
    3. Youtube background (you can put your own video from www.youtube.com )
  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 <br/> We will answer you as quickly as possible.

Solid

In order to change background image open index.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 index.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 index.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>

You can write your own headertext

If you want change Headertext you must find path in solid.html slides.html or youtube.html

<div class="triangle"
	div class="countContainer"
		div class="numberContainer"
		div>
		h1>WELCOME AND STAY TUNED WE ARE/h1>
		div class="unitContainer">
								p class="unit" data-sr='wait 2.2s, then enter top and hustle 300px over 2.8s'>C/p
								p class="unit" data-sr='wait 2.4s, then enter right and hustle 300px over 2.8s'>o/p
                                p class="unit" data-sr='wait 2.6s, then enter right and hustle 300px over 2.8s'>m/p
                                p class="unit" data-sr='wait 2.8s, then enter right and hustle 300px over 2.8s'>i/p
                                p class="unit" data-sr='wait 3s, then enter right and hustle 300px over 2.8s'>n/p
                                p class="unit" data-sr='wait 3.2s, then enter right and hustle 300px over 2.8s'>g/p
                                p class="unit" data-sr='wait 3.4s, then enter top and hustle 300px over 2.8s'>S/p
                                p class="unit" data-sr='wait 3.8s, then enter left and hustle 300px over 2.8s'>o/p
                                p class="unit" data-sr='wait 4s, then enter left and hustle 300px over 2.8s'>o/p
                                p class="unit" data-sr='wait 4.2s, then enter left and hustle 300px over 2.8s'>n/p
		/div>
	/div>
/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.

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 = "Earthquake";

Project contains free google web fonts:

- Roboto Regular

- Roboto Thin (100)

http://www.google.com/design/spec/resources/roboto-font.html

If you want to add a description and change the address, phone and e-mail in the "about us" subpage you should make changes to the HTML file in the section:

<!-- ABOUT US -->
<div id="AboutUs">

and enter your text here:

<p>Lorem ipsum dolor sit amet....</p>

 

We give you 20 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