-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (68 loc) · 4.77 KB
/
index.html
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
<html>
<head>
<title>Edge CSS Framework</title>
<link href="favicon.ico" type="image/x-icon" rel="icon" />
<link href="style/css/edge.css" rel="stylesheet" />
<link href="style/css/code.css" rel="stylesheet" />
</head>
<body>
<div class="row margin-top-large margin-bottom-large">
<div class="large-6 large-padding-right-large medium-12">
<h1 class="h1">Edge CSS Framework</h1>
<ul class="inline-list margin-bottom">
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
<p>Lorem ipsum dolor sit amet, <a href="#">consectetur adipiscing elit</a>. Ut eleifend libero sit amet risus <span class="italic">vulputate consectetur</span>. Sed sollicitudin ornare mi, vitae imperdiet ligula blandit et. <span class="link">Proin ac mattis ipsum</span>, quis volutpat mauris. Nam ut nulla sit amet leo pulvinar semper. Sed iaculis nulla et tortor auctor, quis malesuada nulla varius. Nullam vehicula nibh vitae ligula sollicitudin, sagittis iaculis urna sagittis.</p>
<form>
<fieldset>
<div class="row">
<label class="label width-25">Search</label>
<input class="input" placeholder="Search...">
</div>
<div class="row">
<label class="label width-25">Select</label>
<select class="select">
<option value="1">An Option</option>
<option value="2">Another Option</option>
<option value="3">Final Option</option>
</select>
</div>
<div class="row">
<label class="label width-25">Content</label>
<textarea class="textarea">Some content goes in here</textarea>
</div>
<button class="button">Submit</button>
</fieldset>
</form>
</div>
<div class="large-6 medium-12">
<img src="style/images/image.jpg" alt="Image" />
</div>
</div>
<div class="row margin-top-large">
<h2 class="h2">Nested List</h2>
<code>ol.nested-decimal-list
li
ol
li</code>
<ol class="nested-decimal-list">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus velit eget ligula mattis, sed dictum ligula mollis. Vivamus auctor fringilla metus, id ullamcorper est fermentum nec. Suspendisse nunc neque, eleifend quis justo id, accumsan feugiat leo. Suspendisse tristique sed urna eu tincidunt.</li>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus velit eget ligula mattis, sed dictum ligula mollis. Vivamus auctor fringilla metus, id ullamcorper est fermentum nec. Suspendisse nunc neque, eleifend quis justo id, accumsan feugiat leo. Suspendisse tristique sed urna eu tincidunt.
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus velit eget ligula mattis, sed dictum ligula mollis. Vivamus auctor fringilla metus, id ullamcorper est fermentum nec. Suspendisse nunc neque, eleifend quis justo id, accumsan feugiat leo. Suspendisse tristique sed urna eu tincidunt.</li>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus velit eget ligula mattis, sed dictum ligula mollis. Vivamus auctor fringilla metus, id ullamcorper est fermentum nec. Suspendisse nunc neque, eleifend quis justo id, accumsan feugiat leo. Suspendisse tristique sed urna eu tincidunt.
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus velit eget ligula mattis, sed dictum ligula mollis. Vivamus auctor fringilla metus, id ullamcorper est fermentum nec. Suspendisse nunc neque, eleifend quis justo id, accumsan feugiat leo. Suspendisse tristique sed urna eu tincidunt.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus velit eget ligula mattis, sed dictum ligula mollis. Vivamus auctor fringilla metus, id ullamcorper est fermentum nec. Suspendisse nunc neque, eleifend quis justo id, accumsan feugiat leo. Suspendisse tristique sed urna eu tincidunt.</li>
</ol>
</li>
</ol>
</li>
</ol>
</div>
</body>
</html>