form_buttons.html 34.2 KB
Newer Older
A
Anthony Mutisya 已提交
1 2
<!DOCTYPE html>
<html lang="en">
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
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Gentallela Alela! | </title>

    <!-- Bootstrap -->
    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    
    <!-- Custom Theme Style -->
    <link href="css/custom.css" rel="stylesheet">
  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div class="col-md-3 left_col">
          <div class="left_col scroll-view">
            <div class="navbar nav_title" style="border: 0;">
              <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
            </div>
A
Anthony Mutisya 已提交
29

30
            <div class="clearfix"></div>
A
Anthony Mutisya 已提交
31

32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51
            <!-- menu profile quick info -->
            <div class="profile">
              <div class="profile_pic">
                <img src="images/img.jpg" alt="..." class="img-circle profile_img">
              </div>
              <div class="profile_info">
                <span>Welcome,</span>
                <h2>John Doe</h2>
              </div>
            </div>
            <!-- /menu profile quick info -->

            <br />

            <!-- sidebar menu -->
            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
              <div class="menu_section">
                <h3>General</h3>
                <ul class="nav side-menu">
                  <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
52
                    <ul class="nav child_menu">
53 54 55
                      <li><a href="index.html">Dashboard</a></li>
                      <li><a href="index2.html">Dashboard2</a></li>
                      <li><a href="index3.html">Dashboard3</a></li>
56 57 58
                    </ul>
                  </li>
                  <li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
59
                    <ul class="nav child_menu">
60 61 62 63 64 65
                      <li><a href="form.html">General Form</a></li>
                      <li><a href="form_advanced.html">Advanced Components</a></li>
                      <li><a href="form_validation.html">Form Validation</a></li>
                      <li><a href="form_wizards.html">Form Wizard</a></li>
                      <li><a href="form_upload.html">Form Upload</a></li>
                      <li><a href="form_buttons.html">Form Buttons</a></li>
66 67 68
                    </ul>
                  </li>
                  <li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
69
                    <ul class="nav child_menu">
70 71 72 73 74 75 76 77 78
                      <li><a href="general_elements.html">General Elements</a></li>
                      <li><a href="media_gallery.html">Media Gallery</a></li>
                      <li><a href="typography.html">Typography</a></li>
                      <li><a href="icons.html">Icons</a></li>
                      <li><a href="glyphicons.html">Glyphicons</a></li>
                      <li><a href="widgets.html">Widgets</a></li>
                      <li><a href="invoice.html">Invoice</a></li>
                      <li><a href="inbox.html">Inbox</a></li>
                      <li><a href="calendar.html">Calendar</a></li>
79 80 81
                    </ul>
                  </li>
                  <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
82
                    <ul class="nav child_menu">
83 84
                      <li><a href="tables.html">Tables</a></li>
                      <li><a href="tables_dynamic.html">Table Dynamic</a></li>
85 86 87
                    </ul>
                  </li>
                  <li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a>
88
                    <ul class="nav child_menu">
89 90 91 92 93
                      <li><a href="chartjs.html">Chart JS</a></li>
                      <li><a href="chartjs2.html">Chart JS2</a></li>
                      <li><a href="morisjs.html">Moris JS</a></li>
                      <li><a href="echarts.html">ECharts</a></li>
                      <li><a href="other_charts.html">Other Charts</a></li>
94 95
                    </ul>
                  </li>
96 97
                  <li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
98 99
                      <li><a href="fixed_sidebar.html">Fixed Sidebar</a></li>
                      <li><a href="fixed_footer.html">Fixed Footer</a></li>
100 101
                    </ul>
                  </li>
102 103 104 105 106 107
                </ul>
              </div>
              <div class="menu_section">
                <h3>Live On</h3>
                <ul class="nav side-menu">
                  <li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a>
108
                    <ul class="nav child_menu">
