bbbtas-web/index.html at master · libascension/bbbtas-web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
    <head>
      <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
      <link type="text/css" rel="stylesheet" href="mdl/material.min.css">
      <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

      <title>BBBTAS</title>
    </head>

    <body>

      <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
        <header class="mdl-layout__header">
          <div class="mdl-layout__header-row">

            <span class="mdl-layout-title">BeagleBone Black Task Automation System</span>

            <div class="mdl-layout-spacer"></div>

            <!--nav class="mdl-navigation mdl-layout--large-screen-only">
              <a class="mdl-navigation__link" href="">Link</a>
              <a class="mdl-navigation__link" href="">Link</a>
              <a class="mdl-navigation__link" href="">Link</a>
              <a class="mdl-navigation__link" href="">Link</a>
            </nav>-->
          </div>
        </header>
        <div class="mdl-layout__drawer">
          <span class="mdl-layout-title">Menu</span>
          <nav class="mdl-navigation">
            <a class="mdl-navigation__link" href="button.html">Button</a>
            <a class="mdl-navigation__link" href="">Potentiometer</a>
            <a class="mdl-navigation__link" href="">Photoresistor</a>
          </nav>
        </div>
        <main class="mdl-layout__content">
          <div class="page-content">

          </div>
        </main>
      </div>

      <script src="mdl/material.min.js"></script>
    </body>
</html>