Files
Bidule/louDucauroy/list.html
T
Sar_Tron 8a718a58cf Lou 2.0
2024-10-22 14:00:10 +04:00

418 lines
34 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<!-- boostrap css cdn-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GDA</title>
<link rel="stylesheet" href="style.css">
</head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/boxicons/2.1.0/css/boxicons.min.css" integrity="sha512-pVCM5+SN2+qwj36KonHToF2p1oIvoU3bsqxphdOIWMYmgr4ZqD3t5DjKvvetKhXGc/ZG5REYTT6ltKfExEei/Q==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/5.3.45/css/materialdesignicons.css" integrity="sha256-NAxhqDvtY0l4xn+YVa6WjAcmd94NNfttjNsDmNatFVc=" crossorigin="anonymous" />
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<div class="mb-3">
<h5 class="card-title">Elève expernet <span class="text-muted fw-normal ms-2">(15)</span></h5>
</div>
</div>
<div class="col-md-6">
<div class="d-flex flex-wrap align-items-center justify-content-end gap-2 mb-3">
<div>
<ul class="nav nav-pills">
<li class="nav-item">
<a
aria-current="page"
href="#"
class="router-link-active router-link-exact-active nav-link active"
data-bs-toggle="tooltip"
data-bs-placement="top"
title=""
data-bs-original-title="List"
aria-label="List"
>
<i class="bx bx-list-ul"></i>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Grid" aria-label="Grid"><i class="bx bx-grid-alt"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="">
<div class="table-responsive">
<table class="table project-list-table table-nowrap align-middle table-borderless">
<thead>
<tr>
<th scope="col" class="ps-4" style="width: 50px;">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck" /><label class="form-check-label" for="contacusercheck"></label></div>
</th>
<th scope="col">Nom</th>
<th scope="col">Position</th>
<th scope="col">Mail</th>
<th scope="col">Projet</th>
<th scope="col" style="width: 200px;">Action</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">AHOVEY Saint George</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">AHYONG Emjy</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">B Toma</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">Clemant Theo</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">Cheum RAMASSy</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">Demontis matisse</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">Dorian</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">Ducauroy Lou</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">GRONDIN clarel</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">Jeremy Hoarau</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">MUNIER Jerome</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">Pedre Gabriel</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row" class="ps-4">
<div class="form-check font-size-16"><input type="checkbox" class="form-check-input" id="contacusercheck2" /><label class="form-check-label" for="contacusercheck2"></label></div>
</th>
<td><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="" class="avatar-sm rounded-circle me-2" /><a href="#" class="text-body">Thomy Noel</a></td>
<td><span class="badge badge-soft-info mb-0">Frontend Developer</span></td>
<td>Expernet@expernetecolre.re</td>
<td>132</td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit" class="px-2 text-primary"><i class="bx bx-pencil font-size-18"></i></a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete" class="px-2 text-danger"><i class="bx bx-trash-alt font-size-18"></i></a>
</li>
<li class="list-inline-item dropdown">
<a class="text-muted dropdown-toggle font-size-18 px-2" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true"><i class="bx bx-dots-vertical-rounded"></i></a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row g-0 align-items-center pb-4">
<div class="col-sm-6">
<div><p class="mb-sm-0">Showing 1 to 10 of 57 entries</p></div>
</div>
<div class="col-sm-6">
<div class="float-sm-end">
<ul class="pagination mb-sm-0">
<li class="page-item disabled">
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- jquery cdn-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- boostrap cdn-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
</body>
</html>