<!-- Contacts Card with Map -->
<div class="card">
<div class="google-map" data-height="210" data-address="396 Lillian Blvd, Holbrook, NY 11741, USA" data-zoom="11" data-disable-controls="true" data-scrollwheel="true" data-marker="path-to-marker-image" data-marker-title="We are here!"></div>
<div class="card-body">
<h6>New York, USA</h6>
<div class="widget widget-contacts">
<ul>
<li>
<i class="fe-icon-map-pin"></i>
<span>Find us</span>
<a href="link-to-google-map" target="_blank">396 Lillian Blvd, Holbrook, NY 11741, USA</a>
</li>
<li>
<i class="fe-icon-phone"></i>
<span>Call us</span>
<a href="tel:+1212477690000">+1 (212) 477 690 000</a>
</li>
<li>
<i class="fe-icon-mail"></i>
<span>Write us</span>
<a href="mailto:newyork@example.com">newyork@example.com</a>
</li>
</ul>
</div>
</div>
</div>
//- Contacts Card with Map
.card
.google-map(
data-height = "210",
data-address = "396 Lillian Blvd, Holbrook, NY 11741, USA",
data-zoom = "11",
data-disable-controls = "true",
data-scrollwheel = "true",
data-marker = "path-to-marker-image",
data-marker-title = "We are here!"
)
.card-body
h6 New York, USA
.widget.widget-contacts
ul
li
i.fe-icon-map-pin
span Find us
a(href="link-to-google-map" target="_blank") 396 Lillian Blvd, Holbrook, NY 11741, USA
li
i.fe-icon-phone
span Call us
a(href="tel:+1212477690000") +1 (212) 477 690 000
li
i.fe-icon-mail
span Write us
a(href="mailto:newyork@example.com") newyork@example.com
