Advertisement
Wickedlolz

Comming Soon Page

Feb 20th, 2019
231
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.14 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <title>Comming Soon</title>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  7. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
  8. <style>
  9. body,h1 {font-family: "Raleway", sans-serif}
  10. body, html {height: 100%}
  11. .bgimg {
  12.   background-image: url('bridge.jpg');
  13.   min-height: 100%;
  14.   background-position: center;
  15.   background-size: cover;
  16. }
  17.  
  18. p {
  19.   text-align: center;
  20.   font-size: 60px;
  21.   margin-top: 0px;
  22. }
  23. </style>
  24. <body>
  25.  
  26. <div class="bgimg w3-display-container w3-animate-opacity w3-text-white">
  27.   <div class="w3-display-topleft w3-padding-large w3-xlarge">
  28.     Logo
  29.   </div>
  30.   <div class="w3-display-middle">
  31.     <h1 class="w3-jumbo w3-animate-top">COMING SOON</h1>
  32.     <hr class="w3-border-grey" style="margin:auto;width:40%">
  33.     <p id="demo"></p>
  34.  
  35. <script>
  36. // Set the date we're counting down to
  37. var countDownDate = new Date("March 14, 2019 15:37:25").getTime();
  38.  
  39. // Update the count down every 1 second
  40. var x = setInterval(function() {
  41.  
  42.   // Get todays date and time
  43.   var now = new Date().getTime();
  44.    
  45.   // Find the distance between now and the count down date
  46.   var distance = countDownDate - now;
  47.    
  48.   // Time calculations for days, hours, minutes and seconds
  49.   var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  50.   var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  51.   var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  52.   var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  53.    
  54.   // Output the result in an element with id="demo"
  55.   document.getElementById("demo").innerHTML = days + "d " + hours + "h "
  56.   + minutes + "m " + seconds + "s ";
  57.    
  58.   // If the count down is over, write some text
  59.   if (distance < 0) {
  60.    clearInterval(x);
  61.    document.getElementById("demo").innerHTML = "EXPIRED";
  62.  }
  63. }, 1000);
  64. </script>
  65.   </div>
  66.   <div class="w3-display-bottomleft w3-padding-large">
  67.     Powered by <a href="#" target="_blank">Viktor Dimitrov</a>
  68.   </div>
  69. </div>
  70.  
  71. </body>
  72. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement