Address
Street 12345,
678 90 City
Phone: +49 777 777 777
Fax: +49 222 777 333
E-mail: info@domain.cpm
Open hours: 10am - 6pm mon-sun
Billing information
iD: 24924816
VAT ID: CZ24924816
Registered at the Municipal court of Prague, section C, insert 496953
<div id="contact-anchor" class="a-anchor"></div>
<section class="o-contact7">
<div class="row no-gutters">
<div class="o-contact7__column col-md-12">
<div class="o-contact7__inner">
<h3 class="font-normal line-height-normal">Address</h3>
<p>Street 12345,<br>678 90 City<br>Phone: <a href="tel:+49777777777" class="text-underline-never text-black">+49 777 777 777</a><br>Fax: +49 222 777 333<br>E-mail: <a href="mailto:info@domain.com" class="text-underline-never text-black">info@domain.cpm</a><br>Open hours: 10am - 6pm mon-sun</p>
<h3 class="font-normal line-height-normal">Billing information</h3>
<p>iD: 24924816<br>VAT ID: CZ24924816</p>
<p>Registered at the Municipal court of Prague, section C, insert 496953 </p>
</div>
</div>
<div class="o-contact7__column col-md-12">
<div class="o-contact7__embed jq_gmap" data-gmap-options='<?php echo json_encode([ 'center' => [ 'lat' => 40.453054, 'lng' => -3.688344 ], 'zoom' => 13, 'fullscreenControl' => false, 'scrollwheel' => false ]); ?>'>
<span data-gmarker-options='<?php echo json_encode([ 'position' => [ 'lat' => 40.453054, 'lng' => -3.688344 ] ]); ?>'></span>
</div>
</div>
</div>
</section>.o-contact7 {
background: color('gray-light');
&__column {
display: flex;
position: relative;
&:before {
content: '';
margin-right: -1px;
padding-bottom: 100%;
width: 1px;
}
}
&__inner {
align-self: center;
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 15%;
}
&__embed {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
}import 'js-src/common/gmap';