109 110 111 112 113
                      <li><a href="e_commerce.html">E-commerce</a></li>
                      <li><a href="projects.html">Projects</a></li>
                      <li><a href="project_detail.html">Project Detail</a></li>
                      <li><a href="contacts.html">Contacts</a></li>
                      <li><a href="profile.html">Profile</a></li>
114 115 116
                    </ul>
                  </li>
                  <li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
117
                    <ul class="nav child_menu">
118 119 120 121 122 123
                      <li><a href="page_403.html">403 Error</a></li>
                      <li><a href="page_404.html">404 Error</a></li>
                      <li><a href="page_500.html">500 Error</a></li>
                      <li><a href="plain_page.html">Plain Page</a></li>
                      <li><a href="login.html">Login Page</a></li>
                      <li><a href="pricing_tables.html">Pricing Tables</a></li>
124 125 126
                    </ul>
                  </li>
                  <li><a><i class="fa fa-sitemap"></i> Multilevel Menu <span class="fa fa-chevron-down"></span></a>
127
                    <ul class="nav child_menu">
128 129
                        <li><a href="#level1_1">Level One</a>
                        <li><a>Level One<span class="fa fa-chevron-down"></span></a>
130
                          <ul class="nav child_menu">
131 132 133 134 135 136 137 138 139 140 141
                            <li class="sub_menu"><a href="level2.html">Level Two</a>
                            </li>
                            <li><a href="#level2_1">Level Two</a>
                            </li>
                            <li><a href="#level2_2">Level Two</a>
                            </li>
                          </ul>
                        </li>
                        <li><a href="#level1_2">Level One</a>
                        </li>
                    </ul>
142 143
                  </li>                  
                  <li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a></li>
144 145
                </ul>
              </div>
A
Aigars Silkalns 已提交
146 147

            </div>
148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163
            <!-- /sidebar menu -->

            <!-- /menu footer buttons -->
            <div class="sidebar-footer hidden-small">
              <a data-toggle="tooltip" data-placement="top" title="Settings">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Lock">
                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Logout">
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
              </a>
A
Aigars Silkalns 已提交
164
            </div>
165
            <!-- /menu footer buttons -->
A
Aigars Silkalns 已提交
166
          </div>
167
        </div>
A
Aigars Silkalns 已提交
168

169 170 171 172 173 174 175
        <!-- top navigation -->
        <div class="top_nav">
          <div class="nav_menu">
            <nav class="" role="navigation">
              <div class="nav toggle">
                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
              </div>
A
Aigars Silkalns 已提交
176

177 178 179 180 181 182 183
              <ul class="nav navbar-nav navbar-right">
                <li class="">
                  <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                    <img src="images/img.jpg" alt="">John Doe
                    <span class=" fa fa-angle-down"></span>
                  </a>
                  <ul class="dropdown-menu dropdown-usermenu pull-right">
184
                    <li><a href="javascript:;"> Profile</a></li>
185 186 187 188 189
                    <li>
                      <a href="javascript:;">
                        <span class="badge bg-red pull-right">50%</span>
                        <span>Settings</span>
                      </a>
A
Aigars Silkalns 已提交
190
                    </li>
191 192
                    <li><a href="javascript:;">Help</a></li>
                    <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li>
A
Aigars Silkalns 已提交
193 194
                  </ul>
                </li>
195 196 197 198 199 200 201 202 203

                <li role="presentation" class="dropdown">
                  <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
                    <i class="fa fa-envelope-o"></i>
                    <span class="badge bg-green">6</span>
                  </a>
                  <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
                    <li>
                      <a>
204
                        <span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
205
                        <span>
206 207
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
208 209
                        </span>
                        <span class="message">
210 211
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
212
                      </a>
A
Aigars Silkalns 已提交
213
                    </li>
214 215
                    <li>
                      <a>
216
                        <span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
217
                        <span>
218 219
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
220 221
                        </span>
                        <span class="message">
222 223
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
224
                      </a>
A
Aigars Silkalns 已提交
225
                    </li>
226 227
                    <li>
                      <a>
228
                        <span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
229
                        <span>
