<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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#login-modal"
style="z-index: 9999; position: fixed; right: 0; bottom: 0; border-radius: 0px;">Comments
</button>
<div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="feedbackmodal-container">
<h1 id="feedbackFormTitle">Post Comments</h1><br>
<div style="margin-left: 130px;">
<div class="ajaxLoader" style="display: none;"></div>
</div>
<form id="feedbackForm" action="/action">
<input type="text" id="emailAddress" name="email_address" placeholder="Your email address" disabled="">
<select id="type" name="type" class="form-control feedbackTypeDropdown">
<option>Select comment Type</option>
<option value="general">General</option>
</select>
<textarea id="description" class="form-control feedbackDescription" name="description"
placeholder="Tell us something more"></textarea>
<input type="submit" name="login" class="login feedbackmodal-submit" id="FeedbackSubmitBtn"
value="Submit Comments">
</form>
<div class="feedback-help">
Feedback text
</div>
</div>
</div>
</div>