Access_New/network.php

24 lines
3.8 KiB
PHP
Raw Normal View History

<?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="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<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="{ &quot;opacity&quot;: [0, 1], &quot;translateY&quot;: [50, 0], &quot;filter&quot;: [&quot;blur(20px)&quot;, &quot;blur(0px)&quot;], &quot;string&quot;: [&quot;contact us&quot;], &quot;duration&quot;: 400, &quot;delay&quot;: 0, &quot;speed&quot;: 50, &quot;easing&quot;: &quot;easeOutQuad&quot; }"><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 &amp; 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="{ &quot;effect&quot;: &quot;slide&quot;, &quot;direction&quot;: &quot;lr&quot;, &quot;color&quot;: &quot;#f7f7f7&quot;, &quot;duration&quot;: 1000, &quot;delay&quot;: 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');?>