faq.html - Changed Card background color and beautify code

This commit is contained in:
Matthew Patrick 2021-09-24 13:53:19 +07:00
parent 27304140a0
commit a203f2cad9

View file

@ -30,6 +30,7 @@
.card {
border-radius: 10px;
background-color: #212226;
}
</style>
</head>
@ -38,7 +39,8 @@
<nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius">
<a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.webp"
style="margin-top: 0%;" width="80"></a>
<button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
<button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation"
class="navbar-toggler"
data-target="#navbarTogglerDemo01" data-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span>
</button>
@ -68,7 +70,7 @@
<div class="container-fluid mt-3">
<div class="accordion" id="accordionExample">
<div class="card bg-dark">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button aria-controls="collapseOne"
@ -90,11 +92,12 @@
</div>
</div>
</div>
<div class="card bg-dark">
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button aria-controls="collapseTwo"
aria-expanded="false" class="btn btn-link btn-block text-left collapsed text-decoration-none text-white"
aria-expanded="false"
class="btn btn-link btn-block text-left collapsed text-decoration-none text-white"
data-target="#collapseTwo" data-toggle="collapse" type="button">
How to check order status ?
</button>
@ -109,11 +112,12 @@
</div>
</div>
</div>
<div class="card bg-dark">
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button aria-controls="collapseThree"
aria-expanded="false" class="btn btn-link btn-block text-left collapsed text-decoration-none text-white"
aria-expanded="false"
class="btn btn-link btn-block text-left collapsed text-decoration-none text-white"
data-target="#collapseThree" data-toggle="collapse" type="button">
How to cancel order ?
</button>
@ -132,10 +136,12 @@
</div>
<script crossorigin="anonymous"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" src="https://code.jquery.com/jquery-3.5.1.slim.min.js">
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
src="https://code.jquery.com/jquery-3.5.1.slim.min.js">
</script>
<script crossorigin="anonymous"
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js">
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js">
</script>
</body>