"gmap"
Bootstrap 3.0.0 Snippet by evarevirus

Post to Facebook Tweet this

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="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="gmap-area">
<div class="container">
<div class="row">
<div class="col-sm-5 text-center">
<div class="gmap">
<iframe scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=JoomShaper,+Dhaka,+Dhaka+Division,+Bangladesh&aq=0&oq=joomshaper&sll=37.0625,-95.677068&sspn=42.766543,80.332031&ie=UTF8&hq=JoomShaper,&hnear=Dhaka,+Dhaka+Division,+Bangladesh&ll=23.73854,90.385504&spn=0.001515,0.002452&t=m&z=14&iwloc=A&cid=1073661719450182870&output=embed" frameborder="0"></iframe>
</div>
</div>
<div class="col-sm-7 map-content">
<ul class="row">
<li class="col-sm-6">
<address>
<h5>Head Office</h5>
<p>1537 Flint Street <br>
Tumon, MP 96911</p>
<p>Phone:670-898-2847 <br>
Email Address:info@domain.com</p>
</address>
<address>
<h5>Zonal Office</h5>
<p>1537 Flint Street <br>
Tumon, MP 96911</p>
<p>Phone:670-898-2847 <br>
Email Address:info@domain.com</p>
</address>
</li>
<li class="col-sm-6">
<address>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
.gmap-area {
background-image: url("http://s7.qtrpages.info/combine/../themes/jtherczeg-corlate/assets/images/map.jpg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0;
}
.gmap-area .gmap iframe {
border-radius: 50%;
height: 280px;
width: 300px;
}
.gmap{
border: 10px solid #f6f5f0;
border-radius: 50%;
height: 300px;
width: 300px;
box-shadow: 0px 0px 3px 3px #e7e4dc;
overflow: hidden;
position: relative;
margin: 0 auto;
}
.gmap-area .map-content ul {
list-style: none;
}
.gmap-area .map-content address h5{
font-weight: 700;
/* font-size: 16px; */
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Dashboard

Questions / Comments: