You are on page 1of 3

<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>F.A.Q.</title>
<meta content="no-cache" http-equiv="pragma" />
<meta content="0" http-equiv="expires" />
<meta content="no-cache" http-equiv="cache-control" />
<link href="style.css" rel="STYLESHEET" type="text/css" />
</head>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<p>{Header}</p>
<div id="content">
<div class="page-wrapper">
<div class="panel">
<h2 style="text-align: center;"><br />
<br />
<span style="font-family:trebuchet ms,helvetica,sans-serif;"><span style="color:
#3399ff;"><span style="font-size:36px;">Frequently Asked Questions</span></span>
</span></h2>
<p style="box-sizing: border-box; margin: 0px 0px 10px; clear: left; color: rgb(
51, 51, 51); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-s
ize: 14px; line-height: 20px;"></p>
<p style="box-sizing: border-box; margin: 0px 0px 10px; clear: left; color: rgb(
51, 51, 51); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-s
ize: 14px; line-height: 20px; text-align: center;"><br />
<br />
<span style="font-size:16px;"><span style="font-family:georgia,serif;"><span sty
le="color:#000000;"><span style="font-size:20px;">Coming Soon !</span></span></s
pan></span></p>

<!DOCTYPE HTML>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<html>
<head>
<title> FAQ Display </title>
<style type="text/css">
.FAQ { cursor:pointer; border-bottom:1px solid black; }
.FAA { display:none; }
#FAQlist li { list-style-type: none; }
#FAQlist ul { margin-left:0px; }
.MoreLess { font-size:3em; font-weight:bold; color:blue; }
</style>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Example of Bootstrap 3 Dynamic Tabs</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css
/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg
4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css


/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW
9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD
7Txa" crossorigin="anonymous"></script>
<style type="text/css">
.bs-example{
margin: 20px;
}
</style>
</head>
<body>
<div class="bs-example">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#sectionA">Section A</a></
li>
<li><a data-toggle="tab" href="#sectionB">Section B</a></li>
</ul>
<div class="tab-content">
<div id="sectionA" class="tab-pane fade in active">
<h3>Section A</h3>
<body>
<h2>General FAQs</h2>
<div id="wrapper">
<ul id="FAQlist" style="width:100%">
<li class="FAQ" onclick="toggle('faq1',this)">
<span id="faq1Char" class='MoreLess'>+</span> First question
<div id="faq1" class="FAA">First answer</div>
</li>
<li class="FAQ" onclick="toggle('faq2',this)">
<span id="faq2Char" class='MoreLess'>+</span> Second question
<div id="faq2" class="FAA">Second answer</div>
</li>
<li class="FAQ" onclick="toggle('faq3',this)">
<span id="faq3Char" class='MoreLess'>+</span> Third question
<div id="faq3" class="FAA">Third answer <b>si</b>?</div>
</li>
<li class="FAQ" onclick="toggle('faq4',this)">
<span id="faq4Char" class='MoreLess'>+</span> How are you doing today?
<div id="faq4" class="FAA">Nothing in a different language.</div>
</li>
</ul>
</div>
<p></p>
</div>
</html>

<script type="text/javascript">
function toggle(Info,pic) {
var CState = document.getElementById(Info);
CState.style.display = (CState.style.display != 'block') ? 'block' : 'none';
if (CState.style.display == 'none') { document.getElementById(Info+'Char').inn
erHTML = '+'; }
else { document.getElementById(Info+'Char').innerHTML = '-'; }
}
</script>
</body>
<p></p>
</div>
</html>

<p></p>
<p style="box-sizing: border-box; margin: 0px 0px 10px; clear: left; color: rgb(
51, 51, 51); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-s
ize: 14px; line-height: 20px;"><br />
<br />
<br />
<br />
<br />
&nbsp;</p>
</div>
</div>
</div>
<p>{Footer}</p>
</body>
</html>

You might also like