|
|
@@ -3,8 +3,32 @@
|
|
|
@section('content')
|
|
|
|
|
|
<div class="container-fluid">
|
|
|
- <div class="row my-3">
|
|
|
- <div class="col-lg-6">
|
|
|
+ <div class="row my-3 justify-content-center">
|
|
|
+ <div class=" col-xl-4 col-lg-3 col-md-6 mb-2">
|
|
|
+ <div class="card h-100">
|
|
|
+ <div class="card-header text-right">
|
|
|
+ <button type="button" class="btn btn-default xs-toggle" data-toggle="collapse" data-target="#personTab">
|
|
|
+ <span class="sr-only">Toggle Navigation</span>
|
|
|
+ <span class="icon-bar"></span>
|
|
|
+ <span class="icon-bar"></span>
|
|
|
+ <span class="icon-bar"></span>
|
|
|
+ </button>
|
|
|
+ <ul class="nav nav-pills card-header-pills nav-justified xs-collapse collapse" id="personTab" role="tablist">
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link active" id="person-tab" data-toggle="pill" href="#person" role="tab" aria-controls="person" aria-selected="true">Contact Info</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="tab-content">
|
|
|
+ <div class="tab-pane active" id="person" role="tabpanel" aria-labelledby="person-tab">
|
|
|
+ TODO
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-xl-4 col-lg-5 col-md-6 mb-2">
|
|
|
<div class="card h-100">
|
|
|
<div class="card-header text-right">
|
|
|
<button type="button" class="btn btn-default xs-toggle" data-toggle="collapse" data-target="#assetTab">
|
|
|
@@ -44,7 +68,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-lg-6">
|
|
|
+ <div class="col-xl-4 col-lg-4 col-md-12 mb-2">
|
|
|
<div class="card h-100">
|
|
|
<div class="card-header text-right">
|
|
|
<button type="button" class="btn btn-default xs-toggle" data-toggle="collapse" data-target="#workorderTab">
|