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>