Template

[warissa]

<div class="container">

        <div class="row">
            <div class="text-center"><h1>Soundboard</h1></div>
        </div>

        <div class="row">

            <div class="col-md-4 col-xs-6">
                <audio preload="auto" id="sound1">
                    <source src="https://raw.githubusercontent.com/cartz/various/master/soundboard/audio/punch.ogg" type="audio/ogg">
                    <source src="https://raw.githubusercontent.com/cartz/various/master/soundboard/audio/punch.mp3" type="audio/mpeg">
                </audio>
                <button type="button" class="btn btn-lg btn-block" onclick="document.getElementById('sound1').play()">punch</button>
            </div>

            <div class="col-md-4 col-xs-6">
                <audio preload="auto" id="sound2">
                    <source src="https://raw.githubusercontent.com/cartz/various/master/soundboard/audio/punch.ogg" type="audio/ogg">
                    <source src="https://raw.githubusercontent.com/cartz/various/master/soundboard/audio/punch.mp3" type="audio/mpeg">          
                </audio>
                <button type="button" class="btn btn-lg btn-block" onclick="document.getElementById('sound2').play()">punch</button>
            </div>

            <div class="col-md-4 col-xs-6">
                <audio preload="auto" id="sound3">
                    <source src="https://raw.githubusercontent.com/cartz/various/master/soundboard/audio/punch.ogg" type="audio/ogg">
                    <source src="https://raw.githubusercontent.com/cartz/various/master/soundboard/audio/punch.mp3" type="audio/mpeg">
        </audio>
                <button type="button" class="btn btn-lg btn-block" onclick="document.getElementById('sound3').play()">punch</button>
            </div>

        </div>

    </div>

    <footer>
        <div class="col-md-offset-9 col-xs-offset-9">
            <p class="text">made with <a href="https://getbootstrap.com" target="_blank">bootstrap</a> and &#x2665;</p>
        </div>
    </footer>