mirror of https://github.com/ColorlibHQ/gentelella
accordion fix / vertical tabs fix
razvanaldea89
parent
ef52d29cf6
commit
6b445df90c
|
|
@ -1130,20 +1130,20 @@ article.media {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion .panel {
|
.accordion .card {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-bottom: 1px solid #efefef;
|
border-bottom: 1px solid #efefef;
|
||||||
}
|
}
|
||||||
|
/* TODO to be deleted */
|
||||||
.accordion .panel-heading {
|
/*.accordion .card-title {
|
||||||
background: #F2F5F7;
|
background: #F2F5F7;
|
||||||
padding: 13px;
|
padding: 13px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.accordion .panel:hover {
|
.accordion .card:hover {
|
||||||
background: #F2F5F7;
|
background: #F2F5F7;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -567,19 +567,19 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="x_content">
|
<div class="x_content">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-2">
|
<div class="col-md-2 col-sm-4 col-4">
|
||||||
<p>Display value</p>
|
<p>Display value</p>
|
||||||
<input class="knob" data-width="100" data-height="120"
|
<input class="knob" data-width="100" data-height="120"
|
||||||
data-min="-100"
|
data-min="-100"
|
||||||
data-displayPrevious=true data-fgColor="#26B99A" value="44">
|
data-displayPrevious=true data-fgColor="#26B99A" value="44">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-2">
|
<div class="col-md-2 col-sm-4 col-4">
|
||||||
<p>× 'cursor' mode</p>
|
<p>× 'cursor' mode</p>
|
||||||
<input class="knob" data-width="100" data-height="120"
|
<input class="knob" data-width="100" data-height="120"
|
||||||
data-cursor=true
|
data-cursor=true
|
||||||
data-fgColor="#34495E" value="29">
|
data-fgColor="#34495E" value="29">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-2">
|
<div class="col-md-2 col-sm-4 col-4">
|
||||||
<p>Step 0.1</p>
|
<p>Step 0.1</p>
|
||||||
<input class="knob" data-width="100" data-height="120"
|
<input class="knob" data-width="100" data-height="120"
|
||||||
data-min="-10000"
|
data-min="-10000"
|
||||||
|
|
@ -587,21 +587,21 @@
|
||||||
data-max="10000"
|
data-max="10000"
|
||||||
data-step=".1" value="0">
|
data-step=".1" value="0">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-2">
|
<div class="col-md-2 col-sm-4 col-4">
|
||||||
<p>Angle arc</p>
|
<p>Angle arc</p>
|
||||||
<input class="knob" data-width="100" data-height="120"
|
<input class="knob" data-width="100" data-height="120"
|
||||||
data-angleOffset=-125
|
data-angleOffset=-125
|
||||||
data-angleArc=250 data-fgColor="#34495E"
|
data-angleArc=250 data-fgColor="#34495E"
|
||||||
data-rotation="anticlockwise" value="35">
|
data-rotation="anticlockwise" value="35">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-2">
|
<div class="col-md-2 col-sm-4 col-4">
|
||||||
<p>Alternate design</p>
|
<p>Alternate design</p>
|
||||||
<input class="knob" data-width="110" data-height="120"
|
<input class="knob" data-width="110" data-height="120"
|
||||||
data-displayPrevious=true data-fgColor="#26B99A"
|
data-displayPrevious=true data-fgColor="#26B99A"
|
||||||
data-skin="tron"
|
data-skin="tron"
|
||||||
data-thickness=".2" value="75">
|
data-thickness=".2" value="75">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-2">
|
<div class="col-md-2 col-sm-4 col-4">
|
||||||
<p>Angle offset</p>
|
<p>Angle offset</p>
|
||||||
<input class="knob" data-width="100" data-height="120"
|
<input class="knob" data-width="100" data-height="120"
|
||||||
data-angleOffset=90
|
data-angleOffset=90
|
||||||
|
|
|
||||||
|
|
@ -403,7 +403,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
|
|
@ -500,7 +499,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
|
|
@ -598,7 +596,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
|
|
@ -626,22 +623,25 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="x_content">
|
<div class="x_content">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-2">
|
<div class="col-md-2 col-sm-2 col-3">
|
||||||
<!-- required for floating -->
|
<!-- required for floating -->
|
||||||
<!-- Nav tabs -->
|
<!-- Nav tabs -->
|
||||||
<ul class="nav nav-tabs tabs-left flex-column" role="tablist">
|
<ul class="nav nav-tabs tabs-left flex-column" role="tablist">
|
||||||
<li class="nav-item"><a class="nav-link active" href="#home" data-toggle="tab">Home</a>
|
<li class="nav-item"><a class="nav-link active" href="#home"
|
||||||
|
data-toggle="tab">Home</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item"><a class="nav-link" href="#profile" data-toggle="tab">Profile</a>
|
<li class="nav-item"><a class="nav-link" href="#profile"
|
||||||
|
data-toggle="tab">Profile</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item"><a class="nav-link" href="#messages" data-toggle="tab">Messages</a>
|
<li class="nav-item"><a class="nav-link" href="#messages"
|
||||||
|
data-toggle="tab">Messages</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item"><a class="nav-link" href="#settings" data-toggle="tab">Settings</a>
|
<li class="nav-item"><a class="nav-link" href="#settings"
|
||||||
|
data-toggle="tab">Settings</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-md-10 col-sm-10 col-9">
|
||||||
<div class="col-md-10">
|
|
||||||
<!-- Tab panes -->
|
<!-- Tab panes -->
|
||||||
<div class="tab-content">
|
<div class="tab-content">
|
||||||
<div class="tab-pane active" id="home">
|
<div class="tab-pane active" id="home">
|
||||||
|
|
@ -665,7 +665,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
|
|
@ -693,7 +692,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="x_content">
|
<div class="x_content">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-10">
|
<div class="col-md-10 col-sm-10 col-9">
|
||||||
<!-- Tab panes -->
|
<!-- Tab panes -->
|
||||||
<div class="tab-content">
|
<div class="tab-content">
|
||||||
<div class="tab-pane active" id="home-r">
|
<div class="tab-pane active" id="home-r">
|
||||||
|
|
@ -713,17 +712,21 @@
|
||||||
<div class="tab-pane" id="settings-r">Settings Tab.</div>
|
<div class="tab-pane" id="settings-r">Settings Tab.</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-2">
|
<div class="col-md-2 col-sm-2 col-3">
|
||||||
<!-- required for floating -->
|
<!-- required for floating -->
|
||||||
<!-- Nav tabs -->
|
<!-- Nav tabs -->
|
||||||
<ul class="nav nav-tabs flex-column tabs-right">
|
<ul class="nav nav-tabs flex-column tabs-right">
|
||||||
<li class="nav-item"><a class="active nav-link" href="#home-r" data-toggle="tab">Home</a>
|
<li class="nav-item"><a class="active nav-link" href="#home-r"
|
||||||
|
data-toggle="tab">Home</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item"><a class="nav-link" href="#profile-r" data-toggle="tab">Profile</a>
|
<li class="nav-item"><a class="nav-link" href="#profile-r"
|
||||||
|
data-toggle="tab">Profile</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item"><a class="nav-link" href="#messages-r" data-toggle="tab">Messages</a>
|
<li class="nav-item"><a class="nav-link" href="#messages-r"
|
||||||
|
data-toggle="tab">Messages</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item"><a class="nav-link" href="#settings-r" data-toggle="tab">Settings</a>
|
<li class="nav-item"><a class="nav-link" href="#settings-r"
|
||||||
|
data-toggle="tab">Settings</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -732,7 +735,6 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
|
|
@ -763,104 +765,114 @@
|
||||||
<!-- start accordion -->
|
<!-- start accordion -->
|
||||||
<div class="accordion" id="accordion" role="tablist"
|
<div class="accordion" id="accordion" role="tablist"
|
||||||
aria-multiselectable="true">
|
aria-multiselectable="true">
|
||||||
<div class="panel">
|
<div class="card">
|
||||||
<a class="panel-heading" role="tab" id="headingOne"
|
<div class="card-body">
|
||||||
data-toggle="collapse"
|
<a class="panel-heading" role="tab" id="headingOne"
|
||||||
data-parent="#accordion" href="#collapseOne" aria-expanded="true"
|
data-toggle="collapse"
|
||||||
aria-controls="collapseOne">
|
data-parent="#accordion" href="#collapseOne"
|
||||||
<h4 class="panel-title">Collapsible Group Items #1</h4>
|
aria-expanded="true"
|
||||||
</a>
|
aria-controls="collapseOne">
|
||||||
<div id="collapseOne" class="panel-collapse collapse in"
|
<h4 class="card-title">Collapsible Group Items #1</h4>
|
||||||
role="tabpanel"
|
</a>
|
||||||
aria-labelledby="headingOne">
|
<div id="collapseOne" class="panel-collapse collapse in"
|
||||||
<div class="panel-body">
|
role="tabpanel"
|
||||||
<table class="table table-bordered">
|
aria-labelledby="headingOne">
|
||||||
<thead>
|
<div class="panel-body">
|
||||||
<tr>
|
<table class="table table-bordered">
|
||||||
<th>#</th>
|
<thead>
|
||||||
<th>First Name</th>
|
<tr>
|
||||||
<th>Last Name</th>
|
<th>#</th>
|
||||||
<th>Username</th>
|
<th>First Name</th>
|
||||||
</tr>
|
<th>Last Name</th>
|
||||||
</thead>
|
<th>Username</th>
|
||||||
<tbody>
|
</tr>
|
||||||
<tr>
|
</thead>
|
||||||
<th scope="row">1</th>
|
<tbody>
|
||||||
<td>Mark</td>
|
<tr>
|
||||||
<td>Otto</td>
|
<th scope="row">1</th>
|
||||||
<td>@mdo</td>
|
<td>Mark</td>
|
||||||
</tr>
|
<td>Otto</td>
|
||||||
<tr>
|
<td>@mdo</td>
|
||||||
<th scope="row">2</th>
|
</tr>
|
||||||
<td>Jacob</td>
|
<tr>
|
||||||
<td>Thornton</td>
|
<th scope="row">2</th>
|
||||||
<td>@fat</td>
|
<td>Jacob</td>
|
||||||
</tr>
|
<td>Thornton</td>
|
||||||
<tr>
|
<td>@fat</td>
|
||||||
<th scope="row">3</th>
|
</tr>
|
||||||
<td>Larry</td>
|
<tr>
|
||||||
<td>the Bird</td>
|
<th scope="row">3</th>
|
||||||
<td>@twitter</td>
|
<td>Larry</td>
|
||||||
</tr>
|
<td>the Bird</td>
|
||||||
</tbody>
|
<td>@twitter</td>
|
||||||
</table>
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel">
|
<div class="card">
|
||||||
<a class="panel-heading collapsed" role="tab" id="headingTwo"
|
<div class="card-body">
|
||||||
data-toggle="collapse" data-parent="#accordion"
|
<a class="panel-heading collapsed" role="tab" id="headingTwo"
|
||||||
href="#collapseTwo"
|
data-toggle="collapse" data-parent="#accordion"
|
||||||
aria-expanded="false" aria-controls="collapseTwo">
|
href="#collapseTwo"
|
||||||
<h4 class="panel-title">Collapsible Group Items #2</h4>
|
aria-expanded="false" aria-controls="collapseTwo">
|
||||||
</a>
|
<h4 class="card-title">Collapsible Group Items #2</h4>
|
||||||
<div id="collapseTwo" class="panel-collapse collapse"
|
</a>
|
||||||
role="tabpanel"
|
<div id="collapseTwo" class="panel-collapse collapse"
|
||||||
aria-labelledby="headingTwo">
|
role="tabpanel"
|
||||||
<div class="panel-body">
|
aria-labelledby="headingTwo">
|
||||||
<p><strong>Collapsible Item 2 data</strong>
|
<div class="panel-body">
|
||||||
</p>
|
<p><strong>Collapsible Item 2 data</strong>
|
||||||
Anim pariatur cliche reprehenderit, enim eiusmod high life
|
</p>
|
||||||
accusamus
|
Anim pariatur cliche reprehenderit, enim eiusmod high
|
||||||
terry richardson ad squid. 3 wolf moon officia aute, non
|
life
|
||||||
cupidatat
|
accusamus
|
||||||
skateboard dolor brunch. Food truck quinoa nesciunt laborum
|
terry richardson ad squid. 3 wolf moon officia aute, non
|
||||||
eiusmod.
|
cupidatat
|
||||||
Brunch 3 wolf moon tempor,
|
skateboard dolor brunch. Food truck quinoa nesciunt
|
||||||
|
laborum
|
||||||
|
eiusmod.
|
||||||
|
Brunch 3 wolf moon tempor,
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel">
|
<div class="card">
|
||||||
<a class="panel-heading collapsed" role="tab" id="headingThree"
|
<div class="card-body">
|
||||||
data-toggle="collapse" data-parent="#accordion"
|
<a class="panel-heading collapsed" role="tab" id="headingThree"
|
||||||
href="#collapseThree"
|
data-toggle="collapse" data-parent="#accordion"
|
||||||
aria-expanded="false" aria-controls="collapseThree">
|
href="#collapseThree"
|
||||||
<h4 class="panel-title">Collapsible Group Items #3</h4>
|
aria-expanded="false" aria-controls="collapseThree">
|
||||||
</a>
|
<h4 class="card-title">Collapsible Group Items #3</h4>
|
||||||
<div id="collapseThree" class="panel-collapse collapse"
|
</a>
|
||||||
role="tabpanel"
|
<div id="collapseThree" class="panel-collapse collapse"
|
||||||
aria-labelledby="headingThree">
|
role="tabpanel"
|
||||||
<div class="panel-body">
|
aria-labelledby="headingThree">
|
||||||
<p><strong>Collapsible Item 3 data</strong>
|
<div class="panel-body">
|
||||||
</p>
|
<p><strong>Collapsible Item 3 data</strong>
|
||||||
Anim pariatur cliche reprehenderit, enim eiusmod high life
|
</p>
|
||||||
accusamus
|
Anim pariatur cliche reprehenderit, enim eiusmod high
|
||||||
terry richardson ad squid. 3 wolf moon officia aute, non
|
life
|
||||||
cupidatat
|
accusamus
|
||||||
skateboard dolor brunch. Food truck quinoa nesciunt laborum
|
terry richardson ad squid. 3 wolf moon officia aute, non
|
||||||
eiusmod.
|
cupidatat
|
||||||
Brunch 3 wolf moon tempor
|
skateboard dolor brunch. Food truck quinoa nesciunt
|
||||||
|
laborum
|
||||||
|
eiusmod.
|
||||||
|
Brunch 3 wolf moon tempor
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- end of accordion -->
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- end of accordion -->
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
|
|
@ -891,94 +903,104 @@
|
||||||
<!-- start accordion -->
|
<!-- start accordion -->
|
||||||
<div class="accordion" id="accordion1" role="tablist"
|
<div class="accordion" id="accordion1" role="tablist"
|
||||||
aria-multiselectable="true">
|
aria-multiselectable="true">
|
||||||
<div class="panel">
|
<div class="card">
|
||||||
<a class="panel-heading" role="tab" id="headingOne1"
|
<div class="card-body">
|
||||||
data-toggle="collapse"
|
<a class="card-title" role="tab" id="headingOne1"
|
||||||
data-parent="#accordion1" href="#collapseOne1"
|
data-toggle="collapse"
|
||||||
aria-expanded="true"
|
data-parent="#accordion1" href="#collapseOne1"
|
||||||
aria-controls="collapseOne">
|
aria-expanded="true"
|
||||||
<h4 class="panel-title">Collapsible Group Item #1</h4>
|
aria-controls="collapseOne">
|
||||||
</a>
|
<h4 class="card-title">Collapsible Group Item #1</h4>
|
||||||
<div id="collapseOne1" class="panel-collapse collapse in"
|
</a>
|
||||||
role="tabpanel"
|
<div id="collapseOne1" class="panel-collapse collapse in"
|
||||||
aria-labelledby="headingOne">
|
role="tabpanel"
|
||||||
<div class="panel-body">
|
aria-labelledby="headingOne">
|
||||||
<table class="table table-striped">
|
<div class="panel-body">
|
||||||
<thead>
|
<table class="table table-striped">
|
||||||
<tr>
|
<thead>
|
||||||
<th>#</th>
|
<tr>
|
||||||
<th>First Name</th>
|
<th>#</th>
|
||||||
<th>Last Name</th>
|
<th>First Name</th>
|
||||||
<th>Username</th>
|
<th>Last Name</th>
|
||||||
</tr>
|
<th>Username</th>
|
||||||
</thead>
|
</tr>
|
||||||
<tbody>
|
</thead>
|
||||||
<tr>
|
<tbody>
|
||||||
<th scope="row">1</th>
|
<tr>
|
||||||
<td>Mark</td>
|
<th scope="row">1</th>
|
||||||
<td>Otto</td>
|
<td>Mark</td>
|
||||||
<td>@mdo</td>
|
<td>Otto</td>
|
||||||
</tr>
|
<td>@mdo</td>
|
||||||
<tr>
|
</tr>
|
||||||
<th scope="row">2</th>
|
<tr>
|
||||||
<td>Jacob</td>
|
<th scope="row">2</th>
|
||||||
<td>Thornton</td>
|
<td>Jacob</td>
|
||||||
<td>@fat</td>
|
<td>Thornton</td>
|
||||||
</tr>
|
<td>@fat</td>
|
||||||
<tr>
|
</tr>
|
||||||
<th scope="row">3</th>
|
<tr>
|
||||||
<td>Larry</td>
|
<th scope="row">3</th>
|
||||||
<td>the Bird</td>
|
<td>Larry</td>
|
||||||
<td>@twitter</td>
|
<td>the Bird</td>
|
||||||
</tr>
|
<td>@twitter</td>
|
||||||
</tbody>
|
</tr>
|
||||||
</table>
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel">
|
<div class="card">
|
||||||
<a class="panel-heading collapsed" role="tab" id="headingTwo1"
|
<div class="card-body">
|
||||||
data-toggle="collapse" data-parent="#accordion1"
|
<a class="card-title collapsed" role="tab" id="headingTwo1"
|
||||||
href="#collapseTwo1"
|
data-toggle="collapse" data-parent="#accordion1"
|
||||||
aria-expanded="false" aria-controls="collapseTwo">
|
href="#collapseTwo1"
|
||||||
<h4 class="panel-title">Collapsible Group Item #2</h4>
|
aria-expanded="false" aria-controls="collapseTwo">
|
||||||
</a>
|
<h4 class="card-title">Collapsible Group Item #2</h4>
|
||||||
<div id="collapseTwo1" class="panel-collapse collapse"
|
</a>
|
||||||
role="tabpanel"
|
<div id="collapseTwo1" class="panel-collapse collapse"
|
||||||
aria-labelledby="headingTwo">
|
role="tabpanel"
|
||||||
<div class="panel-body">
|
aria-labelledby="headingTwo">
|
||||||
<p><strong>Collapsible Item 2 data</strong>
|
<div class="panel-body">
|
||||||
</p>
|
<p><strong>Collapsible Item 2 data</strong>
|
||||||
Anim pariatur cliche reprehenderit, enim eiusmod high life
|
</p>
|
||||||
accusamus
|
Anim pariatur cliche reprehenderit, enim eiusmod high
|
||||||
terry richardson ad squid. 3 wolf moon officia aute, non
|
life
|
||||||
cupidatat
|
accusamus
|
||||||
skateboard dolor brunch. Food truck quinoa nesciunt laborum
|
terry richardson ad squid. 3 wolf moon officia aute, non
|
||||||
eiusmod.
|
cupidatat
|
||||||
Brunch 3 wolf moon tempor,
|
skateboard dolor brunch. Food truck quinoa nesciunt
|
||||||
|
laborum
|
||||||
|
eiusmod.
|
||||||
|
Brunch 3 wolf moon tempor,
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel">
|
<div class="card">
|
||||||
<a class="panel-heading collapsed" role="tab" id="headingThree1"
|
<div class="card-body">
|
||||||
data-toggle="collapse" data-parent="#accordion1"
|
<a class="card-title collapsed" role="tab" id="headingThree1"
|
||||||
href="#collapseThree1"
|
data-toggle="collapse" data-parent="#accordion1"
|
||||||
aria-expanded="false" aria-controls="collapseThree">
|
href="#collapseThree1"
|
||||||
<h4 class="panel-title">Collapsible Group Item #3</h4>
|
aria-expanded="false" aria-controls="collapseThree">
|
||||||
</a>
|
<h4 class="card-title">Collapsible Group Item #3</h4>
|
||||||
<div id="collapseThree1" class="panel-collapse collapse"
|
</a>
|
||||||
role="tabpanel"
|
<div id="collapseThree1" class="panel-collapse collapse"
|
||||||
aria-labelledby="headingThree">
|
role="tabpanel"
|
||||||
<div class="panel-body">
|
aria-labelledby="headingThree">
|
||||||
<p><strong>Collapsible Item 3 data</strong>
|
<div class="panel-body">
|
||||||
</p>
|
<p><strong>Collapsible Item 3 data</strong>
|
||||||
Anim pariatur cliche reprehenderit, enim eiusmod high life
|
</p>
|
||||||
accusamus
|
Anim pariatur cliche reprehenderit, enim eiusmod high
|
||||||
terry richardson ad squid. 3 wolf moon officia aute, non
|
life
|
||||||
cupidatat
|
accusamus
|
||||||
skateboard dolor brunch. Food truck quinoa nesciunt laborum
|
terry richardson ad squid. 3 wolf moon officia aute, non
|
||||||
eiusmod.
|
cupidatat
|
||||||
Brunch 3 wolf moon tempor
|
skateboard dolor brunch. Food truck quinoa nesciunt
|
||||||
|
laborum
|
||||||
|
eiusmod.
|
||||||
|
Brunch 3 wolf moon tempor
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -989,7 +1011,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
|
|
@ -1050,7 +1071,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
|
|
@ -1104,8 +1124,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
|
|
@ -1219,7 +1237,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
|
|
@ -1260,7 +1277,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
|
|
@ -1382,7 +1398,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
|
|
@ -1501,7 +1516,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
|
|
@ -1691,8 +1705,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
<h2>Pop Overs
|
<h2>Pop Overs
|
||||||
|
|
@ -1759,8 +1772,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
<h2><i class="fa fa-align-left"></i> Progress bar
|
<h2><i class="fa fa-align-left"></i> Progress bar
|
||||||
|
|
@ -1965,7 +1977,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Start to do list -->
|
<!-- Start to do list -->
|
||||||
<div class="col-md-6 col-sm-6 col-12">
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
|
|
@ -2041,8 +2052,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- End to do list -->
|
<!-- End to do list -->
|
||||||
|
<div class="col-md-6 col-sm-6 col-12">
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
<h2>Daily active users
|
<h2>Daily active users
|
||||||
|
|
|
||||||
|
|
@ -348,7 +348,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="tiles">
|
<div class="tiles">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4 tile">
|
<div class="col-md-4 tile col-sm-4 col-6">
|
||||||
<span>Total Sessions</span>
|
<span>Total Sessions</span>
|
||||||
<h2>231,809</h2>
|
<h2>231,809</h2>
|
||||||
<span class="sparkline11 graph" style="height: 160px;">
|
<span class="sparkline11 graph" style="height: 160px;">
|
||||||
|
|
@ -356,7 +356,7 @@
|
||||||
style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
|
style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4 tile">
|
<div class="col-md-4 tile col-sm-4 col-6">
|
||||||
<span>Total Revenue</span>
|
<span>Total Revenue</span>
|
||||||
<h2>$231,809</h2>
|
<h2>$231,809</h2>
|
||||||
<span class="sparkline22 graph" style="height: 160px;">
|
<span class="sparkline22 graph" style="height: 160px;">
|
||||||
|
|
@ -364,7 +364,7 @@
|
||||||
style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
|
style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4 tile">
|
<div class="col-md-4 tile col-sm-4 col-6">
|
||||||
<span>Total Sessions</span>
|
<span>Total Sessions</span>
|
||||||
<h2>231,809</h2>
|
<h2>231,809</h2>
|
||||||
<span class="sparkline11 graph" style="height: 160px;">
|
<span class="sparkline11 graph" style="height: 160px;">
|
||||||
|
|
@ -514,17 +514,17 @@
|
||||||
|
|
||||||
<div class="col-md-5">
|
<div class="col-md-5">
|
||||||
<div class="row" style="text-align: center;">
|
<div class="row" style="text-align: center;">
|
||||||
<div class="col-md-4">
|
<div class="col-md-4 col-sm-4 col-4">
|
||||||
<canvas class="canvasDoughnut" height="110" width="110"
|
<canvas class="canvasDoughnut" height="110" width="110"
|
||||||
style="margin: 5px 10px 10px 0"></canvas>
|
style="margin: 5px 10px 10px 0"></canvas>
|
||||||
<h5 style="margin:0">Bounce Rates</h5>
|
<h5 style="margin:0">Bounce Rates</h5>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="col-md-4 col-sm-4 col-4">
|
||||||
<canvas class="canvasDoughnut" height="110" width="110"
|
<canvas class="canvasDoughnut" height="110" width="110"
|
||||||
style="margin: 5px 10px 10px 0"></canvas>
|
style="margin: 5px 10px 10px 0"></canvas>
|
||||||
<h5 style="margin:0">New Traffic</h5>
|
<h5 style="margin:0">New Traffic</h5>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="col-md-4 col-sm-4 col-4">
|
||||||
<canvas class="canvasDoughnut" height="110" width="110"
|
<canvas class="canvasDoughnut" height="110" width="110"
|
||||||
style="margin: 5px 10px 10px 0"></canvas>
|
style="margin: 5px 10px 10px 0"></canvas>
|
||||||
<h5 style="margin:0">Device Share</h5>
|
<h5 style="margin:0">Device Share</h5>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue