<!DOCTYPE html>
<html lang="fr">
    <head>

        <?php include ($_SERVER['DOCUMENT_ROOT'].'/includes/header.php'); ?>

        <title>RASPSNIR - SOUNDBOX</title>

    </head>

    <body>  

        <div class="container">
            <div class="row">
                <div class="col s12">
                    <div class="card white">
                        <div class="card-content black-text">
                            <h3>SNIR Soundbox</h3>
                            <hr/><br/>
                            <div class="row">
                                <div class="col s6 m2 center-align">
                                    <a id="ha" class="btn-floating btn-large waves-effect waves-light blue darken-4"><i class="material-icons">play_arrow</i></a><br/>
                                    <b>HA</b>
                                </div>
                                <div class="col s6 m2 center-align">
                                    <a id="nice" class="btn-floating btn-large waves-effect waves-light blue darken-4"><i class="material-icons">play_arrow</i></a><br/>
                                    <b>NICE</b>
                                </div>
                                <div class="col s6 m2 center-align">
                                    <a id="truc" class="btn-floating btn-large waves-effect waves-light blue darken-4"><i class="material-icons">play_arrow</i></a><br/>
                                    <b>QU'EST-CE QUE C'EST QUE CE TRUC ?</b>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col s6 m2 center-align">
                                    <a id="wtf" class="btn-floating btn-large waves-effect waves-light blue darken-4"><i class="material-icons">play_arrow</i></a><br/>
                                    <b>WHAT THE FUCK ?!</b>
                                </div>
                                <div class="col s6 m2 center-align">
                                    <a id="ohputain" class="btn-floating btn-large waves-effect waves-light blue darken-4"><i class="material-icons">play_arrow</i></a><br/>
                                    <b>OH PUTAIN !</b>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <?php include ($_SERVER['DOCUMENT_ROOT'].'/includes/footer.php'); ?>
        <script src="soundbox.js"></script>
        <script type="application/javascript" src="snirSoundbox.js"></script>
    </body>
</html>