230 231
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
232 233
                        </span>
                        <span class="message">
234 235
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
236
                      </a>
A
Aigars Silkalns 已提交
237
                    </li>
238 239
                    <li>
                      <a>
240
                        <span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
241
                        <span>
242 243
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
244 245
                        </span>
                        <span class="message">
246 247
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
248
                      </a>
A
Aigars Silkalns 已提交
249
                    </li>
250 251 252 253 254 255 256
                    <li>
                      <div class="text-center">
                        <a>
                          <strong>See All Alerts</strong>
                          <i class="fa fa-angle-right"></i>
                        </a>
                      </div>
A
Aigars Silkalns 已提交
257 258 259
                    </li>
                  </ul>
                </li>
260 261
              </ul>
            </nav>
A
Aigars Silkalns 已提交
262 263
          </div>
        </div>
264
        <!-- /top navigation -->
A
Anthony Mutisya 已提交
265

266 267 268 269 270 271 272
        <!-- page content -->
        <div class="right_col" role="main">
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Form Buttons</h3>
              </div>
A
Anthony Mutisya 已提交
273

274 275 276 277 278
              <div class="title_right">
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                  <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search for...">
                    <span class="input-group-btn">
279 280
                      <button class="btn btn-default" type="button">Go!</button>
                    </span>
281
                  </div>
A
Anthony Mutisya 已提交
282
                </div>
A
Aigars Silkalns 已提交
283 284
              </div>
            </div>
285

286
            <div class="clearfix"></div>
A
Aigars Silkalns 已提交
287

288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311
            <div class="row">
              <div class="col-md-6">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>Default Buttons </h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        <ul class="dropdown-menu" role="menu">
                          <li><a href="#">Settings 1</a>
                          </li>
                          <li><a href="#">Settings 2</a>
                          </li>
                        </ul>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <button type="button" class="btn btn-default">Default</button>
A
Aigars Silkalns 已提交
312

313
                    <button type="button" class="btn btn-primary">Primary</button>
A
Aigars Silkalns 已提交
314

315
                    <button type="button" class="btn btn-success">Success</button>
A
Aigars Silkalns 已提交
316

317
                    <button type="button" class="btn btn-info">Info</button>
A
Anthony Mutisya 已提交
318

319
                    <button type="button" class="btn btn-warning">Warning</button>
A
Aigars Silkalns 已提交
320

321
                    <button type="button" class="btn btn-danger">Danger</button>
A
Aigars Silkalns 已提交
322

323
                    <button type="button" class="btn btn-dark">Dark</button>
A
Aigars Silkalns 已提交
324

325 326
                    <button type="button" class="btn btn-link">Link</button>
                  </div>
A
Aigars Silkalns 已提交
327 328 329
                </div>


330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357
                <div class="x_panel">
                  <div class="x_title">
                    <h2>Rounded Button</h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        <ul class="dropdown-menu" role="menu">
                          <li><a href="#">Settings 1</a>
                          </li>
                          <li><a href="#">Settings 2</a>
                          </li>
                        </ul>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <button type="button" class="btn btn-round btn-default">Default</button>
                    <button type="button" class="btn btn-round btn-primary">Primary</button>
                    <button type="button" class="btn btn-round btn-success">Success</button>
                    <button type="button" class="btn btn-round btn-info">Info</button>
                    <button type="button" class="btn btn-round btn-warning">Warning</button>
                    <button type="button" class="btn btn-round btn-danger">Danger</button>
                  </div>
A
Aigars Silkalns 已提交
358 359
                </div>

360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380
                <div class="x_panel">
                  <div class="x_title">
                    <h2>Button Dropdown</h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        <ul class="dropdown-menu" role="menu">
                          <li><a href="#">Settings 1</a>
                          </li>
                          <li><a href="#">Settings 2</a>
                          </li>
                        </ul>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
A
Aigars Silkalns 已提交
381

382
                    <button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button" aria-expanded="false">Default <span class="caret"></span>
