Love Confirmation html code free
index.html
1
<!DOCTYPE html>2
<html>3
<head>4
<title>Love Confirmation</title>5
<style>6
body {7
background-color:black;8
color: white;9
font-family: Arial, sans-serif;10
text-align: center;11
}12
13
h1 {14
margin-top: 200px;15
}16
17
button {18
margin-top: 50px;19
padding: 10px 20px;20
font-size: 18px;21
background-color: white;22
color: black;23
border: none;24
cursor: pointer;25
}26
27
#no-button {28
position: absolute;29
top: 50%;30
left: 50%;31
transform: translate(-50%, -50%);32
animation: moveButton 1s infinite;33
}34
35
@keyframes moveButton {36
0% {37
top: 50%;38
left: 50%;39
}40
25% {41
top: 30%;42
left: 70%;43
}44
50% {45
top: 70%;46
left: 30%;47
}48
75% {49
top: 70%;50
left: 70%;51
}52
100% {53
top: 50%;54
left: 50%;55
}56
}57
</style>58
</head>59
<body>60
<h1>Do you love Huzaifa Taif Khan?</h1>61
<button id="yes-button" onclick="showThanks()">Yes</button>62
<button id="no-button">No</button>63
64
<script>65
function showThanks() {66
document.getElementById("yes-button").disabled = true;67
document.getElementById("no-button").style.display = "none";68
alert("Thanks for your love!");69
}70
</script>71
</body>72
</html>73
styles.css
1
/* Replace with your CSS Code 2
(Leave empty if not needed) */ 3
main.js
1
/* Replace with your JS Code 2
(Leave empty if not needed) */3
