"contact"
Bootstrap 4.1.1 Snippet by Nemra1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
<!------ Include the above in your HEAD tag ---------->
<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>
<!-- Modal -->
<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">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/*======================
14. Contact Us
========================*/
.contact_social_icons ul li a {
font-size: 24px;
color: #b1b1b1;
padding-right: 46px;
}
.contact_social_icons ul li a:hover{
color: #1ba974;
}
.bg-light {
background-color: #f8f9fa!important;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: