%PDF-
%PDF-
Mini Shell
Mini Shell
<section class="landing-block g-pt-0 g-pb-0">
<div class="container-fluid g-font-size-16">
<div class="row">
<div class="landing-block-node-map-col col-md-12 col-lg-4 px-0 order-2 order-md-3 order-lg-1">
<div class="landing-block-node-map g-pos-rel h-100 g-min-height-430 g-min-height-680--lg" data-map>
</div>
</div>
<div class="landing-block-node-address-col col-md-6 col-lg-4 d-flex g-bg-primary text-center g-pa-40 order-1 order-lg-2">
<div class="landing-block-node-address-container align-self-center w-100">
<div class="landing-block-node-address-title-container g-mb-40">
<h6 class="landing-block-node-address-subtitle d-inline-block g-theme-travel-bg-black-v1 g-font-weight-700 g-color-white g-px-15 g-py-10 g-mb-20">
Contact Us
</h6>
<h2 class="landing-block-node-address-title text-uppercase u-heading-v8__title g-font-weight-700 g-font-size-40 mb-0">
<font color="#ffffff">Get in</font> touch
</h2>
</div>
<div class="landing-block-node-address-text g-line-height-1_3 g-font-size-16 g-color-white-opacity-0_8 g-mb-45">
<p>Aliquam dapibus quis sapien id pharetra. Vivamus iaculis est vitae libero tempus, in sollicitudin est consectetur porttitor iaculis pretium</p>
</div>
<address class="landing-block-card-address-container g-mb-40">
<div class="landing-block-card-address g-mb-20" data-card-preset="contact-link">
<div class="landing-block-card-address-title d-inline-block text-uppercase g-font-size-14 g-color-white-opacity-0_7 g-pr-5">Email:</div>
<a class="landing-block-card-address-link d-inline-block g-color-white text-uppercase g-font-size-14 g-font-weight-700" href="mailto:info@company24.com">
info@company24.com
</a>
</div>
<div class="landing-block-card-address g-mb-20" data-card-preset="contact-link">
<div class="landing-block-card-address-title d-inline-block text-uppercase g-font-size-14 g-color-white-opacity-0_7 g-pr-5">Phone number:</div>
<a class="landing-block-card-address-link d-inline-block g-color-white text-uppercase g-font-size-14 g-font-weight-700" href="tel:+48 555 2566 112">
+48 555 2566 112
</a>
</div>
<div class="landing-block-card-address g-mb-20" data-card-preset="contact-text">
<div class="landing-block-card-address-title d-inline-block text-uppercase g-font-size-14 g-color-white-opacity-0_7 g-pr-5">Address:</div>
<div class="landing-block-card-address-text d-inline-block text-uppercase g-font-size-14 g-color-white g-font-weight-700">
In sed lectus tincidunt
</div>
</div>
</address>
<ul class="landing-block-card-social-container list-inline mb-0">
<li class="landing-block-card-social list-inline-item g-mr-10" data-card-preset="twitter">
<a class="landing-block-card-social-link u-icon-v3 u-icon-size--xs g-width-35 g-height-35 g-color-primary g-color-white--hover g-bg-white g-bg-gray-dark-v2--hover g-transition-0_2 g-transition--ease-in" href=""><i class="landing-block-card-social-icon fa fa-twitter"></i></a>
</li>
<li class="landing-block-card-social list-inline-item g-mr-10" data-card-preset="pinterest">
<a class="landing-block-card-social-link u-icon-v3 u-icon-size--xs g-width-35 g-height-35 g-color-primary g-color-white--hover g-bg-white g-bg-gray-dark-v2--hover g-transition-0_2 g-transition--ease-in" href=""><i class="landing-block-card-social-icon fa fa-pinterest"></i></a>
</li>
<li class="landing-block-card-social list-inline-item g-mr-10" data-card-preset="facebook">
<a class="landing-block-card-social-link u-icon-v3 u-icon-size--xs g-width-35 g-height-35 g-color-primary g-color-white--hover g-bg-white g-bg-gray-dark-v2--hover g-transition-0_2 g-transition--ease-in" href=""><i class="landing-block-card-social-icon fa fa-facebook"></i></a>
</li>
<li class="landing-block-card-social list-inline-item g-mr-10" data-card-preset="linkedin">
<a class="landing-block-card-social-link u-icon-v3 u-icon-size--xs g-width-35 g-height-35 g-color-primary g-color-white--hover g-bg-white g-bg-gray-dark-v2--hover g-transition-0_2 g-transition--ease-in" href=""><i class="landing-block-card-social-icon fa fa-linkedin"></i></a>
</li>
</ul>
</div>
</div>
<div class="landing-block-node-third-col col-md-6 col-lg-4 d-flex g-theme-travel-bg-black-v1 text-center g-pa-40 order-3 order-md-2 order-lg-3">
<div class="align-self-center w-100">
<div class="u-heading-v8-2">
<h2 class="landing-block-node-third-col-title h1 text-uppercase u-heading-v8__title g-font-weight-700 g-font-size-26 g-color-white g-mb-30">
Have a questions?
</h2>
</div>
<div class="landing-block-form-styles" hidden>
<div class="g-bg-transparent h1 g-color-white g-brd-none g-pa-0"
data-form-style-wrapper-padding="1"
data-form-style-bg="1"
data-form-style-bg-content="1"
data-form-style-bg-block="1"
data-form-style-header-font-size="1"
data-form-style-main-font-weight="1"
data-form-style-border-block="1"
>
</div>
<div class="g-bg-white g-color-primary g-brd-primary"
data-form-style-main-bg="1"
data-form-style-main-border-color="1"
data-form-style-main-font-color-hover="1"
>
</div>
<div class="g-bg-primary-dark-v2 u-theme-restaurant-shadow-v1 g-brd-around g-color-gray-dark-v2 rounded-0"
data-form-style-input-bg="1"
data-form-style-input-box-shadow="1"
data-form-style-input-select-bg="1"
data-form-style-input-border="1"
data-form-style-input-border-radius="1"
data-form-style-button-font-color="1"
>
</div>
<div class="g-brd-around g-brd-gray-light-v2 g-brd-bottom g-bg-black-opacity-0_7"
data-form-style-input-border-color="1"
data-form-style-input-border-hover="1"
>
</div>
<p class="g-color-white-opacity-0_7"
data-form-style-second-font-color="1"
data-form-style-main-font-family="1"
data-form-style-main-font-weight="1"
data-form-style-header-text-font-size="1">
</p>
<h3 class="g-font-size-11 g-color-white"
data-form-style-label-font-weight="1"
data-form-style-label-font-size="1"
data-form-style-main-font-color="1"
>
</h3>
</div>
<div class="bitrix24forms g-brd-white-opacity-0_6 u-form-alert-v3"
data-b24form=""
data-b24form-use-style="Y"
data-b24form-show-header="N"
></div>
</div>
</div>
</div>
</div>
</section>
Zerion Mini Shell 1.0