Happy birthday
3 years ago in HTML
<!DOCTYPE html>
<html>
<head>
<title>HAPPY BIRTHDAY KAPIL TANK</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div.happy {background-color:#ff9933;}
div.birthday {background-color:#ffffff;}
div.kapil {background-color:#138808;}
label.aa {width:100px;height:100px;}
label.h {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
label.a {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
label.p {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
label.y {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
label.b {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
label.i {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
label.r {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
label.t {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
label.d {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
label.mr {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
label.k {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
label.l {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
label.n {color:#000080;font-family:cursive;font-size:75px;font-weight:bold;font-style:italic;}
</style>
<script>
function myFeedback() {
var a = prompt("\nPlease enter your name\n","");
var b = prompt("\nPlease enter your current location\n","");
var c = prompt("\nenter your hobby\n","");
alert(a + "\n" + b + "\n" + c);
alert("\nHappy birthdat kapil tank!\nHave a nice day\ninjoy\nThank you for your valuable response!\n");
}
</script>
</head>
<body>
<center><br><br>
<div class="happy">
<label class="h">H</label>
<label class="a">A</label>
<label class="p">P</label>
<label class="p">P</label>
<label class="y">Y</label>
</div>
<div class="birthday">
<label class="b">B</label>
<label class="i">I</label>
<label class="r">R</label>
<label class="t">T</label>
<label class="h">H</label>
<label class="d">D</label>
<label class="a">A</label>
<label class="y">Y</label>
</div>
<div class="kapil">
<label class="k">K</label>
<label class="a">.</label>
<label class="p">K</label>
<label class="i">.</label>
<label class="t">T</label>
<label class="a">A</label>
<label class="n">N</label>
<label class="k">K</label>
</div><br><br>
<p><button onclick="myFeedback()" style="color:#4d4dff;font-size:35px;background-color:#b8b894;font-family:cursive;">Enter Here</button></p>
</center>
</body>