Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Keyboard project</title>
    <link href="bootstrap.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
</head>

<body>

    <div class="container">
        <div class="header clearfix">
            <nav>
                <ul class="nav nav-pills pull-right">
                    <li role="presentation"><a href="index.html">Home</a></li>
                    <li role="presentation" class="active"><a href="keyboard.html">Keyboard</a></li>
                </ul>
            </nav>
            <h3 class="text-muted">Piano Keyboard</h3>
        </div>

        <div class="row">

              <div class="keyboard" id="C"></div>
              <div class="keyboard" id="D"></div>
              <div class="keyboard" id="E"></div>
              <div class="keyboard" id="F"></div>
              <div class="keyboard" id="G"></div>
              <div class="keyboard" id="A"></div>
              <div class="keyboard" id="B"></div>

        </div>

        <script src="synth.js"></script>
        <script src="script.js"></script>

    </div>


</div>
</body>
</html>