Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Tourism/Culture/Health</title>
</head>
<body>
<font face="Arial">
<center>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <font size="50">
    <span style="color: #006A4E; font-weight: bolder;">B</span><span style="color: #006A4E; font-weight: bolder;">a</span><span style="color: #006A4E; font-weight: bolder;">n</span><span style="color: #F42A41; font-weight: bolder;">g</span><span style="color: #F42A41; font-weight: bolder;">l</span><span style="color: #F42A41; font-weight: bolder;">a</span><span style="color: #F42A41; font-weight: bolder;">d</span><span style="color: #006A4E; font-weight: bolder;">e</span><span style="color: #006A4E; font-weight: bolder;">s</span><span style="color: #006A4E; font-weight: bolder;">h</span>
    </font>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <a href="tourismpage.html"><input type="button" value="Tourism" class="button"></a>
    <a href="culture.html"><input type="button" value="Culture"></a>
    <a href="https://en.wikipedia.org/wiki/Health_in_Bangladesh"><input type="button" value="Health"></a>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
<style type="text/css">
    button {
        background-color: #4584EE;
        color:#ffffff;
        font-family: Arial;
        padding: 5px 10px;
        outline: 0px;
        font-size: 14px;
        text-decoration: none;
        cursor: pointer;
        margin: 0px;
        background: -webkit-gradient(linear, left top, left bottom, from(#28bbe0), to(#10aad1));
        background: -moz-linear-gradient(top, #28bbe0, #10aad1);
        border: solid 1px #0076a3;
        border-bottom-right-radius: 5px 5px;
        border-bottom-left-radius: 5px 5px;
        border-top-right-radius: 5px 5px;
        border-top-left-radius: 5px 5px;
    }
    input {
        background-color: #4584EE;
        color:#ffffff;
        font-family: Arial;
        padding: 5px 10px;
        outline: 0px;
        font-size: 14px;
        text-decoration: none;
        cursor: pointer;
        margin: 0px;
        background: -webkit-gradient(linear, left top, left bottom, from(#28bbe0), to(#10aad1));
        background: -moz-linear-gradient(top, #28bbe0, #10aad1);
        border: solid 1px #0076a3;
        border-bottom-right-radius: 5px 5px;
        border-bottom-left-radius: 5px 5px;
        border-top-right-radius: 5px 5px;
        border-top-left-radius: 5px 5px;
    }
</style>
<script type="text/javascript">
    function play() {
        var audio = document.getElementById('audio')
        audio.play()
    }
</script>
<button onclick="play()">Bangladesh SONG</button>
<audio id="audio" src="banglaanthem.mp3"></audio>

</body>
</html>