A
Aigars Silkalns 已提交
383
                    </button>
384
                    <ul role="menu" class="dropdown-menu">
A
Aigars Silkalns 已提交
385 386 387 388 389 390 391 392 393 394 395
                      <li><a href="#">Action</a>
                      </li>
                      <li><a href="#">Another action</a>
                      </li>
                      <li><a href="#">Something else here</a>
                      </li>
                      <li class="divider"></li>
                      <li><a href="#">Separated link</a>
                      </li>
                    </ul>

396
                    <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle btn-sm" type="button" aria-expanded="false">Primary <span class="caret"></span>
A
Aigars Silkalns 已提交
397
                    </button>
398
                    <ul role="menu" class="dropdown-menu">
A
Aigars Silkalns 已提交
399 400 401 402 403 404 405 406 407 408 409
                      <li><a href="#">Action</a>
                      </li>
                      <li><a href="#">Another action</a>
                      </li>
                      <li><a href="#">Something else here</a>
                      </li>
                      <li class="divider"></li>
                      <li><a href="#">Separated link</a>
                      </li>
                    </ul>

410
                    <button data-toggle="dropdown" class="btn btn-success dropdown-toggle btn-xs" type="button">Success <span class="caret"></span>
A
Aigars Silkalns 已提交
411
                    </button>
412
                    <ul role="menu" class="dropdown-menu">
A
Aigars Silkalns 已提交
413 414 415 416 417 418 419 420 421 422 423 424
                      <li><a href="#">Action</a>
                      </li>
                      <li><a href="#">Another action</a>
                      </li>
                      <li><a href="#">Something else here</a>
                      </li>
                      <li class="divider"></li>
                      <li><a href="#">Separated link</a>
                      </li>
                    </ul>


425
                  </div>
A
Aigars Silkalns 已提交
426 427 428
                </div>


429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457
                <div class="x_panel">
                  <div class="x_title">
                    <h2>Split Button Dropdown</h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        <ul class="dropdown-menu" role="menu">
                          <li><a href="#">Settings 1</a>
                          </li>
                          <li><a href="#">Settings 2</a>
                          </li>
                        </ul>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">

                    <!-- Split button -->
                    <div class="btn-group">
                      <button type="button" class="btn btn-danger">Action</button>
                      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                        <span class="caret"></span>
                        <span class="sr-only">Toggle Dropdown</span>
                      </button>
A
Aigars Silkalns 已提交
458
                      <ul class="dropdown-menu" role="menu">
459
                        <li><a href="#">Action</a>
A
Aigars Silkalns 已提交
460
                        </li>
461 462 463 464 465 466
                        <li><a href="#">Another action</a>
                        </li>
                        <li><a href="#">Something else here</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a>
A
Aigars Silkalns 已提交
467 468
                        </li>
                      </ul>
469
                    </div>
A
Aigars Silkalns 已提交
470

471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489
                    <!-- Split button -->
                    <div class="btn-group">
                      <button type="button" class="btn btn-danger">Action</button>
                      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                        <span class="caret"></span>
                        <span class="sr-only">Toggle Dropdown</span>
                      </button>
                      <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a>
                        </li>
                        <li><a href="#">Another action</a>
                        </li>
                        <li><a href="#">Something else here</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a>
                        </li>
                      </ul>
                    </div>
A
Aigars Silkalns 已提交
490

491 492 493 494 495 496 497
                    <!-- Split button -->
                    <div class="btn-group">
                      <button type="button" class="btn btn-danger">Action</button>
                      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                        <span class="caret"></span>
                        <span class="sr-only">Toggle Dropdown</span>
                      </button>
A
Aigars Silkalns 已提交
498
                      <ul class="dropdown-menu" role="menu">
499
                        <li><a href="#">Action</a>
A
Aigars Silkalns 已提交
500
                        </li>
501 502 503 504 505 506
                        <li><a href="#">Another action</a>
                        </li>
                        <li><a href="#">Something else here</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a>
A
Aigars Silkalns 已提交
507 508
                        </li>
                      </ul>
509 510 511 512
                    </div>


                  </div>
A
Aigars Silkalns 已提交
513
                </div>
514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572


                <div class="x_panel">
                  <div class="x_title">
                    <h2>Button App Design</h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        <ul class="dropdown-menu" role="menu">
                          <li><a href="#">Settings 1</a>
                          </li>
                          <li><a href="#">Settings 2</a>
                          </li>
                        </ul>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <p>Add the class <code>.btn .btn-app</code> tag</p>
                    <a class="btn btn-app">
                      <i class="fa fa-edit"></i> Edit
                    </a>
                    <a class="btn btn-app">
                      <i class="fa fa-play"></i> Play
                    </a>
                    <a class="btn btn-app">
                      <i class="fa fa-pause"></i> Pause
                    </a>
                    <a class="btn btn-app">
                      <i class="fa fa-save"></i> Save
                    </a>
                    <a class="btn btn-app">
                      <span class="badge bg-red">6</span>
                      <i class="fa fa-bullhorn"></i> Notifications
                    </a>
                    <a class="btn btn-app">
                      <i class="fa fa-repeat"></i> Repeat
                    </a>
                    <a class="btn btn-app">
                      <span class="badge bg-green">211</span>
                      <i class="fa fa-users"></i> Users
                    </a>
                    <a class="btn btn-app">
                      <span class="badge bg-orange">32</span>
                      <i class="fa fa-inbox"></i> Orders
                    </a>
                    <a class="btn btn-app">
                      <span class="badge bg-orange">12</span>
                      <i class="fa fa-envelope"></i> Inbox
                    </a>
                    <a class="btn btn-app">
                      <span class="badge bg-blue">102</span>
                      <i class="fa fa-heart-o"></i> Likes
                    </a>
A
Aigars Silkalns 已提交
573 574 575 576 577
                  </div>
                </div>

              </div>

578
              <div class="col-md-6">
A
Aigars Silkalns 已提交
579

580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598
                <div class="x_panel">
                  <div class="x_title">
                    <h2>Button Sizes</h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        <ul class="dropdown-menu" role="menu">
                          <li><a href="#">Settings 1</a>
                          </li>
                          <li><a href="#">Settings 2</a>
                          </li>
                        </ul>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
A
Aigars Silkalns 已提交
599
                  </div>
600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616
                  <div class="x_content">
                    <div class="buttons">
                      <!-- Standard button -->
                      <button type="button" class="btn btn-default btn-lg">Large Button</button>
                      <button type="button" class="btn btn-default btn-sm">Medium Button</button>
                      <button type="button" class="btn btn-default btn-xs">Small Button</button>
                      <br>

                      <button type="button" class="btn btn-success btn-lg">Large Button</button>
                      <button type="button" class="btn btn-success btn-sm">Medium Button</button>
                      <button type="button" class="btn btn-success btn-xs">Small Button</button>
                      <br>

                      <button type="button" class="btn btn-info btn-lg">Large Button</button>
                      <button type="button" class="btn btn-info btn-sm">Medium Button</button>
                      <button type="button" class="btn btn-info btn-xs">Small Button</button>
                      <br>
A
Anthony Mutisya 已提交
617
                    </div>
A
Aigars Silkalns 已提交
618
                  </div>
619 620 621 622 623 624 625 626 627 628 629 630 631 632

                </div>


                <div class="x_panel">
                  <div class="x_title">
                    <h2>Button Groups</h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        <ul class="dropdown-menu" role="menu">
                          <li><a href="#">Settings 1</a>
A
Aigars Silkalns 已提交
633
                          </li>
634
                          <li><a href="#">Settings 2</a>
A
Aigars Silkalns 已提交
635 636
                          </li>
                        </ul>
637 638 639 640 641
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
A
Aigars Silkalns 已提交
642
                  </div>
643 644
                  <div class="x_content">
                    <div class="row">
A
Aigars Silkalns 已提交
645
                      <div class="btn-group">
646 647 648
                        <button class="btn btn-default" type="button">Left</button>
                        <button class="btn btn-default" type="button">Middle</button>
                        <button class="btn btn-default" type="button">Right</button>
A
Aigars Silkalns 已提交
649
                      </div>
650 651 652 653 654 655 656 657 658 659 660 661
                      <div class="btn-group  btn-group-sm">
                        <button class="btn btn-default" type="button">Left</button>
                        <button class="btn btn-default" type="button">Middle</button>
                        <button class="btn btn-default" type="button">Right</button>
                      </div>
                    </div>
                    <p class="text-muted">Vertical button groups</p>
                    <div class="row">
                      <div class="btn-group-vertical">
                        <button class="btn btn-default" type="button">Top</button>
                        <button class="btn btn-default" type="button">Middle</button>
                        <button class="btn btn-default" type="button">Bottom</button>
A
Aigars Silkalns 已提交
662
                      </div>
663 664 665
                    </div>
                    <p class="text-muted">Nested button groups</p>
                    <div class="row">
A
Aigars Silkalns 已提交
666
                      <div class="btn-group">
667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700
                        <button class="btn btn-default" type="button">1</button>
                        <button class="btn btn-danger" type="button">2</button>
                        <button class="btn btn-default" type="button">3</button>
                        <div class="btn-group">
                          <button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button"> Dropdown <span class="caret"></span> </button>
                          <ul class="dropdown-menu">
                            <li><a href="#">Dropdown link 1</a>
                            </li>
                            <li><a href="#">Dropdown link 2</a>
                            </li>
                            <li><a href="#">Dropdown link 3</a>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>

                    <p class="text-muted">Multiple button groups</p>
                    <div class="row">
                      <div class="btn-toolbar">
                        <div class="btn-group">
                          <button class="btn btn-info" type="button">1</button>
                          <button class="btn btn-info active" type="button">2</button>
                          <button class="btn btn-info" type="button">3</button>
                          <button class="btn btn-info" type="button">4</button>
                        </div>
                        <div class="btn-group">
                          <button class="btn btn-success" type="button">5</button>
                          <button class="btn btn-success" type="button">6</button>
                          <button class="btn btn-success" type="button">7</button>
                        </div>
                        <div class="btn-group">
                          <button class="btn btn-warning" type="button">8</button>
                        </div>
A
Aigars Silkalns 已提交
701 702 703
                      </div>
                    </div>

704 705 706 707 708 709 710 711 712 713 714 715 716
                    <p class="text-muted">Group Radio</p>
                    <div class="row">
                      <div class="btn-group" data-toggle="buttons">
                        <label class="btn btn-default">
                          <input type="radio" name="options" id="option1"> Option 1
                        </label>
                        <label class="btn btn-default">
                          <input type="radio" name="options" id="option2"> Option 2
                        </label>
                        <label class="btn btn-default">
                          <input type="radio" name="options" id="option3"> Option 3
                        </label>
                      </div>
A
Aigars Silkalns 已提交
717 718 719 720
                    </div>
                  </div>
                </div>
              </div>
A
Anthony Mutisya 已提交
721
            </div>
A
Aigars Silkalns 已提交
722
          </div>
A
Anthony Mutisya 已提交
723
        </div>
724
        <!-- /page content -->
A
Anthony Mutisya 已提交
725

726 727 728 729 730 731 732 733 734
        <!-- footer content -->
        <footer>
          <div class="pull-right">
            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
          </div>
          <div class="clearfix"></div>
        </footer>
        <!-- /footer content -->
      </div>
C
christianesperar 已提交
735
    </div>
A
Anthony Mutisya 已提交
736

737 738 739 740 741 742 743 744 745 746 747
    <!-- jQuery -->
    <script src="../vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- FastClick -->
    <script src="../vendors/fastclick/lib/fastclick.js"></script>

    <!-- Custom Theme Scripts -->
    <script src="js/custom.js"></script>
  </body>
</html>