Merry Christmas!
Jane Doe, CEO
Holiday Greetings - Landing Page Greeting Card is a HTML template so there's no really "installation" required just unzip the main file you've downloaded from themeforest and after unziping you have your all template files ready to be used..
The <head> element is a container for all the head elements. The head section contains elements that define the page description, keywords, and other SEO meta information. It also includes links to the stylesheets that define the colors and styling of the page.
<head>Holiday Greetings </head>
This template has a responsive layout. All of the information within the main content area is nested within a div with a class of "main". The general template structure is the same throughout the template. Here is the general structure:
header content content goes here
There are several possibilities for displaying the header:
This header needs to be placed outside the "wrap" div. Class "wide" defines its layout. Class "white" defines its background color.
l you need to do is replace the current image url path to your logo image url path:
Menu itself is easy to edit. Its structure base on a nested unorederd lists structure. Your code should look like the following.
Menu can be aligned to left or right. All you need to do is to add the appropriate css class. The following example would pull the menu to the right.
Available classes are:
You can also place the social menu into the header:
All you need to do is replace the link in the head section to the google fonts with the one that you found on the google fonts webpage:
The next thing you need to do is to open your css file in a text editor and replace the existing font-family with "YourFontName".
Contact form gets triggered by an onclick JavaScript event on menu item with css class "trigger". You can assign class "trigger" to any element.
Contact us
Contact us
Send us an email. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Open "contact_form_message.php" file in a text editor. Go to line 49 and locate $address = "joe.doe@yourdomain.com"; Replace the email with your own. Save the file.
$address = "joe.doe@yourdomain.com
An HTML5 audio player is used. For optimal performance you need two audio formats: .mp3 and .ogg. If you have only a .mp3 version, you can convert it to .ogg format here.
Then all you need to do is change the url path to your audio files:
There are two parts here, one with the christmas tree and one with the greeting.
In order to replace the image all you need to do is change the url path to your image. It does not really matter how big the image is, but it should be a square.
A World of Good Wishes.
One of the real joys this holiday season is the opportunity to say thank you and wish you the very best for the new year!
themeenergy team
Here is the code for all christmas balls. Please note that every ball has a class "ball", a class "b310" or similar (number means the ball dimension) and a class with order number (first, second, third ect.) starting from the left.
This version uses the jquery.masonry.js plugin for its layout. You will find it in the /js/ folder. You can read more about it here.
This is the full content code:
This version uses the jquery.textillate.js plugin. You will find it in the /js/ folder. It combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries. You can read more about it and play with examples here.
Merry Christmas &
Proceed to website >
Happy New Year!
The data-in-effect and data-out-effect can easily be changed. Please see examples here.
This demo contains two parts, an image collage and a greeting.
You can change number of images per row/column in the css/theme5.css file, line 5:
.faces div {float:left;width:20%;height:20%;}
For example, if you would like to display 4 images per row/column, the code would be as follows:
.faces div {float:left;width:25%;height:25%;}
Out with the old,
in with the new:
may you be happy
the whole year through.
Happy New Year!
This version uses the jquery.textillate.js plugin. You will find it in the /js/ folder. It combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries. You can read more about it and play with examples here.
Wishing you a festive holiday season and a happy new year!
The data-in-effect and data-out-effect can easily be changed. Please see examples here.
Social Media Icons
There are 29 social icons available and ready to be used throughout your website. Here is the list: