Coming soon bootstrap template

    0

    0

    WiktorrWieSolteq

    <!-- Background image -->
    <img src="https://mdbootstrap.com/img/new/slides/205.jpg" alt="">
    </header>
    
    <!--Main Navigation--> </body> </html>

    The code produces the following HTML:

    <!DOCTYPE html> <html> <head> <title>MD Bootstrap</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <header> <style> #intro { height: 100vh; } </style> </header> <div id="intro"> <div class="mask" style="background-color: rgba(0, 0, 0, 0.7);"> <div class="d-flex justify-content-center align-items-center h-100"> <div class="text-white px-4"> Coming Soon!</div> </div> <time-counter> <h3 id="time-counter"
    <html>
      <body>
          <!-- Intro settings -->
          <style>
            /* Default height for small devices */
            #intro {
              height: 100vh;
            }
    
          </style>
    
          <!-- Background image -->
          <div id="intro" class="p-5 text-center bg-image shadow-1-strong" style="background-image: url('https://staging.licscadenta.no/%2fFiles%2fImages%2fjul.jpg'); background-repeat: no-repeat;
          background-size: cover; background-position: bottom;">
            <div class="img-fluid" style="background-color: rgba(0, 0, 0, 0.7); ">
              <div class="d-flex justify-content-center align-items-center h-100">
                <div class="text-white px-4">
                  <h1 class="mb-3">Siden er under oppdatering!</h1>
    
                  <!-- Time Counter -->
                  <h3 id="time-counter" class="border border-light my-4 p-4"></h3>
    
                  <p>Vi jobber så raskt vi kan med å få ScanOrder opp igjen.</p>
    
                  <p>Vi beklager de problemer dette medfører.</p>
    
                </div>
              </div>
            </div>
          </div>
          <!-- Background image -->
    
          <!-- Time Counter -->
          <script type="text/javascript">
            // Set the date we're counting down to
            var countDownDate = new Date();
            countDownDate.setTime(countDownDate.getTime() + 5 * 60 * 60 * 1000);
    
            // Update the count down every 1 second
            var x = setInterval(function () {
              // Get todays date and time
              var now = new Date().getTime();
    
              // Find the distance between now an the count down date
              var distance = countDownDate - now;
    
              // Time calculations for days, hours, minutes and seconds
              var days = Math.floor(distance / (1000 * 60 * 60 * 24));
              var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
              var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
              var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    
              // Display the result in the element with id="demo"
              document.getElementById('time-counter').innerHTML =
                days + 'd ' + hours + 'h ' + minutes + 'm ' + seconds + 's ';
    
              // If the count down is finished, write some text
              if (distance < 0) {
                clearInterval(x);
                document.getElementById('time-counter').innerHTML = 'EXPIRED';
              }
            }, 1000);
          </script>
      </body>
    </html>
    Codiga Logo
    Codiga Hub
    • Rulesets
    • Playground
    • Snippets
    • Cookbooks
    soc-2 icon

    We are SOC-2 Compliance Certified

    G2 high performer medal

    Codiga – All rights reserved 2022.