-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Saya mengerjakan tampilan halaman bantuan atau FAQ reference #19
- Loading branch information
0 parents
commit 8dce75b
Showing
1 changed file
with
263 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,263 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <!-- Required meta tags --> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
|
|
||
| <!-- Bootstrap CSS --> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> | ||
| <link href="css/footer.css" rel="stylesheet"> | ||
|
|
||
| <script src="https://kit.fontawesome.com/3dd6eb1413.js" crossorigin="anonymous"></script> | ||
|
|
||
| <title>FAQ Page</title> | ||
|
|
||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light shadow mb-5 bg-body rounded"> | ||
| <div class="container-fluid d-flex justify-content-around"> | ||
| <a class="navbar-brand" href="#"> | ||
| <img src="img/[logo].png" alt="" height="40"> | ||
| </a> | ||
| <form class="w-50"> | ||
| <div class="input-group border rounded-pill"> | ||
| <input type="search" placeholder=" Cari Produk atau Nama Brand" aria-describedby="button-addon3" class="form-control bg-none border-0"> | ||
| <div class="input-group-append border-0"> | ||
| <button id="button-addon3" type="button" class="btn btn-link text-primary"><i class="fa fa-search"></i></button> | ||
| </div> | ||
| </div> | ||
| </form> | ||
|
|
||
| <ul class="navbar-nav"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#"><i class="fas fa-shopping-cart"></i></a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#"><i class="fas fa-clipboard-list"></i></a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link disabled mx-3" href="#">|</i></a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">Login</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="#">Register</a> | ||
| </li> | ||
| </ul> | ||
|
|
||
| </div> | ||
| </nav> | ||
| </div> | ||
| <div class="container"> | ||
| <br /> | ||
| <br /> | ||
| <br /> | ||
| </div> | ||
| <div class="col-sm-8 pe-5"> | ||
| <div class="card w-100 shadow-sm p-3 mb-4 bg-body rounded border-light"> | ||
| <div class="card-body"> | ||
|
|
||
| <div class="alert alert-warning alert-dismissible" role="alert"> | ||
| <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> | ||
| This section contains a wealth of information, related to <strong>PrepBootstrap</strong> and its store. If you cannot find an answer to your question, | ||
| make sure to contact us. | ||
| </div> | ||
|
|
||
| <br /> | ||
|
|
||
| <div class="panel-group" id="accordion"> | ||
| <div class="faqHeader">General questions</div> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h4 class="panel-title"> | ||
| <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Is account registration required?</a> | ||
| </h4> | ||
| </div> | ||
| <div id="collapseOne" class="panel-collapse collapse in"> | ||
| <div class="panel-body"> | ||
| Account registration at <strong>PrepBootstrap</strong> is only required if you will be selling or buying themes. | ||
| This ensures a valid communication channel for all parties involved in any transactions. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h4 class="panel-title"> | ||
| <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTen">Can I submit my own Bootstrap templates or themes?</a> | ||
| </h4> | ||
| </div> | ||
| <div id="collapseTen" class="panel-collapse collapse"> | ||
| <div class="panel-body"> | ||
| A lot of the content of the site has been submitted by the community. Whether it is a commercial element/template/theme | ||
| or a free one, you are encouraged to contribute. All credits are published along with the resources. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h4 class="panel-title"> | ||
| <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseEleven">What is the currency used for all transactions?</a> | ||
| </h4> | ||
| </div> | ||
| <div id="collapseEleven" class="panel-collapse collapse"> | ||
| <div class="panel-body"> | ||
| All prices for themes, templates and other items, including each seller's or buyer's account balance are in <strong>USD</strong> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="faqHeader">Sellers</div> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h4 class="panel-title"> | ||
| <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Who cen sell items?</a> | ||
| </h4> | ||
| </div> | ||
| <div id="collapseTwo" class="panel-collapse collapse"> | ||
| <div class="panel-body"> | ||
| Any registed user, who presents a work, which is genuine and appealing, can post it on <strong>PrepBootstrap</strong>. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h4 class="panel-title"> | ||
| <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">I want to sell my items - what are the steps?</a> | ||
| </h4> | ||
| </div> | ||
| <div id="collapseThree" class="panel-collapse collapse"> | ||
| <div class="panel-body"> | ||
| The steps involved in this process are really simple. All you need to do is: | ||
| <ul> | ||
| <li>Register an account</li> | ||
| <li>Activate your account</li> | ||
| <li>Go to the <strong>Themes</strong> section and upload your theme</li> | ||
| <li>The next step is the approval step, which usually takes about 72 hours.</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h4 class="panel-title"> | ||
| <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFive">How much do I get from each sale?</a> | ||
| </h4> | ||
| </div> | ||
| <div id="collapseFive" class="panel-collapse collapse"> | ||
| <div class="panel-body"> | ||
| Here, at <strong>PrepBootstrap</strong>, we offer a great, 70% rate for each seller, regardless of any restrictions, such as volume, date of entry, etc. | ||
| <br /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h4 class="panel-title"> | ||
| <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSix">Why sell my items here?</a> | ||
| </h4> | ||
| </div> | ||
| <div id="collapseSix" class="panel-collapse collapse"> | ||
| <div class="panel-body"> | ||
| There are a number of reasons why you should join us: | ||
| <ul> | ||
| <li>A great 70% flat rate for your items.</li> | ||
| <li>Fast response/approval times. Many sites take weeks to process a theme or template. And if it gets rejected, there is another iteration. We have aliminated this, and made the process very fast. It only takes up to 72 hours for a template/theme to get reviewed.</li> | ||
| <li>We are not an exclusive marketplace. This means that you can sell your items on <strong>PrepBootstrap</strong>, as well as on any other marketplate, and thus increase your earning potential.</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h4 class="panel-title"> | ||
| <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseEight">What are the payment options?</a> | ||
| </h4> | ||
| </div> | ||
| <div id="collapseEight" class="panel-collapse collapse"> | ||
| <div class="panel-body"> | ||
| The best way to transfer funds is via Paypal. This secure platform ensures timely payments and a secure environment. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h4 class="panel-title"> | ||
| <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseNine">When do I get paid?</a> | ||
| </h4> | ||
| </div> | ||
| <div id="collapseNine" class="panel-collapse collapse"> | ||
| <div class="panel-body"> | ||
| Our standard payment plan provides for monthly payments. At the end of each month, all accumulated funds are transfered to your account. | ||
| The minimum amount of your balance should be at least 70 USD. | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="faqHeader">Buyers</div> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h4 class="panel-title"> | ||
| <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour">I want to buy a theme - what are the steps?</a> | ||
| </h4> | ||
| </div> | ||
| <div id="collapseFour" class="panel-collapse collapse"> | ||
| <div class="panel-body"> | ||
| Buying a theme on <strong>PrepBootstrap</strong> is really simple. Each theme has a live preview. | ||
| Once you have selected a theme or template, which is to your liking, you can quickly and securely pay via Paypal. | ||
| <br /> | ||
| Once the transaction is complete, you gain full access to the purchased product. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h4 class="panel-title"> | ||
| <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven">Is this the latest version of an item</a> | ||
| </h4> | ||
| </div> | ||
| <div id="collapseSeven" class="panel-collapse collapse"> | ||
| <div class="panel-body"> | ||
| Each item in <strong>PrepBootstrap</strong> is maintained to its latest version. This ensures its smooth operation. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <style> | ||
| .faqHeader { | ||
| font-size: 27px; | ||
| margin: 20px; | ||
| } | ||
|
|
||
| .panel-heading [data-toggle="collapse"]:after { | ||
| font-family: 'Glyphicons Halflings'; | ||
| content: "e072"; /* "play" icon */ | ||
| float: right; | ||
| color: #F58723; | ||
| font-size: 18px; | ||
| line-height: 22px; | ||
| /* rotate "play" icon from > (right arrow) to down arrow */ | ||
| -webkit-transform: rotate(-90deg); | ||
| -moz-transform: rotate(-90deg); | ||
| -ms-transform: rotate(-90deg); | ||
| -o-transform: rotate(-90deg); | ||
| transform: rotate(-90deg); | ||
| } | ||
|
|
||
| .panel-heading [data-toggle="collapse"].collapsed:after { | ||
| /* rotate "play" icon from > (right arrow) to ^ (up arrow) */ | ||
| -webkit-transform: rotate(90deg); | ||
| -moz-transform: rotate(90deg); | ||
| -ms-transform: rotate(90deg); | ||
| -o-transform: rotate(90deg); | ||
| transform: rotate(90deg); | ||
| color: #454444; | ||
| } | ||
|
|
||
| </style> | ||
| </body>> | ||
|
|