-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (61 loc) · 2.15 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
60
61
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Questrial&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Secular+One&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap" rel="stylesheet">
<href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@700&display=swap" rel="stylesheet">
<title> Family Book</title>
</head>
<body>
<center>
<div id="raunak">
<h1 id="potato"> My Family Book</h1>
</div>
<br> <br>
<img id="family_img" src="The-family-book-e1417314391978.jpg">
<br><br>
<h3 id="one">My Family Book</h3>
<div class="center">
<div class="btn btn4">
<div class="inner"></div>
<button onclick="family()" >Next</button>
</div>
</div>
</center>
<script>
var names=[
" My Family Book ",
" My Grandfather (Jagadish Chandra Das) ",
" My Grandmother (Pritikana Das) ",
" My Father (Sukanta Das)",
" My Mother (Baby Das)",
" Me (Raunak Das)"
];
var images=[
"The-family-book-e1417314391978.jpg",
"happy-grandfather-cartoon-vector-17519643.jpg",
"17519486.jpg",
"67-674901_png-pinterest-clip-only-father-clipart-transparent-png.png",
"standing-young-mother-standing-young-mother-simple-vector-illustration-101319887.jpg",
"901-9016571_6-kids-sites-bedtime-stories-news-stories-short.png",
];
var i=0;
function family(){
document.getElementById("one").innerHTML=names[i];
document.getElementById("family_img").src=images[i];
i++;
if(i==6){
i=0;
}
};
</script>
</body>
</html>