en
Visit Templateog体育首页
Submit a Ticket

Categories

Featured templates

en
Visit Templateog体育首页 Account
Submit a Ticket

Categories

Featured templates

og体育首页ONE Subscrioption

og体育首页ONE

JS Animated. How to set up Under Construction page

Ryan DeWitt January 27, 2015
constructionHTMLmaintenancepage
Rating: 5.0/5. From 1 vote.
Please wait...

This tutorial shows how to set up Under Construction page in JS Animated template.

JS Animated. How to set up the Under Construction page

  1. Make sure that you have unzipped the template package. Open site folder. Go to assets folder. Open under-construction.html page in editor:

    How to set the Under Construction page-1

  2. Below you can see under construction demo page:

    How to set the Under Construction page-2

  3. You should remove unneeded scripts and code that represents header menu for demo pages. Please check the video version of tutorial for more details. In our case code looks like the following:

    
  







Under Construction  
    
  
  Skip navigation  
    
  
    
  
    
  
    
  
    Our Website is
    
  
    Under Construction
    
  
    We'll be here soon with a new website.
    
  
    
  
    
  
    Days
    
  
    Hours
    
  
    Minutes
    
  
    Seconds

  4. Copy/move under-construction.html file to the folder with web site files. Now we should adjust path to css/js files (as we have moved under construction page to another location).

    We have added assets/ folder to css and script calls <script src="tm/js/jquery.js">. Now the path looks like <script src="assets/tm/js/jquery.js">. Please check the code below.

    
      







    Under Construction 
    
   
  
  Skip navigation  
    
  
    
  
    
  
    
  
    Our Website is
    
  
    Under Construction
    
  
    We'll be here soon with a new website.
    
  
    
  
    
  
    Days
    
  
    Hours
    
  
    Minutes
    
  
    Seconds

  5. We should adjust path to digits in jquery.countdown.min.js file. Open site\assets\tm\js\jquery.countdown.min.js file. Add assets/ in the path to tm/img/tm/digits.png file. Remove code for demo counter after that (this code is highlighted on the screenshot below):

    How to set the Under Construction page-3

  6. Set year and date, save changes:

    How to set the Under Construction page-4

  7. We have set under construction page. You may rename the file to index.html and this file will be initial for your web site. Visitors will see this under construction page:

    How to set the Under Construction page-5

Feel free to check the detailed video tutorial below:

JS Animated. How to set up the Under Construction page
2000 Premium WordPress Themes
This entry was posted in JS Animated tutorials and tagged construction, HTML, maintenance, page. Bookmark the permalink.

Related posts

HTML/CSS. How to create vertical and horizontal menu
March 13, 2020

This tutorial will show you how to create a vertical and horizontal menus in HTML using CSS styles. Before you proceed please make sure you are familiar with unordered list HTML tags.

HTML. How to create a menu
March 13, 2020

This tutorial shows how to create a menu in HTML. Usually to create a menu we use an onordered list. You can for sure use the div, span, p or other tags but unordered list gives you more flexibility in future stling of the menu.

WordPress. How to make pages show posts from certain categories and assign them to top menu
January 27, 2020

This tutorial shows how to make pages show posts from certain categories and assign them to top menu in Wordpress.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket