24 lines
3.8 KiB
PHP
24 lines
3.8 KiB
PHP
|
<?php include('header.php');?>
|
||
|
<!--Hero Section-->
|
||
|
<section class="p-0 top-space-margin position-relative overflow-hidden" style="margin-top: 94px;">
|
||
|
<div class="container-fluid p-0 h-100 position-relative">
|
||
|
<div class="row g-0">
|
||
|
<div class="col-xl-4 col-lg-5 d-flex justify-content-center align-items-center ps-10 xxl-ps-6 xl-ps-4 md-ps-4 sm-ps-0 position-relative order-2 order-lg-1 appear anime-child anime-complete" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||
|
<div class="vertical-title-center align-items-center justify-content-center flex-shrink-0 w-75px sm-w-50px" style="">
|
||
|
<h1 class="title fs-15 alt-font text-dark-gray fw-700 text-uppercase ls-1px text-uppercase d-flex w-auto align-items-center m-0 appear" data-fancy-text="{ "opacity": [0, 1], "translateY": [50, 0], "filter": ["blur(20px)", "blur(0px)"], "string": ["contact us"], "duration": 400, "delay": 0, "speed": 50, "easing": "easeOutQuad" }"><span class="anime-text words chars splitting" data-splitting="true" style="--word-total: 2; --char-total: 9;"><span class="word" data-word="contact" style="--word-index: 0;"><span class="char" data-char="c" style="--char-index: 0; opacity: 1; transform: translateY(0px); filter: blur(0px);">c</span><span class="char" data-char="o" style="--char-index: 1; opacity: 1; transform: translateY(0px); filter: blur(0px);">o</span><span class="char" data-char="n" style="--char-index: 2; opacity: 1; transform: translateY(0px); filter: blur(0px);">n</span><span class="char" data-char="t" style="--char-index: 3; opacity: 1; transform: translateY(0px); filter: blur(0px);">t</span><span class="char" data-char="a" style="--char-index: 4; opacity: 1; transform: translateY(0px); filter: blur(0px);">a</span><span class="char" data-char="c" style="--char-index: 5; opacity: 1; transform: translateY(0px); filter: blur(0px);">c</span><span class="char" data-char="t" style="--char-index: 6; opacity: 1; transform: translateY(0px); filter: blur(0px);">t</span></span><span class="whitespace"> </span><span class="word" data-word="us" style="--word-index: 1;"><span class="char" data-char="u" style="--char-index: 7; opacity: 1; transform: translateY(0px); filter: blur(0px);">u</span><span class="char" data-char="s" style="--char-index: 8; opacity: 1; transform: translateY(0px); filter: blur(0px);">s</span></span></span></h1>
|
||
|
</div>
|
||
|
<div class="border-start border-color-extra-medium-gray ps-40px sm-ps-20px position-relative z-index-9" style="">
|
||
|
<h2 class="text-dark-gray fw-600 alt-font outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-20 md-me-0 sm-mb-0 ls-minus-3px">We're here to here answer & question you may have.</h2>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-xl-8 col-lg-7 position-relative one-half-screen order-1 order-lg-2 md-mb-50px">
|
||
|
<div class="overflow-hidden position-relative">
|
||
|
<div class="w-100 appear" data-anime="{ "effect": "slide", "direction": "lr", "color": "#f7f7f7", "duration": 1000, "delay": 0 }" style="position: relative;"> <img src="images/demo-branding-agency-contact-title-bg.jpg" alt="" class="w-100 liquid-parallax" data-parallax-liquid="true" data-parallax-position="top" data-parallax-scale="1.05" data-no-retina="" style="transform: translateY(-17.6872px) scale(1.019); opacity: 1;"> </div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</section>
|
||
|
<!--Hero Section End-->
|
||
|
<?php include('footer.php');?>
|