<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container">
<div class="row">
<a class="btn btn-primary" data-toggle="modal" href="#ignismyModal">open Popup</a>
<div class="modal fade" id="ignismyModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label=""><span>×</span></button>
</div>
<div class="modal-body">
<div class="thank-you-pop">
<img src="http://goactionstations.co.uk/wp-content/uploads/2017/03/Green-Round-Tick.png" alt="">
<h1>Thank You!</h1>
<p>Your submission is received and we will contact you soon</p>
<h3 class="cupon-pop">Your Id: <span>12345</span></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>