Bootstrap Coming Soon Page
Once you have downloaded the zip file from Themforest, unzip it using your standard zip software. When it has finished you should have a folder with the following directories inside.
When you unzip the main theme file you will find the following folders and files
File / Folder
Contains the font awesome font files
Contains all theme image files
Contains all the theme’s CSS files
Theme HTML file
The main theme html contains the following layout, we will show you how to modify each of the theme’s sections below.
1. Page Logo 5. Description
2. Title 6. Signup form
3. Tagline 7. Social icons
To replace the logo with your one you need to
a) Save your logo image in the images folder and change the reference in the index.html file
<img alt="caelus" src="images/yourlogo">
Caelus theme uses slabtext a jquery plugin for producing bold and responsive headlines. To create your own title lines replace the text in the html file with you own lines
<h2 class="slab title">
Slabtext will create a line for each span in the “slab title” div.
The alignment of the lines is being handled by slabtext library.
To change the tagline just change the text in the following code
<h2 class="slab subtext">
your own tagline
var countdownYear = 2013;
var countdownMonth = 1;
var countdownHour = 2;
to match the year, month and hour date.
To change the description enter your own text in the following lines
The theme comes with a simple php script that saves all contact information into a local file called people.txt.
Most PHP installations should be able to run this simple script, it is possible you will need to provide the people.txt file with writable permissions for it to work.
You add links to your social icons just edit the links in the following section
remove any unwanted links by removing the list items. To create new icons you can use the provided psd file.
Caelus comes with two color schemes, color and sepia. To apply any of these two just add one of the following classes to the body
Important: To set both the color scheme and the fonts you need to apply both of the classes, .ie
<body class="theme-sepia fonts-set1">
1. background textures by subtle patterns (http://subtlepatterns.com/)
2. Slabtext js
3. Bazar font (http://www.abstractfonts.com/font/14741) and Sonsie One (http://www.google.com/webfonts/specimen/Sonsie+One)