-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (52 loc) · 2.53 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE HTML>
<HTML lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Time of Ramadan</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lemonada:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Concert+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=PT+Mono&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Spartan&display=swap" rel="stylesheet">
</head>
<body>
<div>
<h1>السَّلَامُ عَلَيْكُمْ وَرَحْمَةُ ٱللَّهِ وَبَرَكاتُهُ</h1>
<h3>Website Developed by ❤ Fardinuzzaman Tazim</h3>
<h2><span class="highlight-word-color">RAMADAN</span> IS <span class="highlight-word-color-2">COMING</span></h2>
</div>
<div class="container">
<div class="countdown">
<div id="day">00</div>
<div id="hour">00</div>
<div id="minute">00</div>
<div id="second">00</div>
</div>
</div>
<script type="text/javascript">
var countDate = new Date('Mar 23, 2023 06:00:00').getTime();
function newYear(){
var now = new Date().getTime();
gap = countDate - now;
var second = 1000;
var minute = second * 60;
var hour = minute * 60;
var day = hour * 24;
var d = Math.floor(gap / (day));
var h = Math.floor((gap % (day)) / (hour));
var m = Math.floor((gap % (hour)) / (minute));
var s = Math.floor((gap % (minute)) / second);
document.getElementById('day').innerText = d;
document.getElementById('hour').innerText = h;
document.getElementById('minute').innerText = m;
document.getElementById('second').innerText = s;
}
setInterval(function(){
newYear();
},1000)
</script>
<button class="btn btn--primary"; oneclick="alert('The page is in progress. It will be available soon!')">Learn More About Ramadan</button>
</body>
</HTML>