-
Notifications
You must be signed in to change notification settings - Fork 48
/
index.html
162 lines (151 loc) · 5.42 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
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="min/wmin.css" type="text/css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Wireframes made easy </title>
</head>
<body>
<div class="container nav end noborder">
<span class="child logo" data-balloon="Logo!" data-balloon-pos="down">LALALALA</span>
<span class=" padd " data-balloon="Some link " data-balloon-pos="down">Nav1dsad</span>
<span class="padd" data-balloon="Eg. Home" data-balloon-pos="up">Nav2 might contain </span>
<span class=" padd " data-balloon="About Us! " data-balloon-pos="down">Contact us </span>
<span class="padd" data-balloon="Contact Us" data-balloon-pos="up">Contact us </span>
</div>
<div class=" parent header" data-balloon-pos="down" data-balloon="Some long description telling about Header Image"></div>
<div class="container noborder products ">
<div class="parent box4 v-end ">asdasdf asdsad asdasdf
<br>asdasdf asdsad asdasdfasdasdf asdsad asdasdf</div>
<div class="parent box4 v-end ">asdasdf asdsad asdasdf
<br>asdasdf asdsad g asdasdasdf asdsad g asdasdas asdasdf
<br>asdasdf asdsad gg asdasdas asdasdf</div>
<div class="parent box4 v-end ">asdasdf asdsad asdasdf
<br>asdasdf asdsad asdasdfasdasdf asdsad asdasdf</div>
<div class="parent box4 v-end ">asdasdf asdsad asdasdf
<br>asdasdf asdsad asdasdfasdasdf asdsad g pasdasdf asdsad g asdasdf asdsad g asdasdleasure</div>
</div>
<div class="container buttonbar noborder col">
<span>The good old Search Bar!sadasdasdsa dasdasdasdadasd<br>
The good old Search Bar!sadasdasdsa dasdasdasdadasd.asdasdasdasdasdasdassssssssssssssdadasdasd</span>
<form>
<input type="text"></input>
<button>Submit</button>
</form>
</div>
<div class="container noborder">
<div class="control-group">
<h1>Checkbox</h1>
<label class="control control--checkbox">First
<input type="checkbox" checked="checked"/>
<div class="control__indicator"></div>
</label>
<label class="control control--checkbox">Second
<input type="checkbox"/>
<div class="control__indicator"></div>
</label>
<label class="control control--checkbox">Disabled
<input type="checkbox" disabled="disabled"/>
<div class="control__indicator"></div>
</label>
<label class="control control--checkbox">Disabled & checked
<input type="checkbox" disabled="disabled" checked="checked"/>
<div class="control__indicator"></div>
</label>
</div>
<div class="control-group">
<h1>Radio Button</h1>
<label class="control control--radio">First
<input type="radio" name="radio" checked="checked"/>
<div class="control__indicator"></div>
</label>
<label class="control control--radio">Second
<input type="radio" name="radio"/>
<div class="control__indicator"></div>
</label>
<label class="control control--radio">Disabled
<input type="radio" name="radio2" disabled="disabled"/>
<div class="control__indicator"></div>
</label>
<label class="control control--radio">Disabled & checked
<input type="radio" name="radio2" disabled="disabled" checked="checked"/>
<div class="control__indicator"></div>
</label>
</div>
<div class="control-group">
<h1>Select boxes</h1>
<div class="select">
<select>
<option>First select</option>
<option>Option</option>
<option>Option</option>
</select>
<div class="select__arrow"></div>
</div>
<div class="select">
<select>
<option>Second select</option>
<option>Option</option>
<option>Option</option>
</select>
<div class="select__arrow"></div>
</div>
<div class="select">
<select disabled="disabled">
<option>Disabled</option>
<option>Option</option>
<option>Option</option>
</select>
<div class="select__arrow"></div>
</div>
</div>
<div class="control-group">
<h1>Text Area</h1>
<textarea rows="5">asdfasdfasdf asdfas asdfasdf asdfasdfasdf asdfasdf asdf aasdf</textarea>
</div>
</div>
<div class="container noborder">
<table>
<tr>
<th>asdf asdasdf</th>
<th>asdfasdfaasd</th>
<th>asd fewga sd</th>
</tr>
<tr>
<td>asdf asdfasdaasdf asdfsdf</td>
<td>asdasdfasdf asdfasd afdsf</td>
<td>asdfasdf asdfas asdfasdff</td>
</tr>
<tr>
<td>asdfasdf asdfass asdfafa</td>
<td>asdfa asdfasdf adsfasdfa</td>
<td>asfdasdf asdfas sdfsd as</td>
</tr>
</table>
</div>
<div class="container noborder">
<ul>
<li>asdfa asdfasdf asdfasdf</li>
<li>asdfasdf asdfafdsa asdf</li>
<li>asdfasdfasdf asdf asdfa</li>
<li>asdfasdf asdfasasd asdf</li>
<li>asdfasdf asdfa sdfasdf</li>
</ul>
<ul>
<li>asdfa asdfasdf asdfasdf</li>
<li>asdfasdf asdfafdsa asdf</li>
<li>asdfasdfasdf asdf asdfa</li>
<li>asdfasdf asdfasasd asdf</li>
<li>asdfasdf asdfa sdfasdf</li>
</ul>
<ul>
<li>asdfa asdfasdf asdfasdf</li>
<li>asdfasdf asdfafdsa asdf</li>
<li>asdfasdfasdf asdf asdfa</li>
<li>asdfasdf asdfasasd asdf</li>
<li>asdfasdf asdfa sdfasdf</li>
</ul>
</div>
</body>
</html>