This repository was archived by the owner on Oct 26, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathform.html
More file actions
180 lines (153 loc) · 7.8 KB
/
form.html
File metadata and controls
180 lines (153 loc) · 7.8 KB
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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wonderful | Admin Theme</title>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="manifest" href="img/favicon/manifest.json">
<link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<!-- SEO Meta -->
<meta property="og:title" content="Wonderful"/>
<meta property="og:url" content="https://muhibbudins.github.io/wonderful/"/>
<meta property="og:image" content="https://muhibbudins.github.io/wonderful/img/preview.png"/>
<meta property="og:description" content="Wonderful is FREE Admin template build under Bootstrap Framework with full customize and don't worry SASS/SCSS included."/>
<meta name="twitter:site" content="Wonderful"/>
<meta name="twitter:creator" content="Muhibbudin Suretno"/>
<meta name="twitter:title" content="Wonderful"/>
<meta name="twitter:url" content="https://muhibbudins.github.io/wonderful/"/>
<meta name="twitter:description" content="Wonderful is FREE Admin template build under Bootstrap Framework with full customize and don't worry SASS/SCSS included."/>
<meta name="twitter:image" content="https://muhibbudins.github.io/wonderful/img/preview.png"/>
<meta itemprop="name" content="Wonderful"/>
<meta itemprop="description" content="Wonderful is FREE Admin template build under Bootstrap Framework with full customize and don't worry SASS/SCSS included."/>
<meta itemprop="image" content="https://muhibbudins.github.io/wonderful/img/preview.png"/>
<!-- Vendor Style -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/loading-bar.css">
<link rel="stylesheet" href="css/prism.css">
<!-- Component Style -->
<!-- Your Own Style -->
<link rel="stylesheet" href="css/default.css">
</head>
<body>
<!-- Loading -->
<div class="content-loading">
<div data-type="fill" class="loading-bar ldBar"></div>
</div>
<!-- Partials Navbar -->
<section id="partial-navbar"></section>
<!-- Partials Sidebar -->
<section id="partial-sidebar"></section>
<!-- Content -->
<section class="content">
<div class="title-pages">Input Basic</div>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<label for="exampleInputFile">File input</label>
<input type="file" id="exampleInputFile">
<p class="help-block">Example block-level help text here.</p>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Check me out
</label>
</div>
<p><br></p>
<div class="title-pages">Variations</div>
<div class="form-group">
<label for="exampleInput1">Extra Small</label>
<input type="text" class="form-control form-control-xs" id="exampleInput1" placeholder="Extra Small">
</div>
<div class="form-group">
<label for="exampleInput2">Small Input</label>
<input type="text" class="form-control form-control-sm" id="exampleInput2" placeholder="Small Input">
</div>
<div class="form-group">
<label for="exampleInput3">Medium Input</label>
<input type="text" class="form-control form-control-md" id="exampleInput3" placeholder="Medium Input">
</div>
<div class="form-group">
<label for="exampleInput4">Large Input</label>
<input type="text" class="form-control form-control-lg" id="exampleInput4" placeholder="Large Input">
</div>
<div class="form-group">
<label for="exampleInput5">Flat Input</label>
<input type="text" class="form-control form-control-flat" id="exampleInput5" placeholder="Flat Input">
</div>
<div class="form-group">
<label for="exampleInput6">Rounded</label>
<input type="text" class="form-control form-control-rounded" id="exampleInput6" placeholder="Rounded">
</div>
<p><br></p>
<div class="title-pages">Button Addons</div>
<div class="row">
<div class="col-lg-6">
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-success" type="button">Go!</button>
</span>
<input type="text" class="form-control" placeholder="Search for...">
</div>
</div>
<div class="col-lg-6">
<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<input type="text" class="form-control" aria-label="...">
</div>
</div>
</div>
<p><br></p>
<div class="title-pages">Input Groups</div>
<div class="input-group">
<span class="input-group-addon" id="basic-addon1">@</span>
<input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
</div>
<div class="input-group">
<input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
<span class="input-group-addon" id="basic-addon2">@example.com</span>
</div>
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
<span class="input-group-addon">.00</span>
</div>
<label for="basic-url">Your vanity URL</label>
<div class="input-group">
<span class="input-group-addon" id="basic-addon3">https://example.com/users/</span>
<input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
</div>
</section>
<!-- Partials Component -->
<section id="partial-component"></section>
<!-- Vendor Script -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/loading-bar.js"></script>
<script type="text/javascript" src="js/nicescroll.min.js"></script>
<script type="text/javascript" src="js/prism.js"></script>
<!-- Component Script -->
<!-- Your Own Script -->
<script type="text/javascript" src="js/load.js"></script>
<script type="text/javascript" src="js/default.js"></script>
</body>
</html>