My modal is not working, how to fix?

My code
 
<link rel=”stylesheet” href=”css/bootstrap.css”>
<link rel =”stylesheet” href=”css/font-awesome.css”>
<link rel =”stylesheet” href=”css/style.css”>
<script src=”js/bootstrap.js”> </script>
<script src=”js/jquery.js”> </script>
 
In body
 
<div class=”container”>
<div class=”page-header”>
<h2 class=”pull-left”>Check Out</h2>
<div class=”pull-right”><button class=”btn btn-success” data-toggle=”modal” data-target=”#Mymodal”>Proceed</button></div>
<!– The Proceed form’s model –>
<div id=”Mymodal” class=”modal” fade>
<div class=”modal-dialog” modal-sm>
<div class=”modal-content”>
<div class=”modal-header”> Modal Header</div>
<div class=”modal-body”> Modal Body</div>
<div class=”modal-footer”> Modal Footer</div>
</div>
</div>
</div>
<div class=”clearfix”></div>
</div>