Skip to content

Instantly share code, notes, and snippets.

@kasiapryczek

kasiapryczek/faq.html

Created July 7, 2015 22:25
Show Gist options
  • Save kasiapryczek/1a7f561e5cd6fed0b463 to your computer and use it in GitHub Desktop.
Save kasiapryczek/1a7f561e5cd6fed0b463 to your computer and use it in GitHub Desktop.
Download ZIP
faq
Raw
faq.html
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta charset="utf-8">
<!-- jQuery is required for Bootstrap to work -->
<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>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="css/normalize.css">
<link href='http://fonts.googleapis.com/css?family=Rajdhani:500|Pacifico|Cardo|Josefin+Slab' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/kasiastyle.css">
<title>FAQ</title>
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
</head>
<body id="faq">
<div class="nav">
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="http://katarzyna-pryczek.bitballoon.com/contact">Contact</a></li>
<li><a href="">Work</a></li>
<li><a href="http://katarzyna-pryczek.bitballoon.com/about">About</a></li>
<li><a href="http://katarzyna-pryczek.bitballoon.com">Home</a></li>
</ul>
</div>
<div class="container">
<div class="faq header">
<h1>FAQs</h1>
<p>For more information about me and my work check the frequently asked questions below</p>
</div>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"><span class="glyphicon glyphicon-menu-right"></span>
Why did you decide to become a web developer?
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
Since I was a child I had a great passion for technologies. Feeling that deep inside I'm an engeneer pushed me to a change. Working as a web developer helps me to engage more with the tech industry and develop my passions and skills. Flexible working hours combined with good time management give me the opportunity to continue growing as a mother, dancer, photographer.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"><span class="glyphicon glyphicon-menu-right"></span>
who are your clients?
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
I am happy to take every chalenge!
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"><span class="glyphicon glyphicon-menu-right"></span>
I need to think of more interesting questions
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
...and some inteligent answers.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFour">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour"><span class="glyphicon glyphicon-menu-right"></span>
And more questions...
</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
<div class="panel-body">
and more answers...
</div>
</div>
</div>
</div>
</div> <!-- <end container> -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment