From a203f2cad9acb450ccfd456e41bf06fbe8ee3959 Mon Sep 17 00:00:00 2001
From: Matthew Patrick <Matthew.535200018@stu.untar.ac.id>
Date: Fri, 24 Sep 2021 13:53:19 +0700
Subject: [PATCH] faq.html - Changed Card background color and beautify code
---
faq.html | 22 ++++++++++++++--------
1 file changed, 14 insertions(+), 8 deletions(-)
diff --git a/faq.html b/faq.html
index 71f3449..f682960 100644
--- a/faq.html
+++ b/faq.html
@@ -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>