<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<footer class="section_all bg-light" id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section_title text-center">
<p class="mb-0">Get in touch</p>
<h3 class="font-weight-bold text-capitalize mb-0">Contact Me</h3>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-12">
<div class="text-center">
<button type="button" class="btn btn_custom btn_round" data-toggle="modal" data-target="#exampleModalCenter">Get In Touch</button>
<div class="modal fade" id="exampleModalCenter">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title mb-0 font-weight-bold" id="exampleModalLongTitle"> Contact Me</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form class="custom_form_body">
<div class="form-group">
<input type="text" class="form-control" id="fname" placeholder="First Name">
</div>
<div class="form-group">