Created
August 30, 2018 18:39
-
-
Save joel-extremo/98894f71199bf930714fd1c38ba46d0d to your computer and use it in GitHub Desktop.
question
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
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width" initial-scale="1"/> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | |
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous"> | |
| <!-- <link rel="stylesheet" href="css/about_styles.css"> | |
| <link rel="stylesheet" href="css/styles.css"> --> | |
| <link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet"> | |
| <title> FAQs </title> | |
| </head> | |
| <body> | |
| <nav class="containers"> | |
| <section class="left"> | |
| <a href="/"> CareerFoundry </a> | |
| </section> | |
| <section class="right"> | |
| <a href="about.html"> About </a> | |
| <a href="contact.html"> Contact </a> | |
| <a href="faq.html"> FAQ </a> | |
| </section> | |
| </nav> | |
| <br><br> | |
| <br> | |
| <br> | |
| <br> | |
| <section class="container"> | |
| <!-- my acodion --> | |
| <!-- hi ;) instead to use your code use this one and just change the css --> | |
| <!-- good luck --> | |
| <div class="bs-example"> | |
| <div class="panel-group" id="accordion"> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"> | |
| <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">1. What is HTML?</a> | |
| </h4> | |
| </div> | |
| <div id="collapseOne" class="panel-collapse collapse in"> | |
| <div class="panel-body"> | |
| <p>HTML stands for HyperText Markup Language. HTML is the standard markup language for describing the structure of web pages. <a href="https://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a></p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"> | |
| <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">2. What is Bootstrap?</a> | |
| </h4> | |
| </div> | |
| <div id="collapseTwo" class="panel-collapse collapse"> | |
| <div class="panel-body"> | |
| <p>Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. It is a collection of CSS and HTML conventions. <a href="https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/" target="_blank">Learn more.</a></p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"> | |
| <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">3. What is CSS?</a> | |
| </h4> | |
| </div> | |
| <div id="collapseThree" class="panel-collapse collapse"> | |
| <div class="panel-body"> | |
| <p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style properties for a given HTML element such as colors, backgrounds, fonts etc. <a href="https://www.tutorialrepublic.com/css-tutorial/" target="_blank">Learn more.</a></p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <p><strong>Note:</strong> Click on the linked heading text to expand or collapse accordion panels.</p> | |
| </div> | |
| <!-- your acordion --> | |
| <div id="accordion"> | |
| <div class="card"> | |
| <div class="card-header" id="headingOne"> | |
| <h5 class="mb-0"> | |
| <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> | |
| Questions | |
| <i class="fas fa-plus"></i> | |
| </button> | |
| </h5> | |
| </div> | |
| <div class="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion"> | |
| <div class="card-body"> | |
| How long is the duration of the course? | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card"> | |
| <div class="card-header" id="headingTwo"> | |
| <h5 class="mb-0"> | |
| <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> | |
| Questions and Answers | |
| <i class="fas fa-plus"></i> | |
| </button> | |
| </h5> | |
| </div> | |
| <div class="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion"> | |
| <div class="card-body"> | |
| What is the cost of the programme? | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment