``````<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1 class="display-4">FAQ</h1>
<p class="lead">This is a Sample FAQ page.</p>
</div>
</div>

<br>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What is Data Structure?
</a>
</h4>

</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">Data structure is a fundamental concept of any programming language, essential for algorithmic design.
</div>
</div>
</div>
<div class="panel panel-default">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Benefits of Learning Data Structures
</a>
</h4>

</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">Any given problem has constraints on how fast the problem should be solved (time) and how much less resources the problem consumes(space). That is, a problem is constrained by the space and time complexity within which it has to be solved efficiently.
</div>
</div>
</div>
<div class="panel panel-default">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
What is an array?
</a>
</h4>

</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. </div>
</div>
</div>
</div>
</div>
</div>
</div>``````
``````
.panel-title > a:before {
float: right !important;
font-family: FontAwesome;
content:"\f068";
}
body{
background-color:#f5f5f5;
}
.panel-title > a.collapsed:before {
float: right !important;
content:"\f067";
}
.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus  {
text-decoration:none;
}
border-bottom: 1px solid transparent;
}
.panel {
margin-bottom: 20px !important;
background-color: #ffffff;
border: 1px solid transparent;
-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
box-shadow: 15px 16px 13px 8px rgb(4 4 4 / 5%);
}
.jumbotron {
margin-bottom: 30px;
color: inherit;
background-color: #00bcd4;
text-align: center;
color: #fff;
}

a{
color:#fff;
text-decoration:underline;
}``````