leviathonbeast/adminkit
1
0
Fork 0
mirror of https://github.com/adminkit/adminkit.git synced 2026-03-31 19:57:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update views

Browse Source
This commit is contained in:
Paul Laros
2020-08-28 16:11:50 +02:00
parent 31eda0a1fd
commit 64f9a66026
18 changed files with 372 additions and 462 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/charts-chartjs.html
+14 -16
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item">
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
examples/forms-basic-inputs.html
+30 -90
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item">
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item active">
<a href="#forms" data-toggle="collapse" class="sidebar-link">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
@@ -368,46 +366,6 @@
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="card-title mb-0">Custom checkboxes</h5>
</div>
<div class="card-body">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input">
<span class="custom-control-label">Custom checkbox</span>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" disabled checked>
<span class="custom-control-label">Disabled custom checkbox</span>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" disabled>
<span class="custom-control-label">Disabled custom checkbox</span>
</label>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="card-title mb-0">Custom selects</h5>
</div>
<div class="card-body">
<select class="custom-select mb-3">
<option selected>Open this select menu</option>
<option>One</option>
<option>Two</option>
<option>Three</option>
</select>
<select class="custom-select" multiple>
<option>Open this select menu</option>
<option>One</option>
<option>Two</option>
<option>Three</option>
</select>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="card-title mb-0">Sizes</h5>
@@ -469,44 +427,26 @@
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="card-title mb-0">Custom radios</h5>
</div>
<div class="card-body">
<label class="custom-control custom-radio">
<input name="custom-radio" type="radio" class="custom-control-input">
<span class="custom-control-label">Toggle this custom radio</span>
</label>
<label class="custom-control custom-radio">
<input name="custom-radio" type="radio" class="custom-control-input">
<span class="custom-control-label">Or toggle this other custom radio</span>
</label>
<fieldset disabled>
<label class="custom-control custom-radio">
<input name="custom-radio-2" type="radio" class="custom-control-input" checked>
<span class="custom-control-label">Disabled custom radio</span>
</label>
<label class="custom-control custom-radio">
<input name="custom-radio-2" type="radio" class="custom-control-input">
<span class="custom-control-label">Other disabled custom radio</span>
</label>
</fieldset>
</div>
</div>
<div class="card">
<div class="card-header">
<h5 class="card-title mb-0">Switches</h5>
</div>
<div class="card-body">
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch1">
<label class="custom-control-label" for="customSwitch1">Toggle this switch element</label>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
<label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label>
</div>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" disabled id="customSwitch2">
<label class="custom-control-label" for="customSwitch2">Disabled switch element</label>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" checked>
<label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDisabled" disabled>
<label class="form-check-label" for="flexSwitchCheckDisabled">Disabled switch checkbox input</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckCheckedDisabled" checked disabled>
<label class="form-check-label" for="flexSwitchCheckCheckedDisabled">Disabled checked switch checkbox input</label>
</div>
</div>
</div>
@@ -537,11 +477,11 @@
<h5 class="card-title mb-0">Disabled</h5>
</div>
<div class="card-body">
<div class="form-group">
<div class="mb-3">
<label class="form-label">Disabled input</label>
<input type="text" class="form-control" placeholder="Disabled input" disabled>
</div>
<div class="form-group">
<div class="mb-3">
<label class="form-label">Disabled select menu</label>
<select class="form-control" disabled>
<option>Disabled select</option>
examples/forms-layouts.html
+71 -69
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item">
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item active">
<a href="#forms" data-toggle="collapse" class="sidebar-link">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
@@ -315,27 +313,27 @@
</div>
<div class="card-body">
<form>
<div class="form-group">
<div class="mb-3">
<label class="form-label">Email address</label>
<input type="email" class="form-control" placeholder="Email">
</div>
<div class="form-group">
<div class="mb-3">
<label class="form-label">Password</label>
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="form-group">
<div class="mb-3">
<label class="form-label">Textarea</label>
<textarea class="form-control" placeholder="Textarea" rows="1"></textarea>
</div>
<div class="form-group">
<div class="mb-3">
<label class="form-label w-100">File input</label>
<input type="file">
<small class="form-text text-muted">Example block-level help text here.</small>
</div>
<div class="form-group">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input">
<span class="custom-control-label">Check me out</span>
<div class="mb-3">
<label class="form-check m-0">
<input type="checkbox" class="form-check-input">
<span class="form-check-label">Check me out</span>
</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
@@ -351,55 +349,53 @@
</div>
<div class="card-body">
<form>
<div class="form-group row">
<div class="mb-3 row">
<label class="col-form-label col-sm-2 text-sm-right">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" placeholder="Email">
</div>
</div>
<div class="form-group row">
<div class="mb-3 row">
<label class="col-form-label col-sm-2 text-sm-right">Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" placeholder="Password">
</div>
</div>
<div class="form-group row">
<div class="mb-3 row">
<label class="col-form-label col-sm-2 text-sm-right">Textarea</label>
<div class="col-sm-10">
<textarea class="form-control" placeholder="Textarea" rows="3"></textarea>
</div>
</div>
<fieldset class="form-group">
<fieldset class="mb-3">
<div class="row">
<label class="col-form-label col-sm-2 text-sm-right pt-sm-0">Radios</label>
<div class="col-sm-10">
<div class="custom-controls-stacked">
<label class="custom-control custom-radio">
<input name="custom-radio-3" type="radio" class="custom-control-input" checked>
<span class="custom-control-label">Default radio</span>
</label>
<label class="custom-control custom-radio">
<input name="custom-radio-3" type="radio" class="custom-control-input">
<span class="custom-control-label">Second default radio</span>
</label>
<label class="custom-control custom-radio">
<input name="custom-radio-3" type="radio" class="custom-control-input" disabled>
<span class="custom-control-label">Disabled radio</span>
</label>
</div>
<label class="form-check">
<input name="radio-3" type="radio" class="form-check-input" checked>
<span class="form-check-label">Default radio</span>
</label>
<label class="form-check">
<input name="radio-3" type="radio" class="form-check-input">
<span class="form-check-label">Second default radio</span>
</label>
<label class="form-check">
<input name="radio-3" type="radio" class="form-check-input" disabled>
<span class="form-check-label">Disabled radio</span>
</label>
</div>
</div>
</fieldset>
<div class="form-group row">
<div class="mb-3 row">
<label class="col-form-label col-sm-2 text-sm-right pt-sm-0">Checkbox</label>
<div class="col-sm-10">
<label class="custom-control custom-checkbox m-0">
<input type="checkbox" class="custom-control-input">
<span class="custom-control-label">Check me out</span>
<label class="form-check m-0">
<input type="checkbox" class="form-check-input">
<span class="form-check-label">Check me out</span>
</label>
</div>
</div>
<div class="form-group row">
<div class="mb-3 row">
<div class="col-sm-10 ml-sm-auto">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
@@ -418,44 +414,44 @@
<div class="card-body">
<form>
<div class="form-row">
<div class="form-group col-md-6">
<div class="mb-3 col-md-6">
<label for="inputEmail4">Email</label>
<input type="email" class="form-control" id="inputEmail4" placeholder="Email">
</div>
<div class="form-group col-md-6">
<div class="mb-3 col-md-6">
<label for="inputPassword4">Password</label>
<input type="password" class="form-control" id="inputPassword4" placeholder="Password">
</div>
</div>
<div class="form-group">
<div class="mb-3">
<label for="inputAddress">Address</label>
<input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
</div>
<div class="form-group">
<div class="mb-3">
<label for="inputAddress2">Address 2</label>
<input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
</div>
<div class="form-row">
<div class="form-group col-md-6">
<div class="mb-3 col-md-6">
<label for="inputCity">City</label>
<input type="text" class="form-control" id="inputCity">
</div>
<div class="form-group col-md-4">
<div class="mb-3 col-md-4">
<label for="inputState">State</label>
<select id="inputState" class="form-control">
<option selected>Choose...</option>
<option>...</option>
</select>
</div>
<div class="form-group col-md-2">
<div class="mb-3 col-md-2">
<label for="inputZip">Zip</label>
<input type="text" class="form-control" id="inputZip">
</div>
</div>
<div class="form-group">
<label class="custom-control custom-checkbox m-0">
<input type="checkbox" class="custom-control-input">
<span class="custom-control-label">Check me out</span>
<div class="mb-3">
<label class="form-check m-0">
<input type="checkbox" class="form-check-input">
<span class="form-check-label">Check me out</span>
</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
@@ -471,24 +467,30 @@
<h6 class="card-subtitle text-muted">Single horizontal row.</h6>
</div>
<div class="card-body">
<form class="form-inline">
<label class="sr-only" for="inlineFormInputName2">Name</label>
<input type="text" class="form-control mb-2 mr-sm-2" id="inlineFormInputName2" placeholder="Jane Doe">
<form class="row row-cols-md-auto align-items-center">
<div class="col-12">
<label class="sr-only" for="inlineFormInputName2">Name</label>
<input type="text" class="form-control mb-2 mr-sm-2" id="inlineFormInputName2" placeholder="Jane Doe">
</div>
<label class="sr-only" for="inlineFormInputGroupUsername2">Username</label>
<div class="input-group mb-2 mr-sm-2">
<div class="input-group-prepend">
<div class="col-12">
<label class="sr-only" for="inlineFormInputGroupUsername2">Username</label>
<div class="input-group mb-2 mr-sm-2">
<div class="input-group-text">@</div>
<input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="Username">
</div>
<input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="Username">
</div>
<div class="custom-control custom-checkbox mb-1 mr-sm-2">
<input type="checkbox" class="custom-control-input" id="customControlInline">
<label class="custom-control-label" for="customControlInline">Remember me</label>
<div class="col-12">
<div class="form-check mb-1 mr-sm-2">
<input type="checkbox" class="form-check-input" id="customControlInline">
<label class="form-check-label" for="customControlInline">Remember me</label>
</div>
</div>
<button type="submit" class="btn btn-primary mb-2">Submit</button>
<div class="col-12">
<button type="submit" class="btn btn-primary mb-2">Submit</button>
</div>
</form>
</div>
</div>
examples/icons-feather.html
+14 -16
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item">
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
examples/index.html
+26 -28
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item">
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
@@ -327,7 +325,7 @@
<div class="card">
<div class="card-body">
<h5 class="card-title mb-4">Sales</h5>
<h1 class="display-5 mt-1 mb-3">2.382</h1>
<h1 class=" mt-1 mb-3">2.382</h1>
<div class="mb-1">
<span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -3.65% </span>
<span class="text-muted">Since last week</span>
@@ -337,7 +335,7 @@
<div class="card">
<div class="card-body">
<h5 class="card-title mb-4">Visitors</h5>
<h1 class="display-5 mt-1 mb-3">14.212</h1>
<h1 class=" mt-1 mb-3">14.212</h1>
<div class="mb-1">
<span class="text-success"> <i class="mdi mdi-arrow-bottom-right"></i> 5.25% </span>
<span class="text-muted">Since last week</span>
@@ -349,7 +347,7 @@
<div class="card">
<div class="card-body">
<h5 class="card-title mb-4">Earnings</h5>
<h1 class="display-5 mt-1 mb-3">$21.300</h1>
<h1 class=" mt-1 mb-3">$21.300</h1>
<div class="mb-1">
<span class="text-success"> <i class="mdi mdi-arrow-bottom-right"></i> 6.65% </span>
<span class="text-muted">Since last week</span>
@@ -359,7 +357,7 @@
<div class="card">
<div class="card-body">
<h5 class="card-title mb-4">Orders</h5>
<h1 class="display-5 mt-1 mb-3">64</h1>
<h1 class=" mt-1 mb-3">64</h1>
<div class="mb-1">
<span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span>
<span class="text-muted">Since last week</span>
@@ -471,56 +469,56 @@
<td>Project Apollo</td>
<td class="d-none d-xl-table-cell">01/01/2020</td>
<td class="d-none d-xl-table-cell">31/06/2020</td>
<td><span class="badge badge-success">Done</span></td>
<td><span class="badge bg-success">Done</span></td>
<td class="d-none d-md-table-cell">Vanessa Tucker</td>
</tr>
<tr>
<td>Project Fireball</td>
<td class="d-none d-xl-table-cell">01/01/2020</td>
<td class="d-none d-xl-table-cell">31/06/2020</td>
<td><span class="badge badge-danger">Cancelled</span></td>
<td><span class="badge bg-danger">Cancelled</span></td>
<td class="d-none d-md-table-cell">William Harris</td>
</tr>
<tr>
<td>Project Hades</td>
<td class="d-none d-xl-table-cell">01/01/2020</td>
<td class="d-none d-xl-table-cell">31/06/2020</td>
<td><span class="badge badge-success">Done</span></td>
<td><span class="badge bg-success">Done</span></td>
<td class="d-none d-md-table-cell">Sharon Lessman</td>
</tr>
<tr>
<td>Project Nitro</td>
<td class="d-none d-xl-table-cell">01/01/2020</td>
<td class="d-none d-xl-table-cell">31/06/2020</td>
<td><span class="badge badge-warning">In progress</span></td>
<td><span class="badge bg-warning">In progress</span></td>
<td class="d-none d-md-table-cell">Vanessa Tucker</td>
</tr>
<tr>
<td>Project Phoenix</td>
<td class="d-none d-xl-table-cell">01/01/2020</td>
<td class="d-none d-xl-table-cell">31/06/2020</td>
<td><span class="badge badge-success">Done</span></td>
<td><span class="badge bg-success">Done</span></td>
<td class="d-none d-md-table-cell">William Harris</td>
</tr>
<tr>
<td>Project X</td>
<td class="d-none d-xl-table-cell">01/01/2020</td>
<td class="d-none d-xl-table-cell">31/06/2020</td>
<td><span class="badge badge-success">Done</span></td>
<td><span class="badge bg-success">Done</span></td>
<td class="d-none d-md-table-cell">Sharon Lessman</td>
</tr>
<tr>
<td>Project Romeo</td>
<td class="d-none d-xl-table-cell">01/01/2020</td>
<td class="d-none d-xl-table-cell">31/06/2020</td>
<td><span class="badge badge-success">Done</span></td>
<td><span class="badge bg-success">Done</span></td>
<td class="d-none d-md-table-cell">Christina Mason</td>
</tr>
<tr>
<td>Project Wombat</td>
<td class="d-none d-xl-table-cell">01/01/2020</td>
<td class="d-none d-xl-table-cell">31/06/2020</td>
<td><span class="badge badge-warning">In progress</span></td>
<td><span class="badge bg-warning">In progress</span></td>
<td class="d-none d-md-table-cell">William Harris</td>
</tr>
</tbody>
examples/maps-google.html
+14 -16
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item">
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
examples/pages-blank.html
+14 -16
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item">
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
examples/pages-invoice.html
+14 -16
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item">
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
examples/pages-profile.html
+24 -26
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item">
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
@@ -325,15 +323,15 @@
<hr class="my-0" />
<div class="card-body">
<h5 class="h6 card-title">Skills</h5>
<a href="#" class="badge badge-primary mr-1 my-1">HTML</a>
<a href="#" class="badge badge-primary mr-1 my-1">JavaScript</a>
<a href="#" class="badge badge-primary mr-1 my-1">Sass</a>
<a href="#" class="badge badge-primary mr-1 my-1">Angular</a>
<a href="#" class="badge badge-primary mr-1 my-1">Vue</a>
<a href="#" class="badge badge-primary mr-1 my-1">React</a>
<a href="#" class="badge badge-primary mr-1 my-1">Redux</a>
<a href="#" class="badge badge-primary mr-1 my-1">UI</a>
<a href="#" class="badge badge-primary mr-1 my-1">UX</a>
<a href="#" class="badge bg-primary mr-1 my-1">HTML</a>
<a href="#" class="badge bg-primary mr-1 my-1">JavaScript</a>
<a href="#" class="badge bg-primary mr-1 my-1">Sass</a>
<a href="#" class="badge bg-primary mr-1 my-1">Angular</a>
<a href="#" class="badge bg-primary mr-1 my-1">Vue</a>
<a href="#" class="badge bg-primary mr-1 my-1">React</a>
<a href="#" class="badge bg-primary mr-1 my-1">Redux</a>
<a href="#" class="badge bg-primary mr-1 my-1">UI</a>
<a href="#" class="badge bg-primary mr-1 my-1">UX</a>
</div>
<hr class="my-0" />
<div class="card-body">
@@ -413,7 +411,7 @@
<strong>William Harris</strong> posted two photos on <strong>Christina Mason</strong>'s timeline<br />
<small class="text-muted">Today 5:12 pm</small>
<div class="row no-gutters mt-1">
<div class="row g-0 mt-1">
<div class="col-6 col-md-4 col-lg-4 col-xl-3">
<img src="img/photos/unsplash-1.jpg" class="img-fluid pr-2" alt="Unsplash">
</div>
examples/pages-settings.html
+27 -29
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item">
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
@@ -356,11 +354,11 @@
<form>
<div class="row">
<div class="col-md-8">
<div class="form-group">
<div class="mb-3">
<label for="inputUsername">Username</label>
<input type="text" class="form-control" id="inputUsername" placeholder="Username">
</div>
<div class="form-group">
<div class="mb-3">
<label for="inputUsername">Biography</label>
<textarea rows="2" class="form-control" id="inputBio" placeholder="Tell something about yourself"></textarea>
</div>
@@ -390,40 +388,40 @@
<div class="card-body">
<form>
<div class="form-row">
<div class="form-group col-md-6">
<div class="mb-3 col-md-6">
<label for="inputFirstName">First name</label>
<input type="text" class="form-control" id="inputFirstName" placeholder="First name">
</div>
<div class="form-group col-md-6">
<div class="mb-3 col-md-6">
<label for="inputLastName">Last name</label>
<input type="text" class="form-control" id="inputLastName" placeholder="Last name">
</div>
</div>
<div class="form-group">
<div class="mb-3">
<label for="inputEmail4">Email</label>
<input type="email" class="form-control" id="inputEmail4" placeholder="Email">
</div>
<div class="form-group">
<div class="mb-3">
<label for="inputAddress">Address</label>
<input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
</div>
<div class="form-group">
<div class="mb-3">
<label for="inputAddress2">Address 2</label>
<input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
</div>
<div class="form-row">
<div class="form-group col-md-6">
<div class="mb-3 col-md-6">
<label for="inputCity">City</label>
<input type="text" class="form-control" id="inputCity">
</div>
<div class="form-group col-md-4">
<div class="mb-3 col-md-4">
<label for="inputState">State</label>
<select id="inputState" class="form-control">
<option selected>Choose...</option>
<option>...</option>
</select>
</div>
<div class="form-group col-md-2">
<div class="mb-3 col-md-2">
<label for="inputZip">Zip</label>
<input type="text" class="form-control" id="inputZip">
</div>
@@ -441,16 +439,16 @@
<h5 class="card-title">Password</h5>
<form>
<div class="form-group">
<div class="mb-3">
<label for="inputPasswordCurrent">Current password</label>
<input type="password" class="form-control" id="inputPasswordCurrent">
<small><a href="#">Forgot your password?</a></small>
</div>
<div class="form-group">
<div class="mb-3">
<label for="inputPasswordNew">New password</label>
<input type="password" class="form-control" id="inputPasswordNew">
</div>
<div class="form-group">
<div class="mb-3">
<label for="inputPasswordNew2">Verify password</label>
<input type="password" class="form-control" id="inputPasswordNew2">
</div>
examples/tables-bootstrap.html
+14 -16
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item">
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
examples/ui-alerts.html
+14 -16
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item active">
<a href="#ui" data-toggle="collapse" class="sidebar-link">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
examples/ui-buttons.html
+14 -16
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item active">
<a href="#ui" data-toggle="collapse" class="sidebar-link">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
examples/ui-cards.html
+14 -16
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item active">
<a href="#ui" data-toggle="collapse" class="sidebar-link">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
examples/ui-general.html
+26 -28
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item active">
<a href="#ui" data-toggle="collapse" class="sidebar-link">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
@@ -438,21 +436,21 @@
<div class="card-body">
<div class="mb-1">
<span class="badge badge-primary">Primary</span>
<span class="badge badge-secondary">Secondary</span>
<span class="badge badge-success">Success</span>
<span class="badge badge-danger">Danger</span>
<span class="badge badge-warning">Warning</span>
<span class="badge badge-info">Info</span>
<span class="badge bg-primary">Primary</span>
<span class="badge bg-secondary">Secondary</span>
<span class="badge bg-success">Success</span>
<span class="badge bg-danger">Danger</span>
<span class="badge bg-warning">Warning</span>
<span class="badge bg-info">Info</span>
</div>
<div class="mt-1">
<span class="badge badge-pill badge-primary">Primary</span>
<span class="badge badge-pill badge-secondary">Secondary</span>
<span class="badge badge-pill badge-success">Success</span>
<span class="badge badge-pill badge-danger">Danger</span>
<span class="badge badge-pill badge-warning">Warning</span>
<span class="badge badge-pill badge-info">Info</span>
<span class="badge bg-pill badge-primary">Primary</span>
<span class="badge bg-pill badge-secondary">Secondary</span>
<span class="badge bg-pill badge-success">Success</span>
<span class="badge bg-pill badge-danger">Danger</span>
<span class="badge bg-pill badge-warning">Warning</span>
<span class="badge bg-pill badge-info">Info</span>
</div>
</div>
examples/ui-grid.html
+14 -16
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item active">
<a href="#ui" data-toggle="collapse" class="sidebar-link">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
examples/ui-modals.html
+14 -16
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item active">
<a href="#ui" data-toggle="collapse" class="sidebar-link">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
examples/ui-typography.html
+14 -16
View File
@@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item active">
<a href="#ui" data-toggle="collapse" class="sidebar-link">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
@@ -84,7 +84,7 @@
</li>
<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
@@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>
<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>
@@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
@@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
@@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
@@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
@@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
@@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
@@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
@@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>