"gmap"
Bootstrap 3.0.0 Snippet by evarevirus

<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> <h5>Zone#2 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>Zone#3 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> </ul> </div> </div> </div> </div>
.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; */ }

Related: See More


Questions / Comments: