Hester-Street/content-base.php at master · ObjectiveSubject/Hester-Street · 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<h1>H1. Fusce sed molestie eros cras non justo nunc.</h1>

<h2>H2. Nulla eleifend tortor vitae lorem accumsan</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="#">Morbi justo lorem</a>, congue eu ipsum eu, feugiat ornare ex. Nulla eleifend tortor vitae lorem accumsan, ac pellentesque elit pretium. Mauris ac ipsum eros. Suspendisse dolor mi, viverra sit amet diam in, convallis tempus ex. Ut cursus mi vel lacus facilisis suscipit. Curabitur facilisis turpis in augue finibus, eu congue magna condimentum.</p>

<blockquote><p>Blockquote, massa ut fermentum maximus, nisl libero eleifend odio, ornare consectetur massa velit vel tellus.</p></blockquote>
<p>Mauris posuere nibh diam, at bibendum purus viverra nec. Ut tellus dui, rutrum at aliquet nec, mattis sed justo. Vestibulum ipsum dui, mollis non ipsum eget, euismod gravida lectus. Phasellus tristique pulvinar elit, ut fermentum ipsum eleifend ut. In tempus ac sem nec blandit. Quisque vel convallis lectus. In semper auctor lectus vitae ultrices.</p>

<h3>H3. Aenean at volutpat urna, quis mattis augue. Maecenas tincidunt sollicitudin bibendum. Fusce sed molestie eros. Cras non justo nunc. </h3>

<p>Aenean at volutpat urna, quis mattis augue. Maecenas tincidunt sollicitudin bibendum. Fusce sed molestie eros. Cras non justo nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur et interdum sem, et convallis lacus. Fusce efficitur, massa ut fermentum maximus, nisl libero eleifend odio, ornare consectetur massa velit vel tellus. Morbi rhoncus arcu at orci blandit, non dapibus est vestibulum. Fusce in vestibulum metus. Sed gravida eu mi non pharetra. Suspendisse egestas nibh imperdiet augue iaculis posuere. Donec bibendum diam rhoncus, porta nulla nec, facilisis est. Donec in erat nec odio venenatis faucibus et ac nunc.</p>

<h4>H4. Aenean at volutpat urna, quis mattis augue. Maecenas tincidunt sollicitudin bibendum. Fusce sed molestie eros. Cras non justo nunc. </h4>

<h5>H5. Aenean at volutpat urna, quis mattis augue. Maecenas tincidunt sollicitudin bibendum. Fusce sed molestie eros. Cras non justo nunc. </h5>

<h6>H6. Aenean at volutpat urna, quis mattis augue. Maecenas tincidunt sollicitudin bibendum. Fusce sed molestie eros. Cras non justo nunc. </h6>

<hr/>

<h3>Unordered Lists</h3>

<ul>
    <li>This is a list item in an unordered list</li>
    <li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line. </li>
    <li>
        Lists can be nested inside of each other
        <ul>
            <li>This is a nested list item</li>
            <li>This is another nested list item in an unordered list</li>
        </ul>
    </li>
    <li>This is the last list item</li>
</ul>

<h3>Ordered Lists</h3>

<ol>
    <li>This is a list item in an ordered list</li>
    <li>An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.</li>
    <li>
        Lists can be nested inside of each other
        <ol>
            <li>This is a nested list item</li>
            <li>This is another nested list item in an ordered list</li>
        </ol>
    </li>
    <li>This is the last list item</li>
</ol>

<!--<hr/>-->

<!--<h3>Preformatted & code</h3>-->

<!--<pre>
Fusce efficitur,
massa ut <code>fermentum</code> maximus,
nisl libero eleifend odio,
ornare consectetur massa velit vel tellus.</pre>-->

<hr/>

<h3>Forms</h3>

<form action="#">
    <div class="form-group">
      <label for="text">Text Input <abbr title="Required">*</abbr></label>
      <input id="text" type="text" class="form-field" placeholder="Text Input">
    </div>
    <div class="form-group">
      <label for="password">Password</label>
      <input id="password" type="password" class="form-field" placeholder="Type your Password">
    </div>
    <div class="form-group">
      <label for="webaddress">Web Address</label>
      <input id="webaddress" type="url" class="form-field" placeholder="http://yoursite.com">
    </div>
    <div class="form-group">
      <label for="emailaddress">Email Address</label>
      <input id="emailaddress" type="email" class="form-field" placeholder="name@email.com">
    </div>
    <div class="form-group">
      <label for="search">Search</label>
      <input id="search" type="search" class="form-field" placeholder="Enter Search Term">
    </div>
    <div class="form-group">
      <label for="number">Number Input <abbr title="Required">*</abbr></label>
      <input id="number" type="number" class="form-field" placeholder="Enter a Number" pattern="[0-9]*">
    </div>
    <div class="form-group">
      <label for="textarea">Textarea</label>
      <textarea id="textarea" class="form-field" rows="8" cols="48" placeholder="Enter your message here"></textarea>
    </div>

    <p><input id="submit" value="Standard Button" type="button" class="button"/></p>
    <p><input id="reset" value="Inverse Button" type="button" class="button button--inverse"/></p>
    <p><input id="button" value="Small Button" type="button" class="button button--small"/></p>
    <p><input id="disabled" value="Disabled Button" type="button" class="button button--disabled" disabled/></p>
</form>