indian flag
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>tiranga</title>
<style>
body{
display:flex;
flex-direction: column;
margin: 0px;
padding:0px;
}
#item1{
background-color:#FF9933;
width:100%;
height: 150px;
display: flex;
}
#item2{
background-color: white;
width: 100%;
height: 200px;
}
img{
height: 200px;
width: 200px;
margin-bottom: 1px;
margin-top: -198px;
display: flex;
align-self: center;
}
#item3{
background-color: #138808;
width: 100%;
height: 150px;
}
h1{
text-align: center;
}
button{
padding:10px;
width:60px;
align-self: center;
border-radius: 10px;
border:1px solid black;
margin-top: 2px;
}
button:hover{
background-color: rgb(189, 0, 22);
}
</style>
</head>
<body >
<h1></h1>
<div></div>
<div></div>
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/Ashoka_Chakra.svg/630px-Ashoka_Chakra.svg.png"
alt="Ashoka Chakra">
<div></div>
<h1>I ❤️ <span>IN</span><span>D</span><span>IA</span></h1>
<audio src="song.mp3">
</audio>
<button>Click See Above</button>
<button type="button">❤️</button>
<script>
var x = document.getElementById("arijit");
function playAudio() {
x.play();
}
</script>
</body>
</html>