Last active
August 27, 2015 14:59
-
-
Save Socratic1/94b9eaa2b11073361468 to your computer and use it in GitHub Desktop.
This file contains hidden or 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"> | |
<title>Sam Phillips. Web Developer: FAQ</title> | |
<!-- Latest compiled and minified Bootstrap CSS --> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> | |
<!-- jQuery --> | |
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> | |
<!-- Latest compiled and minified Bootstrap JavaScript --> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> | |
<!-- Bootstrap core CSS --> | |
<link href="css/bootstrap.css" rel="stylesheet"> | |
<link href="css/normalize.css" rel="stylesheet"> | |
<link href="css/faq_styles.css" rel="stylesheet"> | |
<!--[if lt IE 9]><script src="dist/html5shiv.js"></script><![endif]--> | |
</head> | |
<body> | |
<div class="nav"> | |
<ul> | |
<li><a href="index.html">Home</a></li> | |
<li><a href="about.html">About</a></li> | |
<li><a href="contact.html">Contact</a></li> | |
<li><a href="work.html">Work</a></li> | |
<li><a href="#">FAQ</a></li> | |
</ul> | |
</div> | |
<div class="header"> | |
<h1>Frequently Asked Questions</h1> | |
</div> | |
<div class="container"> | |
<div class="panel-group" id="accordion"> | |
<div class="panel panel-default"> | |
<div class="panel-heading panel-heading-1"> | |
<h4 class="panel-title"> | |
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> | |
How did I decide to become a web developer? | |
</a> | |
</h4> | |
</div> | |
<div id="collapseOne" class="pannel-collapse collapse"> | |
<div class="panel-body"> | |
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT | |
</div> | |
</div> | |
</div> | |
<div class="panel panel-default"> | |
<div class="panel-heading panel-heading-2"> | |
<h4 class="panel-title"> | |
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> | |
What are my career goals? | |
</a> | |
</h4> | |
</div> | |
<div id="collapseTwo" class="panel-collapse collapse"> | |
<div class="panel-body"> | |
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT | |
</div> | |
</div> | |
</div> | |
<div class="panel panel-default"> | |
<div class="panel-heading panel-heading-3"> | |
<h4 class="panel-title"> | |
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> | |
What is my experience? | |
</a> | |
</h4> | |
</div> | |
<div id="collapseThree" class="panel-collapse collapse"> | |
<div class="panel-body"> | |
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment