1. Start
  2. Instalation
  3. Required Plugins
  4. Import XML Demo
  5. Theme Update
  6. Setting Up Pages
  7. Page With Header Image
  8. Visual Composer
  9. Menu
  10. Blog
  11. Team Members
  12. woocommerce
  13. Events Manager Plugin
  14. Resturant Reservations Plugin
  15. Contact Form 7 Plugin
  16. Open Table
  17. Sidebar Widegts
  18. Add instagram widget..
  19. Footer
  20. Google Fonts
  21. Translation
  22. Coming Soon Video
  23. Coming Soon Slider
  24. Coming Soon Default
  25. Credit

Majesty

Majesty Restaurant Woocommerce Wordpress Theme.


Hello, firstly I would like to thank you for purchasing "Majesty - Restaurant WooCommerce WordPress Theme.".
If you have any questions that are beyond the scope of this help file, please feel free to ask us via comments or use contact form in my profile page.

    Quick Links For Documentation
  1. 1- BLOG.
  2. 2- Slider.
  3. 3- Shortcodes.
  4. 4- Create Blocks using Visual Composer.
  5. 5- Create Visual composer Element like demo depend On Images..
  6. 6- Add instagram widget..

Installation

To install this theme you must have a working version of WordPress already installed. If you do not have WordPress installed documentation is available on the WordPress website to help you.

This is helpfull Articles to Upload and Install Wordpress theme:

  1. Adding New Themes using the Administration Panel.
  2. Adding New Themes by using cPanel.
  3. Adding New Themes Manually(FTP).
  4. Selecting the Active Theme.

You can install the theme in two ways:

Activate the theme.

After you see that the theme has been successfully uploaded, you can click "Activate" to activate the theme. You may want to click "Preview" first just to make sure the theme won't break.

Please login fo WP Dashboard. You will see some instructions and informations about next installation steps

Important! When The Majesty theme is first activated and plugin the theme options must be configured and save. You can edit these settings on the Theme Options page under Appearance in the admin dashboard.

Install Required Plugins

  1. CMB2.
  2. Redux Framework.
  3. Woocommerce optional.
  4. Contact Form 7 optional..
  5. Events Manager optional..
  6. WP FullCalendar optional.
  7. Max Mega Menu optional.
  8. WooSidebars optional.
  9. Restaurant Reservations. optional.
  10. WPBakery Visual Composer
  11. Majesty Shortcodes [optional install it if you need to use majesty theme shortcode].

When you have successfully installed the theme , you will be asked to install the required plugins.

Then click on the begin installing plugins , choose the plugins you want to install or select all and then click install after that active this plugin.

Import XML Demo Content

Important before use this steps you need to make some changes in php.ini in your localhost or live server.
upload_max_filesize = 12M
post_max_size = 13M
max_input_time = 300
max_execution_time = 300

Important to Mega menu work good you need some changes in php.ini file make max_input_vars 5000 please read this Menu Item Limit.

Important If you can't Change value in php.ini you lose mega menu when you import sql file, for import xml demo content you need to create menu because its don' import. but all pages import good please see section how to create menu.

Ways to Import XML Demo Content.

  1. New Method Easy WayImport XML Demo Content using custom plugin Import Majesty XML Demo this plugin find inside theme > includes > plugin, when you active majesty theme there notification about plugin need to install if this first time using theme don't forget to install this plugin and active it, this plugin split XML file to 16 parts and assign menu locations, widget, plugin settings.
  2. Import XML Demo Content using Plugin WordPress Importer this is good and create some menu [one page - megamenu but not all menu items].
  3. Using SQL with phpmyadmin. [this is good to display site like demo with all options you don't miss any thing]

1- Import XML Demo using Plugin Import majesty xml demo content.

Using this method is very easy its split xml file to 16 part so make it small size, and assign menu, theme options, add slider to each page, and finally assign your home page and blog.

  1. Create refresh version for wordpress.
  2. Active Majesty theme.
  3. After active Majesty theme you find message to tell you install required plugin install it and don't forget install and active import majesty xml demo.
  4. After install all plugins please go to pages and select all and select move to trash from dropdown and click apply, after that go to trash and select all pages and selct Delete Permanently from dropdown menu and click apply.
  5. Go to Posts and select post hello worlds and select move to trash from dropdown and click apply, after that go to trash and select Hello worlds post and selct Delete Permanently from dropdown menu and click apply.
  6. When download majesty theme from Themeforest choose download all files and documentation.
  7. in majesty-main-files you found it Dummy-Data > uploads.zip extract this file and upload it inside wp-content folder in your site replace with upload folder in your site.
  8. Go to Appearance > Majesty options > Demo Importer and you find 16 parts click from part 1 - part 2 - .... - part 16.
  9. finished import XML Demo Content.
  10. install this plugin Regenerate Thumbnails and regenerate you thumbnails.
  11. If you are using events you need to edit all events and change date begin for events post not publish date.
  12. To create max mega menu read This, to add slider to mega men read this.
  13. now from wordpress admin install this plugin Better Search Replace .
    1. After activate this plugin.
    2. wpadmin > tools > >Better Search Replace.
    3. in Field Search For type http://xmldemo.eyethemes.com/majesty and in field Replace with add your domain like http://yourdomain.com don't add (/) at end of your web site.
    4. Field Replace GUIDs? make it checked.
    5. Field Run as dry run? make it unchecked.


2- Import XML Demo Content using Plugin WordPress Importer.

  1. Create refresh version for wordpress.
  2. Active Majesty theme.
  3. After active Majesty theme you find message to tell you install required plugin install it.
  4. When download majesty theme from Themeforest choose download all files and documentation.
  5. in majesty-main-files you found it Dummy-Data > uploads.zip extract this file and upload it inside wp-content folder in your site.
  6. Go to wordpress admin > tools > import > wordpress [ display message to install wordpress plugin importer ] and browse go to folder dummy-data > xml > majesty.xml upload this file. [Important If xml demo content is very large you can split it using this prgram WordPress WXR File Splitter if you have default web server the best is 15.]
  7. Before click upload there is option to import attachments, make it checked
  8. finished import XML Demo Content.
  9. To Import Theme options from wordpress admin > Appearance > Majesty options > import / Export > click import from file this display textarea now go to folder dummy-data > xml > edit file theme-options.json and copy content and paste it in text area, and click import button.Important: all theme options now saved like demo, but you in majesty options > menu for field Second Menu Pages, Scroll Menu select all pages start with index one page Ex: index one page fade, ...
  10. To get weidgets like demo you need to install plugin Widget Importer & Exporter after active plugin go to wordpress admin > tools > Widget Importer & Exporter browse dummy-data > xml > theme-widgets.wie upload this file.
  11. install this plugin Regenerate Thumbnails and regenerate you thumbnails.
  12. Go to Settings > Reading, and change the "Front page displays" setting to "A static page", set the front page to index01, and "Posts Page" to blog.
  13. Go to wordpress admin -> woocommerce > settings > click products tab > and click display link > and select your shop page.
  14. Go to wordpress admin -> woocommerce > settings > click products tab > and click display link > and select your shop page.
  15. Go to wordpress admin -> woocommerce > settings > click products Checkout > and select your cart page, checkout, Terms and Conditions
  16. Go to wordpress admin -> Megamenu > For field CSS Output select Don't output CSS and click save changes.
  17. Go to wordpress admin -> Events > Settings click tab pages > in Event List/Archives select page Events, and from Location List/Archives select page locations, and for other pages select your booking page select booking.
  18. if you install plugin full calendar Go to Settings > WP FullCalendar > in field jQuery CSS Theme? select no themes, and from field Load JS and CSS files on Add Page ID, This is important if you used this plugin.
  19. now from wordpress admin install this plugin Better Search Replace .
    1. After activate this plugin.
    2. wpadmin > tools > >Better Search Replace.
    3. in Field Search For type http://xmldemo.samathemes.com/majesty and in field Replace with add your domain like http://yourdomain.com don't add (/) at end of your web site.
    4. Field Replace GUIDs? make it checked.
    5. Field Run as dry run? make it unchecked.
  20. important, all pages using slider & Or Background Slider you only need to upload new images and add content, but the slider options or settings imported when you import xml So here is steps to upload images and content.
    1. Home Layout 1 (USING JQUERY.MB.BGNDGALLERY) Zooming Slider
    2. Home Layout 2 (YOUTUBE VIDEO BACKGROUND) Here
    3. Home Layout 3 (SWIPER JQUERY SLIDER) SWIPER JQUERY SLIDER
    4. One Page Vertical Menu (SKIPPER JQUERY SLIDER) SKIPPER JQUERY SLIDER
    5. One Page Full Screen Background Here
    6. ONE PAGE PARALLAX BACKGROUND Here
    7. ONE PAGE BACKGROUND Slider Zooming (USING JQUERY.MB.BGNDGALLERY) Zooming Slider
    8. ONE PAGE BACKGROUND Slider Fade SKIPPER JQUERY SLIDER
    9. ONE PAGE Swiper Slider Swiper Slider
    10. ONE PAGE Swiper Slide Top Swiper Slide
    11. ONE PAGE Full Width Slider SKIPPER JQUERY SLIDER
    12. ONE PAGE HTML5 Video BACKGROUND Here
    13. ONE PAGE Youtube BACKGROUND Here
    14. ONE PAGE Viemo BACKGROUND Here
    15. ONE PAGE Interactive BACKGROUND Here
    16. ONE PAGE Animation BACKGROUND Here
    17. ONE PAGE CSS3 Animation (USING JQUERY.MB.BGNDGALLERY) Zooming Slider
    18. American Style (SWIPER JQUERY SLIDER) SWIPER JQUERY SLIDER
    19. Asian Style (USING JQUERY.MB.BGNDGALLERY) HERE
    20. Pizza Style (YOUTUBE VIDEO BACKGROUND) HERE
    21. BURGER Style (USING JQUERY.MB.BGNDGALLERY) HERE
    22. Bakery Style (USING JQUERY.MB.BGNDGALLERY) HERE
    23. Cafe Style (USING JQUERY.MB.BGNDGALLERY) HERE
    24. COMING SOON VIDEO HERE
    25. COMING SOON SLIDER HERE
    26. COMING SOON DEFAULT HERE

2- Import sql

Good tuts here How to Move WordPress From Local Server to Live Site.

  1. When download majesty theme from Themeforest choose download all files and documentation.
  2. Create wordpress website refresh version name it majesty or any thing else.
  3. go to phpmyadmin.
  4. edit database you create for wordpress site and drop ( delete ) all columns in this database.
  5. click import and upload file majesty.sql you find it inside Dummy-Data > sql > majesty.sql.
  6. Now you need to change siteurl. so you can setup your live WordPress site. look for the wp_options table in your database that we just imported in step 4.
    you need to change siteurl and blogname from http://localhost/testxmlmajesty to http://yourdomin.com OR URL To Live you site like http://www.yourdomain.com
  7. in majesty-main-files you found Dummy-Data > uploads.zip extract this file and upload it inside wp-content folder in your site. [When download majesty theme from Themeforest choose download all files and documentation.]
  8. Upload Majesty themes inside folder themes.
  9. Go to wordpress admin. username : admin && password: majesty
  10. you can upload your plugins ( see section plugin required ) before run web site or you have notice to download it in wordpress admin.
  11. now from wordpress admin install this plugin Better Search Replace .
    1. After activate this plugin.
    2. wpadmin > tools > >Better Search Replace.
    3. in Field Search For type http://localhost/testxmlmajesty and in field Replace with add your domain like http://yourdomin.com don't add (/) at end of your web site.
    4. Field Replace GUIDs? make it checked.
    5. Field Run as dry run? make it unchecked.
  12. install this plugin Regenerate Thumbnails and regenerate you thumbnails.

Theme Update

You can update Majesty theme in two ways:

First
  1. Download the zipped package from ThemeForest and extract to your desktop.
  2. In the extracted package you will find archive majesty.zip, which is the WordPress theme
  3. Extract zip file and upload the extracted folder to /wp-content/themes/ folder on your server with overwriting.>
Second Automatic update
  1. Install Envato Toolkit plugin. include in theme or download from here.
  2. For more details to how update theme and use this plugin read this tuts

Setting Up Pages

In this section

Home and Blog Page

Page Templates

Create Header With Image

  1. Edit andy page Or Create new page page template [ page bilder top slider - Blank page title not working].
  2. From metabox Page Header
  3. Enable Custom Header Background and fill othere data and upload your custom image.

Visual Composer

Use Visual Composer

Blog

Blog Page.

Team Members

This requird active plugin Team member by WooThemes

Add member team information like post.

single team member you can select layout between Left sidebar, Right sidebar, Fullwidth.

To get link to your archive team member is http://yourdomain/team-members/.

WooCommerce

All woocommerce shortcode display good in theme you can use visual composer user interface or wooshortcode but for attributes columns make its value one of this [grid, grid4col, gridfullwidth, masonry, masonryfullwidth, list]

Read More

Events

This requird active plugin Events Manager

Please read documentation.

If you need this page Events you need to used this plugin jQuery FullCalendar by Adam Shaw and after install it go to wpadmin > settings > WP FullCalendarand in jQuery CSS Theme? select no themes, and in Load JS and CSS files on add your page ID used to display Full Calendar this is important step this page contain shortcode [fullcalendar].

Resturant Reservations Plugin

This requird active plugin Restaurant Reservations

please read documentation for this plugin, and you can use it in home page or any other page using visual composer Restaurant Reservations plugin

in plugin settings select page to make it booking.

Contact Form 7 Plugin

This requird active plugin Contact Form 7

You can use this plugin for reservation by email OR as contactus in majesty we used it as reservation and for contactus page you.

contactus 2 columns

<div class="contact-form style1 clearfix">
	<div class="col-md-6 nopadding">
		<div class="form-group">
			<div class="col-md-12 col-sm-12 col-sx-12">
				[text* name class:form-control class:text  placeholder "NAME *"]
			</div>
			<div class="col-md-12 col-sm-12 col-sx-12">
				[email* email class:form-control class:text placeholder "EMAIL *"]
			</div>
			<div class="col-md-12 col-sm-12 col-sx-12">
				[text subject class:form-control class:text placeholder "SUBJECT *"]
			</div>
		</div>
	</div>
	<div class="col-md-6 nopadding">
		<div class="form-group">
			<div class="col-md-12">
				<div class="element">
					[textarea* message class:text class:textarea 1x1 placeholder "MESSAGE *"]
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-12">
	[submit class:btn class:btn-gold "Send"]
	</div>
</div>
		

contactus 1 columns

<div class="contact-form clearfix contact-page">
	<div class="form-group">
		<div class="col-md-4 col-sm-4 col-sx-12">
			[text* name class:form-control class:text  placeholder "NAME *"]
		</div>
		<div class="col-md-4 col-sm-4 col-sx-12">
			[email* email class:form-control class:text placeholder "EMAIL *"]
		</div>
		<div class="col-md-4 col-sm-4 col-sx-12">
			[text subject class:form-control class:text placeholder "SUBJECT *"]
		</div>
	</div>
	<div class="col-md-12">
        <div class="form-group">
            <div class="element">
				[textarea* message class:text class:textarea placeholder "MESSAGE *"]
			</div>
		</div>
	</div>
	<div class="col-md-12">
	[submit class:btn class:btn-black "Send"]
	</div>
</div>
		

Reservation 2 columns

<div class="reserv_form reserv_style2 clearfix">
	<div class="col-md-6">
		<div class="row">
			<div class="form-group row">
				<div class="col-md-6 col-sm-6 col-sx-12">
					[text* name class:form-control placeholder "Your Name *"]
				</div>
				<div class="col-md-6 col-sm-6 col-sx-12">
					[email* email class:form-control placeholder "Your EMAIL *"]
				</div>
				<div class="col-md-6 col-sm-6 col-sx-12">
					[tel* tel-104 id:telephone-rev class:form-control placeholder "PHONE NUM *"]
				</div>
				<div class="col-md-6 col-sm-6 col-sx-12">
					[number* numpersons class:form-control placeholder "Number of Persons"]
				</div>
				<div class="col-md-6 col-sm-6 col-sx-12">
					<div class="select_wrap">
				[select* preferred class:form-control first_as_label "Preferred food *" "one" "two" "three" "four" "five"]
			</div>
				</div>
				<div class="col-md-6 col-sm-6 col-sx-12">
					<div class="select_wrap"> 
		[select* branchname id:branchname class:form-control first_as_label "Branch Name *" "BRANCH ONE" "BRANCH TWO" "BRANCH THREE" "BRANCH FOUR" "BRANCH FIVE"]
                </div>
				</div>
				<div class="col-md-6 col-sm-6 col-sx-12 datepicker">
					 [date* date-res class:form-control min:today placeholder "DATE *"]<i class="fa fa-calendar"></i>
				</div>
				<div class="col-md-6 col-sm-6 col-sx-12">
					 <div class="select_wrap"> 
		[select* revtime id:revtime class:form-control first_as_label "Time *" "7:00" "8:00" "9:00" "10:00" "11:00" "12:00" "13:00" "14:00" "15:00" "16:00" "17:00" "18:00" "19:00" "12:00"]
                </div> 
				</div>
			</div>
		</div>
	</div>
	<div class="row">
	<div class="col-md-6">
            
		<div class="form-group">[textarea* message class:text class:textarea placeholder "MESSAGE *"]</div>
       </div>
	</div>
	<div class="col-md-12 text-center">[submit class:btn class:btn class:btn-gold class:white "BOOK YOUR TABLE"]</div>
</div>
		

Reservation 1 columns

<div class="reserv_form clearfix">
	<div class="form-group row">
		<div class="col-md-3 col-sm-6 col-sx-12">
			[text* name class:form-control placeholder "Your Name *"]
		</div>
		<div class="col-md-3 col-sm-6 col-sx-12">
			[email* email class:form-control placeholder "Your EMAIL *"]
		</div>
		<div class="col-md-3 col-sm-6 col-sx-12">
			[tel* tel-104 id:telephone-rev class:form-control placeholder "PHONE NUM *"]
		</div>
		<div class="col-md-3 col-sm-6 col-sx-12">
			
[number* numpersons class:form-control placeholder "Number of Persons"]
				
		</div>
	</div>
	<div class="form-group row">
		<div class="col-md-3 col-sm-6 col-sx-12">
		<div class="select_wrap">
				[select* preferred class:form-control first_as_label "Preferred food *" "one" "two" "three" "four" "five"]
			</div>
		</div>
		<div class="col-md-3 col-sm-6 col-sx-12">
                <div class="select_wrap"> 
		[select* branchname id:branchname class:form-control first_as_label "Branch Name *" "BRANCH ONE" "BRANCH TWO" "BRANCH THREE" "BRANCH FOUR" "BRANCH FIVE"]
                </div>
		</div>
		<div class="col-md-3 col-sm-6 col-sx-12 datepicker">
	           [date* date-res class:form-control min:today placeholder "DATE *"]<i class="fa fa-calendar"></i>
		</div>
		<div class="col-md-3 col-sm-6 col-sx-12">
                      <div class="select_wrap"> 
		[select* revtime id:revtime class:form-control first_as_label "Time *" "7:00" "8:00" "9:00" "10:00" "11:00" "12:00" "13:00" "14:00" "15:00" "16:00" "17:00" "18:00" "19:00" "12:00"]
                </div> 
		</div>
	</div>
	<div class="form-group">
		[textarea* message class:text class:textarea placeholder "MESSAGE *"]
	</div>
	<div class="col-md-12 text-center">
		[submit class:btn class:btn class:btn-gold class:white "BOOK YOUR TABLE"]
	</div>
</div>
		

Open table Web site

From popup Visual composer click tab by samathemes and select open table and add id for your resturant.

Sidebar Widegts

Theme Custom Widgets
Unlimited Sidebars

You can also create unlimited sidebar using plugin Woo Sidebars.

Add instagram widget

To Add instagram widget you need to create API access token, to do this follow this steps

Google Fonts

Go to wordpress admin > Appearance > Majesty Options > Style Options > Fonts > click enable custom fonts

Majesty themes used 3 fonts Open Sans, Fjalla One, courgette so you can easy replace any font used in theme with another font.

Add new google fonts.
EX: theme use open sans font with different weight like 300, 400,300,600 So when you choose to replace this font with anothere you need to add more weight but theme options have one dropdown menu to select only one weight so there is another field called Add additional style so you can add more weight.

Translation

  1. Open the /majesty/languages/ folder and duplicate the en_US.po file, then rename it to your desired language code. For example; for German you need to re-name it as de_DE.po for Spanish es_ES.po for Turkish tr_TR.po etc. You can find all the codes from this link http://codex.wordpress.org/WordPress_in_Your_Language
  2. Then you will need to open the .po file in PO Edit. Once opened, you will see all strings that needs to be translated. Type the translation of a string into the "Translation" column. Do not delete or edit "Original string" part. When you finish translating, save the file. This will create an .mo file in the same directory.
  3. Upload the new files into the languages folder of the theme /wp-content/themes/majesty/languages/ and then follow this guide: http://codex.wordpress.org/Installing_WordPress_in_Your_Language#Single-Site_Installations
  4. download poedit

Coming Soon Video

  1. Create a new page, and add title for this page.
  2. From page Page Attributes select Blank Page.
  3. click publish to display slider metabox
  4. Create HTML5 Video Background here.
  5. Add Content with shortcode countdowntime like code under, and don't forget to to change date.
  6. Important in this slider i add shortcode to countdown time thats need specific jQuery. you need to load jQuery for this. to do that go to theme options > advanced jQuery > Countdown Jquery Jquery and select this page to load jQuery countdown in this page.
<div class="coming-soon"><div class="slider-content">
<div id="logo">
<a href="#" class="light-logo"><img src="#" alt="Logo"></a>
</div>
    <h3>We are glad to see you, But please be patient, This page is under construction</h3>
    [sama_countdown date="2015/11/7" rtl="false" dayslabel="Days" hourslabel="Hours" minuteslabel="Minutes" secondslabel="Seconds" cssclass=""]<h3>This is Countdown Message if Countdown Expire.</h3>[/sama_countdown]
    <p>If you have any questions, comments, or suggestions, please click <a class="underline" href="mailto:[email protected]">here</a> to mail me.</p>
        <ul class="social">
          <li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
          <li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
          <li><a href="#" data-toggle="tooltip" title="Google+"><i class="fa fa-google-plus"></i></a></li>
          <li><a href="#" data-toggle="tooltip" title="Behance"><i class="fa fa-behance"></i></a></li>
        </ul>
</div></div>
		

Coming Soon Slider

  1. Create a new page, and add title for this page.
  2. From page Page Attributes select Blank Page.
  3. click publish to display slider metabox
  4. Create Background Slider here and change this attributes
    1. in field Timer set 5000.
    2. in field effTimer set 5000.
  5. Add Content with shortcode countdowntime like code under, and don't forget to to change date.
  6. Important in this slider i add shortcode to countdown time thats need specific jQuery. you need to load jQuery for this. to do that go to theme options > advanced jQuery > Countdown Jquery Jquery and select this page to load jQuery countdown in this page.
<div class="coming-soon"><div class="slider-content dark">
	<div id="logo">
		<a href="#" class="light-logo"><img src="#" alt="Logo"></a>
	</div>
	<h3>WE ARE GLAD TO SEE YOU, BUT PLEASE BE PATIENT, THIS PAGE IS UNDER CONSTRUCTION</h3>
[sama_countdown date="2015/11/7" rtl="false" dayslabel="Days" hourslabel="Hours" minuteslabel="Minutes" secondslabel="Seconds" cssclass=""]<h3>This is Countdown Message if Countdown Expire.</h3>[/sama_countdown]
<p>If you have any questions, comments, or suggestions, please click <a class="underline" href="mailto:[email protected]">here</a> to mail me.</p>
	<ul class="social">
		<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
		<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
		<li><a href="#" data-toggle="tooltip" title="Google+"><i class="fa fa-google-plus"></i></a></li>
		<li><a href="#" data-toggle="tooltip" title="Behance"><i class="fa fa-behance"></i></a></li>
	</ul>
</div></div>
		

Coming Soon Default

  1. Create a new page, and add title for this page.
  2. From page Page Attributes select Blank Page.
  3. click publish to display slider metabox
  4. Create Full Screen Background here.
  5. Add Content with shortcode countdowntime like code under, and don't forget to to change date.
  6. Important in this slider i add shortcode to countdown time thats need specific jQuery. you need to load jQuery for this. to do that go to theme options > advanced jQuery > Countdown Jquery Jquery and select this page to load jQuery countdown in this page.
<div class="coming-soon"><div class="slider-content dark">
	<div id="logo">
		<a href="#" class="light-logo"><img src="#" alt="Logo"></a>
	</div>
	<h3>WE ARE GLAD TO SEE YOU, BUT PLEASE BE PATIENT, THIS PAGE IS UNDER CONSTRUCTION</h3>
[sama_countdown date="2015/11/7" rtl="false" dayslabel="Days" hourslabel="Hours" minuteslabel="Minutes" secondslabel="Seconds" cssclass=""]<h3>This is Countdown Message if Countdown Expire.</h3>[/sama_countdown]
<p>If you have any questions, comments, or suggestions, please click <a class="underline" href="mailto:[email protected]">here</a> to mail me.</p>
	<ul class="social">
		<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
		<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
		<li><a href="#" data-toggle="tooltip" title="Google+"><i class="fa fa-google-plus"></i></a></li>
		<li><a href="#" data-toggle="tooltip" title="Behance"><i class="fa fa-behance"></i></a></li>
	</ul>
</div></div>
		

Credit

jQuery

Images used in the Demo

All images and videos used in the demo are not distributed with the theme. They are all licensed under Creative Commons and credited to their respective creator/owner.