<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Return searched filtered in here</h2> </div> <div class="panel-group" id="accordion"> <div class="row"> <div class="col-xs-4 panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-file"> </span>Company</a> </h3> </div> <div id="collapseOne" class="panel-collapse collapse in"> <div class="panel-body"> <div class="row"> <ul> <li class="form-group"><label for="">Company Name</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Entity Type</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Company Geography</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Company Revenue</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Employee Range</label><input type="text" value="" class="form-control input-md" /></li> </ul> </div> </div> </div> </div> <div class="col-xs-4 panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><span class="glyphicon glyphicon-th-list"> </span>Company Financials</a> </h3> </div> <div id="collapseTwo" class="panel-collapse collapse"> <div class="panel-body"> <div class="row"> <ul> <li class="form-group"><label for="">Company Revenue</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Operating Profit</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Operating Margin</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Net Income</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Total Assets</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Market Capitalization</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Earnings Per Share</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Price Earnings Ratio (P/E)</label><input type="text" value="" class="form-control input-md" /></li> </ul> </div> </div> </div> </div> <div class="col-xs-4 panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><span class="glyphicon glyphicon-th-list"> </span>Deals</a> </h3> </div> <div id="collapseThree" class="panel-collapse collapse"> <div class="panel-body"> <div class="row"> <ul> <li class="form-group"><label for="">Company Role</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Investor/Advisor</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Deal Type</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Deal Sector</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Deal Value</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Year/Quarter</label><input type="text" value="" class="form-control input-md" /></li> </ul> </div> </div> </div> </div> </div> <div class="row"> <div class="col-xs-4 panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour"><span class="glyphicon glyphicon-file"> </span>Drugs</a> </h3> </div> <div id="collapseFour" class="panel-collapse collapse in"> <div class="panel-body"> <div class="row"> <ul> <li class="form-group"><label for="">Drug Category</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Drug Name</label> <input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Therapy Area/Indication</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Development Stage</label> <input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Route of Admin</label> <input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Molecule Type</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Drug Geography</label> <input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Target</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Mechanism of Action</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">ATC Classification</label> <input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Drug Type</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Designation Type</label> <input type="text" value="" class="form-control input-md" /></li> </ul> </div> </div> </div> </div> <div class="col-xs-4 panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive"><span class="glyphicon glyphicon-th-list"> </span>Trials</a> </h3> </div> <div id="collapseFive" class="panel-collapse collapse"> <div class="panel-body"> <div class="row"> <ul> <li class="form-group"><label for="">Therapy Area/Indication</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Trial Phase</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Trial Status</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Study Type</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Trial Location</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Sponsor/Collaborator/CRO</label><input type="text" value="" class="form-control input-md" /></li> </ul> </div> </div> </div> </div> <div class="col-xs-4 panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseSix"><span class="glyphicon glyphicon-th-list"> </span>Trials</a> </h3> </div> <div id="collapseSix" class="panel-collapse collapse"> <div class="panel-body"> <div class="row"> <ul> <li class="form-group"><label for="">Therapy Area/Indication</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Trial Phase</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Trial Status</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Study Type</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Trial Location</label><input type="text" value="" class="form-control input-md" /></li> <li class="form-group"><label for="">Sponsor/Collaborator/CRO</label><input type="text" value="" class="form-control input-md" /></li> </ul> </div> </div> </div> </div> </div> </div> </div>