360 lines
28 KiB
HTML
360 lines
28 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
@@include("partials/title-meta.html", {"title": "Search Results"})
|
|
|
|
@@include('./partials/head-css.html')
|
|
|
|
</head>
|
|
|
|
<body class="loading" data-layout-mode="horizontal" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
|
|
|
|
<!-- Begin page -->
|
|
<div id="wrapper">
|
|
|
|
@@include('./partials/topbar.html')
|
|
|
|
@@include('./partials/horizontal.html')
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- Start Page Content here -->
|
|
<!-- ============================================================== -->
|
|
|
|
<div class="content-page">
|
|
<div class="content">
|
|
|
|
<!-- Start Content-->
|
|
<div class="container-fluid">
|
|
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box page-title-box-alt">
|
|
<h4 class="page-title">Search Results</h4>
|
|
<div class="page-title-right">
|
|
<ol class="breadcrumb m-0">
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Extras</a></li>
|
|
<li class="breadcrumb-item active">Search Results</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="search-result-box card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-8 offset-md-2">
|
|
<div class="pt-3 pb-4">
|
|
<div class="input-group m-t-10">
|
|
<input type="text" class="form-control" value="Admin Dashboard">
|
|
<span class="input-group-append">
|
|
<button type="button" class="btn waves-effect waves-light btn-purple"><i class="fa fa-search mr-1"></i> Search</button>
|
|
</span>
|
|
</div>
|
|
<div class="mt-3 text-center">
|
|
<h4>Search Results For "Admin Dashboard"</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<ul class="nav nav-tabs nav-bordered">
|
|
<li class="nav-item">
|
|
<a href="#home" data-toggle="tab" aria-expanded="true" class="nav-link active">
|
|
All results <span class="badge badge-success ml-1">325</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="#users" data-toggle="tab" aria-expanded="false" class="nav-link">
|
|
Users <span class="badge badge-danger ml-1">89</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="home">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="search-item">
|
|
<h4 class="mb-1"><a href="#">Codefox - Admin & Dashboard Template</a></h4>
|
|
<div class="font-13 text-success mb-2 text-truncate">
|
|
https://wrapbootstrap.com/theme/codefox-admin-dashboard-template-WB0X27670?ref=coderthemes
|
|
</div>
|
|
<p class="mb-0 text-muted">
|
|
Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.
|
|
</p>
|
|
</div> <!-- end search item -->
|
|
|
|
<div class="search-item">
|
|
<h4 class="mb-1"><a href="#">Starto - Bootstrap 4 Landing Page Template</a></h4>
|
|
<div class="font-13 text-success mb-2 text-truncate">
|
|
https://coderthemes.com/starto/index-demo.html
|
|
</div>
|
|
<p class="mb-0 text-muted">
|
|
Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.
|
|
</p>
|
|
</div> <!-- end search item -->
|
|
|
|
<div class="search-item">
|
|
<div class="media">
|
|
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-1.jpg" alt="Generic placeholder image" height="54">
|
|
<div class="media-body">
|
|
<h5 class="mt-0">
|
|
<a href="#" class="text-dark">Chadengle</a>
|
|
</h5>
|
|
<p class="font-13">
|
|
<b>Email:</b>
|
|
<span><a href="#" class="text-muted">mediaheader@mail.com</a></span>
|
|
</p>
|
|
<p class="mb-0 font-13">
|
|
<b>Bio:</b>
|
|
<br/>
|
|
<span class="text-muted">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div> <!-- end search item -->
|
|
|
|
<div class="search-item">
|
|
<h4 class="mb-1"><a href="#">Flacto - Admin & Dashboard Template</a></h4>
|
|
<div class="font-13 text-success mb-2 text-truncate">
|
|
https://wrapbootstrap.com/theme/flacto-admin-dashboard-template-WB0C3DCHM?ref=coderthemes
|
|
</div>
|
|
<p class="mb-0 text-muted">
|
|
Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.
|
|
</p>
|
|
</div> <!-- end search item -->
|
|
|
|
<div class="search-item">
|
|
<h4 class="mb-1"><a href="#">Velonic - Bootstrap 4 Admin & Frontend</a></h4>
|
|
<div class="font-13 text-success mb-2 text-truncate">
|
|
https://wrapbootstrap.com/theme/velonic-bootstrap-4-admin-frontend-WB0R9B09G?ref=coderthemes
|
|
</div>
|
|
|
|
<div class="">
|
|
<img src="../assets/images/small/img-1.jpg" height="48" alt="image"/>
|
|
<img src="../assets/images/small/img-2.jpg" height="48" alt="image"/>
|
|
<img src="../assets/images/small/img-3.jpg" height="48" alt="image"/>
|
|
<img src="../assets/images/small/img-4.jpg" height="48" alt="image"/>
|
|
</div>
|
|
</div> <!-- end search item -->
|
|
|
|
<div class="search-item">
|
|
<h4 class="mb-1"><a href="#">Coderthemes - WrapBootstrap</a></h4>
|
|
<div class="font-13 text-success mb-2 text-truncate">
|
|
https://wrapbootstrap.com/user/coderthemes?ref=coderthemes
|
|
</div>
|
|
<p class="mb-0 text-muted">
|
|
Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.
|
|
</p>
|
|
<div class="row mt-2">
|
|
<div class="col-sm-4 col-xl-2">
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/PrUxWZiQfy4?autohide=0&showinfo=0&controls=0"></iframe>
|
|
</div>
|
|
</div> <!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
</div> <!-- end search item -->
|
|
|
|
|
|
<ul class="pagination justify-content-end pagination-rounded mt-0">
|
|
<li class="page-item">
|
|
<a class="page-link" href="#" aria-label="Previous">
|
|
<span aria-hidden="true">«</span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
</li>
|
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
|
<li class="page-item active"><a class="page-link" href="#">2</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">5</a></li>
|
|
<li class="page-item">
|
|
<a class="page-link" href="#" aria-label="Next">
|
|
<span aria-hidden="true">»</span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- end All results tab -->
|
|
|
|
|
|
<!-- Users tab -->
|
|
<div class="tab-pane" id="users">
|
|
<div class="search-item">
|
|
<div class="media">
|
|
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-1.jpg" alt="Generic placeholder image" height="54">
|
|
<div class="media-body">
|
|
<h5 class="mt-0">
|
|
<a href="#" class="text-dark">Halette Boivin</a>
|
|
</h5>
|
|
<p class="font-13">
|
|
<b>Email:</b>
|
|
<span><a href="#" class="text-muted">mediaheader@mail.com</a></span>
|
|
</p>
|
|
<p class="mb-0 font-13">
|
|
<b>Bio:</b>
|
|
<br/>
|
|
<span class="text-muted">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="search-item">
|
|
<div class="media">
|
|
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="54">
|
|
<div class="media-body">
|
|
<h5 class="mt-0">
|
|
<a href="#" class="text-dark">Durandana Jolicoeur</a>
|
|
</h5>
|
|
<p class="font-13">
|
|
<b>Email:</b>
|
|
<span><a href="#" class="text-muted">mediaheader@mail.com</a></span>
|
|
</p>
|
|
<p class="mb-0 font-13">
|
|
<b>Bio:</b>
|
|
<br/>
|
|
<span class="text-muted">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="search-item">
|
|
<div class="media">
|
|
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-3.jpg" alt="Generic placeholder image" height="54">
|
|
<div class="media-body">
|
|
<h5 class="mt-0">
|
|
<a href="#" class="text-dark">Lucas Sabourin</a>
|
|
</h5>
|
|
<p class="font-13">
|
|
<b>Email:</b>
|
|
<span><a href="#" class="text-muted">mediaheader@mail.com</a></span>
|
|
</p>
|
|
<p class="mb-0 font-13">
|
|
<b>Bio:</b>
|
|
<br/>
|
|
<span class="text-muted">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="search-item">
|
|
<div class="media">
|
|
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-4.jpg" alt="Generic placeholder image" height="54">
|
|
<div class="media-body">
|
|
<h5 class="mt-0">
|
|
<a href="#" class="text-dark">Donatien Brunelle</a>
|
|
</h5>
|
|
<p class="font-13">
|
|
<b>Email:</b>
|
|
<span><a href="#" class="text-muted">mediaheader@mail.com</a></span>
|
|
</p>
|
|
<p class="mb-0 font-13">
|
|
<b>Bio:</b>
|
|
<br/>
|
|
<span class="text-muted">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-item">
|
|
<div class="media">
|
|
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="54">
|
|
<div class="media-body">
|
|
<h5 class="mt-0">
|
|
<a href="#" class="text-dark">Karel Auberjo</a>
|
|
</h5>
|
|
<p class="font-13">
|
|
<b>Email:</b>
|
|
<span><a href="#" class="text-muted">mediaheader@mail.com</a></span>
|
|
</p>
|
|
<p class="mb-0 font-13">
|
|
<b>Bio:</b>
|
|
<br/>
|
|
<span class="text-muted">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<ul class="pagination justify-content-end pagination-rounded mt-0">
|
|
<li class="page-item">
|
|
<a class="page-link" href="#" aria-label="Previous">
|
|
<span aria-hidden="true">«</span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
</li>
|
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
|
<li class="page-item active"><a class="page-link" href="#">2</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">5</a></li>
|
|
<li class="page-item">
|
|
<a class="page-link" href="#" aria-label="Next">
|
|
<span aria-hidden="true">»</span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
<!-- end Users tab -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end row -->
|
|
</div>
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
</div> <!-- container -->
|
|
|
|
</div> <!-- content -->
|
|
|
|
@@include('./partials/footer.html')
|
|
|
|
</div>
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- End Page content -->
|
|
<!-- ============================================================== -->
|
|
|
|
|
|
</div>
|
|
<!-- END wrapper -->
|
|
|
|
@@include('./partials/right-sidebar.html')
|
|
|
|
<!-- Vendor js -->
|
|
<script src="../assets/js/vendor.min.js"></script>
|
|
|
|
<!-- App js -->
|
|
<script src="../assets/js/app.min.js"></script>
|
|
|
|
</body>
|
|
</html> |