CINXE.COM
<link rel="stylesheet" href="/bootcss/bootstrap.min.css"> <script src="/script/jquery-latest.min.js" type="text/javascript"></script> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div class="row" style="justify-content: center !important; margin-top: 50px; width: 100%"> <div class="col-md-10" style="text-align: center;"> <h2>Dubai Civil Defense has launched new Smart Services Portal</h2> <p> <strong>Note:</strong> You will be redirected to the Dubai Civil Defense Smart Service Portal in <strong id="timer">10</strong> <strong>sec</strong> <a style="text-decoration: underline;" href="https://smartservices.dcd.gov.ae"> or click here now </a> </p> <input type="hidden" id="smartservice_url" value="https://smartservices.dcd.gov.ae" /> </div> <div class="col-md-8"> <a href="https://smartservices.dcd.gov.ae"> <div style="border: 1.5px black solid; border-radius: 10px; margin: 10px; padding: 10px"> <img alt="img" src="images/dcd_ss.png" width="100%"> </img> </div> </a> </div> </div> </body> <script type="text/javascript"> $(function() { function pageRedirect() { window.location.replace($("#smartservice_url").val()); } setTimeout(pageRedirect, 10000); var countDownDate = new Date().getTime() + 12000; var timeFun = setInterval(function() { var now = new Date().getTime(); var distance = countDownDate - now; var seconds = Math.floor((distance % (1000 * 60)) / 1000); document.getElementById("timer").innerHTML = seconds; }, 1000); }); </script> </html>