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 { .card {
border-radius: 10px; border-radius: 10px;
background-color: #212226;
} }
</style> </style>
</head> </head>
@ -38,7 +39,8 @@
<nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius"> <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" <a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.webp"
style="margin-top: 0%;" width="80"></a> 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"> data-target="#navbarTogglerDemo01" data-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -68,7 +70,7 @@
<div class="container-fluid mt-3"> <div class="container-fluid mt-3">
<div class="accordion" id="accordionExample"> <div class="accordion" id="accordionExample">
<div class="card bg-dark"> <div class="card">
<div class="card-header" id="headingOne"> <div class="card-header" id="headingOne">
<h2 class="mb-0"> <h2 class="mb-0">
<button aria-controls="collapseOne" <button aria-controls="collapseOne"
@ -90,11 +92,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="card bg-dark"> <div class="card">
<div class="card-header" id="headingTwo"> <div class="card-header" id="headingTwo">
<h2 class="mb-0"> <h2 class="mb-0">
<button aria-controls="collapseTwo" <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"> data-target="#collapseTwo" data-toggle="collapse" type="button">
How to check order status ? How to check order status ?
</button> </button>
@ -109,11 +112,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="card bg-dark"> <div class="card">
<div class="card-header" id="headingThree"> <div class="card-header" id="headingThree">
<h2 class="mb-0"> <h2 class="mb-0">
<button aria-controls="collapseThree" <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"> data-target="#collapseThree" data-toggle="collapse" type="button">
How to cancel order ? How to cancel order ?
</button> </button>
@ -132,10 +136,12 @@
</div> </div>
<script crossorigin="anonymous" <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>
<script crossorigin="anonymous" <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> </script>
</body> </body>