Moshi/sink.html at master · SAFAD/Moshi · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!doctype html>
<html class="no-js" lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Moshi</title>
  <link rel="stylesheet" href="stylesheets/app.css" />
</head>
<body>
  <h1>Welcome to Moshi</h1>
  <h2>This is H2</h2>
  <h3>This is H3</h3>
  <h4>This is H4</h4>
  <h5>This is H5</h5>
  <h6>This is H6</h6>

  <div class="panel">
    This is a nice panel
    let's try to add stuff to this nice panel:
    <hr />
    <h5>How About some forms and usefull stuff:</h5>
    <form>
      <br/>
      <label>Input Label</label>
      <input type="text" placeholder="placeholding stuff" />
      <br/>
      <label>Select Box</label>
      <select>
        <option value="husker">Huskar</option>
        <option value="starbuck">Pudge</option>
        <option value="hotdog">Phantom Cancer</option>
        <option value="apollo">Drow Cancer</option>
      </select>
      <br/>
      <label>Radio Buttons</label>
      <input type="radio" name="radio" id="checked" checked><label for="checked"><span></span>Checked</label>
      <input type="radio" name="radio" id="default"><label for="default"><span></span>Default</label>
      <input type="radio" name="radio" id="disabled" disabled><label for="disabled"><span></span>Disabled</label>
      <br/>
      <label>Check these out</label>
      <input id="C_checked" type="checkbox" checked><label for="C_checked"><span></span>Checked</label>
      <input id="C_default" type="checkbox"><label for="C_default"><span></span>Default</label>
      <input id="C_disabled" type="checkbox" disabled><label for="C_disabled"><span></span>Disabled</label>
      <br/>
      <label>Textarea Label</label>
      <textarea placeholder="placeholder" style="width: 500px;"></textarea>
      <button class="button-base">Submit!</button>
    </form>
    <p>
      Time for some Badges ! <br/>
      Regular : <span class="badge"><span>99</span></span>
                <span class="badge secondary"><span>75</span></span>
                <span class="badge success"><span>69</span></span>
                <span class="badge alert"><span>50</span></span>
                <span class="badge warning"><span>25</span></span>
      <br/><br/>
      Oval : <span class="badge oval"><span>99</span></span>
                <span class="badge oval secondary"><span>75</span></span>
                <span class="badge oval success"><span>69</span></span>
                <span class="badge oval alert"><span>50</span></span>
                <span class="badge oval warning"><span>25</span></span>
    </p>
  </div>
  <p>
    This is a paragraph!
    <a href="foundation.zurb.com">This page is shamelessly "inspired" by Zurb's Foundation kitchen sink</a>
  </p>
  <span>more to come [soon(tm)] here is a spinner for you: <span class="spinner"></span></span>

</body>
</html>