File "index.php"
Full path: /home/wrisexaf/public_html/flipsidegroup/index.php
File size: 24.67 KB
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor Back
<?php include 'include/head.php';?>
<?php include 'include/header.php';?>
<main>
<section class="s-hero">
<div class="container-fluid">
<div class="s-hero__bg" bis_skin_checked="1">
<div class="l-container s-hero__relative" bis_skin_checked="1">
<div class="s-hero__bg--1" bis_skin_checked="1">
<img src="images/redGradient.15c312f1.svg" width="2857" height="1633" alt="">
</div>
<div class="s-hero__bg--2" bis_skin_checked="1">
<img src="images/pinkGradient.63a092d0.svg" width="1574" height="2696" alt="">
</div>
<div class="s-hero__bg--4" bis_skin_checked="1">
<img src="images/whiteGradient.1413c0f5.svg" width="2421" height="2226" alt="">
</div>
</div>
<div class="s-hero__bg--texture" bis_skin_checked="1"></div>
</div>
<div class="s-hero__wrapper" bis_skin_checked="1">
<h1 class="st-outline">
<span>Impossible.</span>
</h1>
<div class="s-hero__done" bis_skin_checked="1">
<img src="images/hero-done.ee2faf51.svg" width="301" height="90" alt="Done text">
</div>
<div class="heroArrow" bis_skin_checked="1">
<svg width="84" height="88" viewBox="0 0 84 88" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M45.88 52.4001H5V35.2001H45.88H48.3061L46.5847 33.4905L29.8967 16.9176L40.84 5.97427L78.6658 43.8001L40.84 81.6258L29.8967 70.6825L46.5847 54.1096L48.3061 52.4001H45.88Z" stroke="white" stroke-width="2"></path>
</svg>
</div>
</div>
<div class="little-arrow" bis_skin_checked="1">
<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M27.4166 13.6249L14.5727 26.273L1.72881 13.6249L4.79573 10.6047L10.3777 16.1397L12.0818 17.8295L12.0818 15.4297L12.0818 1.43262L17.0636 1.43262L17.0636 15.4297L17.0636 17.8295L18.7677 16.1397L24.3497 10.6047L27.4166 13.6249Z" stroke="#FDF8F8" stroke-width="2"></path>
</svg>
</div>
</div>
</section>
<section style="padding-bottom:0; padding-top: 7rem;" id="contact-buttons" class="l-p-block s-contact-buttons">
<div class="l-container" bis_skin_checked="1">
<div class="| fade-up js-fade-up s-contact-buttons__container is-visible" bis_skin_checked="1">
<a href="javascript:void(0)" class="c-btn c-btn--contact open-menu-contact" bis_skin_checked="1"> Email us your ask <div class="arrow" bis_skin_checked="1"></div>
</a>
<a href="tel:02038160293" class="c-btn c-btn--contact" bis_skin_checked="1"> Call us <i class="fa-solid fa-phone"></i>
</a>
</div>
</div>
</section>
<section class="impossible-done">
<div class="container">
<div class="content s-intro__text">
<p>We are Flipside, a creative digital agency specialising in high-impact design & technology projects. We don’t preach about the transformational power of tech, we make it a reality. We get what seems like the <span style="text-decoration: underline;"> Impossible. Done.</span>
</p>
</div>
</div>
</section>
<section class="s-numered-cols">
<div class="container">
<h2 class="| heading heading-hidden js-heading st-outline st-outline--gradient st-scaleHeading transition-2 entry"> What we do </h2>
<p class="s-numered-cols__p"> At Flipside we build tools, experiences and campaigns that make life better for both people and businesses. </p>
<div class="s-numered-cols__grid" bis_skin_checked="1">
<div class="js-step s-numered-cols__grid__element js-step--1" bis_skin_checked="1">
<span>01.</span>
<h3>Digital transformation</h3>
<p> Our style of digital consultancy is human-shaped, shaking things up in a way that brings about big, long-lasting results. </p>
</div>
<div class="js-step s-numered-cols__grid__element js-step--2" bis_skin_checked="1">
<span>02.</span>
<h3>Digital product development</h3>
<p> We design and build everything from experiential websites and cutting-edge apps to smart chatbots and IoT devices. </p>
</div>
<div class="js-step s-numered-cols__grid__element js-step--3" bis_skin_checked="1">
<span>03.</span>
<h3>Marketing + analytics</h3>
<p> Our smart, multi-channel marketing and data management tools and strategies help our clients really understand their work. </p>
</div>
</div>
</div>
</section>
<section class=" s-ourWork">
<div class="l-container">
<h2 class="| heading heading-hidden js-heading st-outline st-scaleHeading transition-2 entry"> Our work </h2>
<div class="| c-projectBox fade-up js-fade-up papa-johns is-visible" bis_skin_checked="1">
<div class="c-projectBox__heading" bis_skin_checked="1">
<picture>
<img class="c-projectBox__heading__logo" width="85" height="17" src="images/papa-johns-logo@2x.a4d13b5e.webp" srcset="images/papa-johns-logo@2x.a4d13b5e.webp 2x,images/papa-johns-logo@2x.a4d13b5e.webp 3x" loading="lazy" alt="Papa John's Logo">
</picture>
<h3>How we delivered pizza delivery</h3>
<p>Digital product development</p>
<a href="/papa-johns.html" class="c-btn">View project <div class="arrow" bis_skin_checked="1"></div>
</a>
</div>
<div class="c-projectBox__img" bis_skin_checked="1">
<picture>
<img width="240" height="495" src="images/papa-johns-hero@2x.227dd18b.webp" srcset="images/papa-johns-hero@2x.227dd18b.webp 2x,images/papa-johns-hero@2x.227dd18b.webp 3x" loading="lazy" alt="Papa Johns mobile picture">
</picture>
</div>
</div>
<div class="| c-projectBox fade-up hp js-fade-up is-visible" bis_skin_checked="1">
<div class="c-projectBox__heading hp__heading2 hp__space" bis_skin_checked="1">
<picture>
<img class="c-projectBox__heading__logo" width="48" height="48" src="images/hpbox@2x.321ded6f.webp" srcset="images/hpbox@2x.321ded6f.webp 2x,images/hpbox@2x.321ded6f.webp 3x" loading="lazy" alt="HP Logo ">
</picture>
<h3>Revolutionising cookbook publishing</h3>
<p>Digital transformation</p>
<a href="/hp.html" class="c-btn">View project <div class="arrow" bis_skin_checked="1"></div>
</a>
</div>
<div class="c-projectBox__img" bis_skin_checked="1">
<picture>
<img width="237" height="453" src="images/hp-mobile@2x.bc9a1665.webp" srcset="images/hp-mobile@2x.bc9a1665.webp 2x,images/hp-mobile@2x.bc9a1665.webp 3x" loading="lazy" alt="HP mobile app ">
</picture>
</div>
<div class="c-projectBox__img2" bis_skin_checked="1">
<picture>
<img width="961" height="777" src="images/hp-hero-book.2371a3ab.webp" alt="">
</picture>
</div>
<div class="c-projectBox__img--mobile" bis_skin_checked="1">
<picture>
<source srcset="images/hp-mobile-mobile2.e46b2f46.webp" type="image/webp">
<source srcset="images/hp-mobile-mobile2.8bab1c97.png" type="image/png">
<img width="1208" height="976" src="images/hp-mobile-mobile2.8bab1c97.png" loading="lazy" alt="HP mobile app">
</picture>
</div>
</div>
<div class="| c-projectBox coca-cola fade-up js-fade-up is-visible" bis_skin_checked="1">
<div class="c-projectBox__heading coca-cola__projectBox__heading" bis_skin_checked="1">
<picture>
<img class="c-projectBox__heading__logo" width="88" height="29" src="images/cocacolabox@2x.55cdee0f.webp" srcset="images/cocacolabox@2x.55cdee0f.webp 2x,images/cocacolabox@2x.55cdee0f.webp 3x" loading="lazy" alt="Coca-Cola logo">
</picture>
<h3>Serving up a world of flavour</h3>
<p>Marketing + analytics</p>
<a href="/coca-cola.html" class="c-btn">View project <div class="arrow" bis_skin_checked="1"></div>
</a>
</div>
<div class="coca-cola__img" bis_skin_checked="1">
<picture>
<img width="600" height="478" src="images/coca-cola-mobile@2x.92b100a2.webp" srcset="images/coca-cola-mobile@2x.92b100a2.webp 2x,images/coca-cola-mobile@2x.92b100a2.webp 3x" loading="lazy" alt="Coca-cola mobile">
</picture>
</div>
</div>
</div>
</section>
<section class="| fade-up js-fade-up l-container s-cta-grid s-cta-grid--ar section-space--240 is-visible">
<div class="c-cta s-cta-grid__heading" bis_skin_checked="1">
<h2>Our clients</h2>
<p>We do game-changing immersive work for game-changing clients. We’re proud to assist businesses like... </p>
<a href="javascript:void(0)" class="c-btn open-bottom-contact"> Work with us <div class="arrow" bis_skin_checked="1"></div>
</a>
</div>
<div class="| ar-vr fade-up2 js-fade-up2 s-cta-grid__grid is-visible" bis_skin_checked="1">
<picture>
<source srcset="images/mcdonald@2x.b7830c92.png 2x, images/mcdonald@2x.b7830c92.png 3x" type="image/png">
<img class="logo__1" width="103" height="89" src="images/mcdonald@2x.b7830c92.png" srcset="images/mcdonald@2x.b7830c92.png 2x,images/mcdonald@2x.b7830c92.png 3x" loading="lazy" alt="MCDonald logo">
</picture>
<picture>
<source srcset="images/suzuki@2x.7c29b711.png 2x, images/suzuki@2x.7c29b711.png 3x" type="image/png">
<img class="logo__2" width="144" height="71" src="images/suzuki@2x.7c29b711.png" srcset="images/suzuki@2x.7c29b711.png 2x,images/suzuki@2x.7c29b711.png 3x" loading="lazy" alt="Suzuki logo">
</picture>
<picture>
<source srcset="images/papajohns@2x.375df4d9.png 2x, images/papajohns@2x.375df4d9.png 3x" type="image/png">
<img class="logo__3" width="140" height="28" src="images/papajohns@2x.375df4d9.png" srcset="images/papajohns@2x.375df4d9.png 2x,images/papajohns@2x.375df4d9.png 3x" loading="lazy" alt="Papajohns logo">
</picture>
<picture>
<source srcset="images/tinder@2x.216841fb.png 2x, images/tinder@2x.216841fb.png 3x" type="image/png">
<img class="logo__4" width="150" height="53" src="images/tinder@2x.216841fb.png" srcset="images/tinder@2x.216841fb.png 2x,images/tinder@2x.216841fb.png 3x" loading="lazy" alt="Tinder logo">
</picture>
<picture>
<source srcset="images/coca-cola@2x.49a3428f.png 2x, images/coca-cola@2x.49a3428f.png 3x" type="image/png">
<img class="logo__5" width="200" height="49" src="images/coca-cola@2x.49a3428f.png" srcset="images/coca-cola@2x.49a3428f.png 2x,images/coca-cola@2x.49a3428f.png 3x" loading="lazy" alt="Coca-Cola logo">
</picture>
<picture>
<source srcset="images/hp@2x.859c7133.png 2x, images/hp@2x.859c7133.png 3x" type="image/png">
<img class="logo__6" width="70" height="72" src="images/hp@2x.859c7133.png" srcset="images/hp@2x.859c7133.png 2x,images/hp@2x.859c7133.png 3x" loading="lazy" alt="HP logo">
</picture>
<picture>
<source srcset="images/imd@2x.f094396a.png 2x, images/imd@2x.f094396a.png 3x" type="image/png">
<img class="logo__7" width="108" height="77" src="images/imd@2x.f094396a.png" srcset="images/imd@2x.f094396a.png 2x,images/imd@2x.f094396a.png 3x" loading="lazy" alt="IMD logo">
</picture>
<picture>
<source srcset="images/uncommon@2x.ad8dcf1d.png 2x, images/uncommon@2x.ad8dcf1d.png 3x" type="image/png">
<img class="logo__8" width="173" height="33" src="images/uncommon@2x.ad8dcf1d.png" srcset="images/uncommon@2x.ad8dcf1d.png 2x,images/uncommon@2x.ad8dcf1d.png 3x" loading="lazy" alt="Uncommon logo">
</picture>
<picture>
<source srcset="images/snickers@2x.13c6f916.png 2x, images/snickers@2x.13c6f916.png 3x" type="image/png">
<img class="logo__9" width="164" height="43" src="images/snickers@2x.13c6f916.png" srcset="images/snickers@2x.13c6f916.png 2x,images/snickers@2x.13c6f916.png 3x" loading="lazy" alt="Snickers logo">
</picture>
<picture>
<source srcset="images/catch@2x.d3f2cd3d.png 2x, images/catch@2x.d3f2cd3d.png 3x" type="image/png">
<img class="logo__10" width="125" height="36" src="images/catch@2x.d3f2cd3d.png" srcset="images/catch@2x.d3f2cd3d.png 2x,images/catch@2x.d3f2cd3d.png 3x" loading="lazy" alt="Catch logo">
</picture>
<picture>
<source srcset="images/catch@2x.d3f2cd3d.png 2x, /texaco@3x.8e50c33f.png 3x" type="image/png">
<img class="logo__11" width="95" height="91" src="images/catch@2x.d3f2cd3d.png" srcset="images/catch@2x.d3f2cd3d.png 2x,images/catch@2x.d3f2cd3d.png 3x" loading="lazy" alt="Texaco logo">
</picture>
<picture>
<source srcset="images/uber@2x.a1a1ff1d.png 2x, images/uber@2x.a1a1ff1d.png 3x" type="image/png">
<img class="logo__12" width="136" height="48" src="images/uber@2x.a1a1ff1d.png" srcset="images/uber@2x.a1a1ff1d.png 2x,images/uber@2x.a1a1ff1d.png 3x" loading="lazy" alt="Uber logo">
</picture>
<picture>
<source srcset="images/compete@2x.90f02e82.png 2x, images/compete@2x.90f02e82.png 3x" type="image/png">
<img class="logo__13" width="182" height="65" src="images/compete@2x.90f02e82.png" srcset="images/compete@2x.90f02e82.png.png 2x,images/compete@2x.90f02e82.png 3x" loading="lazy" alt="Compete logo">
</picture>
<picture>
<source srcset="images/nesquik@2x.f03458ad.png 2x, images/nesquik@2x.f03458ad.png 3x" type="image/png">
<img class="logo__14" width="144" height="65" src="images/nesquik@2x.f03458ad.png" srcset="images/nesquik@2x.f03458ad.png 2x,images/nesquik@2x.f03458ad.png 3x" loading="lazy" alt="Nesquik logo">
</picture>
<picture>
<source srcset="images/tesco@2x.fbf97900.png 2x, images/tesco@2x.fbf97900.png 3x" type="image/png">
<img class="logo__15" width="162" height="79" src="images/tesco@2x.fbf97900.png" srcset="images/tesco@2x.fbf97900.png 2x,images/tesco@2x.fbf97900.png 3x" loading="lazy" alt="Tesco logo">
</picture>
</div>
</section>
<section class="l-container s-text-with-big-images">
<div class="| c-cta fade-up js-fade-up s-text-with-big-images__heading is-visible" bis_skin_checked="1">
<h2>Our studio</h2>
<p> Our 120-strong team of digital strategists, UX and UI designers, animators, technical leads, native app developers, web developers, backend engineers and project managers are based between 2 studios. </p>
</div>
<div class="s-text-with-big-images__imgs" bis_skin_checked="1">
<div class="| fade-up js-fade-up s-text-with-big-images__img s-text-with-big-images__img--1 is-visible" bis_skin_checked="1">
<picture>
<img src="images/studio-2@2x.d5a276ee.webp" srcset="images/studio-2@2x.d5a276ee.webp 2x,images/studio-2@2x.d5a276ee.webp 3x" loading="lazy" alt="Studio picture " width="940" height="1336">
</picture>
</div>
<div class="| fade-up js-fade-up s-text-with-big-images__img s-text-with-big-images__img--2 is-visible" bis_skin_checked="1">
<picture>
<img src="images/studio-1@2x.f69a6ae6.webp" srcset="images/studio-1@2x.f69a6ae6.webp 2x,images/studio-1@2x.f69a6ae6.webp 3x" loading="lazy" alt="Studio picture " width="940" height="1336">
</picture>
</div>
<div class="| fade-up js-fade-up s-text-with-big-images__img s-text-with-big-images__img--3 is-visible" bis_skin_checked="1">
<picture>
<img src="images/studio-3@2x.d6815055.webp" srcset="images/studio-3@2x.d6815055.webp 2x,images/studio-3@2x.d6815055.webp 3x" loading="lazy" alt="Studio picture " width="940" height="1336">
</picture>
</div>
<div class="| fade-up js-fade-up s-text-with-big-images__img s-text-with-big-images__img--4 is-visible" bis_skin_checked="1">
<picture>
<img src="images/studio-4@2x.cf349774.webp" srcset="images/studio-4@2x.cf349774.webp 2x,images/studio-4@2x.cf349774.webp 3x" loading="lazy" alt="Studio picture " width="940" height="1336">
</picture>
<div class="s-text-with-big-images__img--4__Text st-outline--gradient" bis_skin_checked="1"> London </div>
</div>
</div>
<!-- <div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden" bis_skin_checked="1"><div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-315px, 0px, 0px);" bis_skin_checked="1"><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="3" bis_skin_checked="1" style="width: 315px;"><picture><source srcset="/studio-4@2x.cf349774.webp 2x, /studio-4@3x.c4619b96.webp 3x" type="image/webp"><source srcset="/studio-4@2x.9da65a63.png 2x, /studio-4@3x.e1a372c6.png 3x" type="image/png"><img src="https://flipsidegroup.com/studio-4@2x.9da65a63.png" srcset="https://flipsidegroup.com/studio-4@2x.9da65a63.png 2x,https://flipsidegroup.com/studio-4@3x.e1a372c6.png 3x" loading="lazy" alt="Studio picture " width="940" height="1336"></picture></div><div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" bis_skin_checked="1" style="width: 315px;"><picture><source srcset="/studio-2@2x.d5a276ee.webp 2x, /studio-2@3x.76a99c0d.webp 3x" type="image/webp"><source srcset="/studio-2@2x.e82bec03.png 2x, /studio-2@3x.8fb0ee40.png 3x" type="image/png"><img src="https://flipsidegroup.com/studio-2@2x.e82bec03.png" srcset="https://flipsidegroup.com/studio-2@2x.e82bec03.png 2x,https://flipsidegroup.com/studio-2@3x.8fb0ee40.png 3x" loading="lazy" alt="Studio picture " width="940" height="1336"></picture></div><div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" bis_skin_checked="1" style="width: 315px;"><picture><source srcset="/studio-1@2x.f69a6ae6.webp 2x, /studio-1@3x.6a861af6.webp 3x" type="image/webp"><source srcset="/studio-1@2x.d7913dc4.png 2x, /studio-1@3x.e63666a4.png 3x" type="image/png"><img src="https://flipsidegroup.com/studio-1@2x.d7913dc4.png" srcset="https://flipsidegroup.com/studio-1@2x.d7913dc4.png 2x,https://flipsidegroup.com/studio-1@3x.e63666a4.png 3x" loading="lazy" alt="Studio picture " width="940" height="1336"></picture></div><div class="swiper-slide" data-swiper-slide-index="2" bis_skin_checked="1" style="width: 315px;"><picture><source srcset="/studio-3@2x.d6815055.webp 2x, /studio-3@3x.99a519db.webp 3x" type="image/webp"><source srcset="/studio-3@2x.227d3985.png 2x, /studio-3@3x.3727a076.png 3x" type="image/png"><img src="https://flipsidegroup.com/studio-3@2x.227d3985.png" srcset="https://flipsidegroup.com/studio-3@2x.227d3985.png 2x,https://flipsidegroup.com/studio-3@3x.3727a076.png 3x" loading="lazy" alt="Studio picture " width="940" height="1336"></picture></div><div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="3" bis_skin_checked="1" style="width: 315px;"><picture><source srcset="/studio-4@2x.cf349774.webp 2x, /studio-4@3x.c4619b96.webp 3x" type="image/webp"><source srcset="/studio-4@2x.9da65a63.png 2x, /studio-4@3x.e1a372c6.png 3x" type="image/png"><img src="https://flipsidegroup.com/studio-4@2x.9da65a63.png" srcset="https://flipsidegroup.com/studio-4@2x.9da65a63.png 2x,https://flipsidegroup.com/studio-4@3x.e1a372c6.png 3x" loading="lazy" alt="Studio picture " width="940" height="1336"></picture></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" bis_skin_checked="1" style="width: 315px;"><picture><source srcset="/studio-2@2x.d5a276ee.webp 2x, /studio-2@3x.76a99c0d.webp 3x" type="image/webp"><source srcset="/studio-2@2x.e82bec03.png 2x, /studio-2@3x.8fb0ee40.png 3x" type="image/png"><img src="https://flipsidegroup.com/studio-2@2x.e82bec03.png" srcset="https://flipsidegroup.com/studio-2@2x.e82bec03.png 2x,https://flipsidegroup.com/studio-2@3x.8fb0ee40.png 3x" loading="lazy" alt="Studio picture " width="940" height="1336"></picture></div></div></div> -->
</section>
<section id="contact" class="s-contact">
<div class="l-container s-contact__box" bis_skin_checked="1">
<div class="contact__bg contact__bg--1" bis_skin_checked="1">
<picture>
<img src="images/contact-bg-main-1.b97855b5.webp" alt="" loading="lazy" width="2777" height="1553">
</picture>
</div>
<div class="contact__bg contact__bg--2" bis_skin_checked="1">
<picture>
<img src="images/contact-bg-main-2.a151de65.webp" alt="" loading="lazy" width="2611" height="1588">
</picture>
</div>
<div class="contact__bg contact__bg--3" bis_skin_checked="1">
<picture>
<img src="images/contact-bg-main-3.bee1b391.png" alt="" loading="lazy" width="2611" height="1588">
</picture>
</div>
<div class="js-contact" bis_skin_checked="1">
<div class="InputBox" bis_skin_checked="1">
<div class="c-box InputWrapper" bis_skin_checked="1">
<h2>Let’s talk</h2>
<p> Want to chat with us about your mobile, web or digital ideas? <br> Call us on <a href="tel:02038160293" data-phones="0203 816 0293,1 212 660 0558" bis_skin_checked="1">
<strong>0203 816 0293</strong>
</a> or fill in the contact form below. </p>
<div class="div-step" bis_skin_checked="1">
<a href="javascript:void(0)" class="btn-step c-btn revColors" bis_skin_checked="1">Tell us your requirement <div class="arrow arrowDark" bis_skin_checked="1"></div>
</a>
</div>
</div>
</div>
<form class="js-contact-form" action="sendmail.php" method="post">
<div class="s-contact__wrapper" bis_skin_checked="1">
<div class="c-box send-success" bis_skin_checked="1">
<h2>Thank you</h2>
<p> Keep an eye on your email. A Flipsider will be in touch with you soon. </p>
</div>
<div class="s-contact__group" bis_skin_checked="1">
<div class="InputBox" bis_skin_checked="1">
<p class="InputBox-heading">What is your name?</p>
<div class="InputWrapper" bis_skin_checked="1">
<input class="Input test" type="text" id="footer-form-name" name="name" placeholder=" " required="">
<label for="footer-form-name" class="InputLabel InputLabel--mobile">Name</label>
<div class="input-invalid" bis_skin_checked="1">Invalid form value</div>
<div class="div-step" bis_skin_checked="1">
<a href="javascript:void(0)" class="btn-step c-btn revColors" bis_skin_checked="1">OK <div class="arrow arrowDark" bis_skin_checked="1"></div>
</a>
</div>
</div>
</div>
<div class="InputBox" bis_skin_checked="1">
<p class="InputBox-heading">Thanks, and your email?</p>
<div class="InputWrapper" bis_skin_checked="1">
<input class="Input tryingunput" type="email" id="footer-form-email" name="email" placeholder=" " pattern="[^@]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$" required="">
<label for="footer-form-email" class="InputLabel InputLabel--mobile">Email*</label>
<div class="input-invalid" bis_skin_checked="1">Invalid form value</div>
<div class="div-step" bis_skin_checked="1">
<a href="javascript:void(0)" class="btn-step c-btn revColors" bis_skin_checked="1">OK <div class="arrow arrowDark" bis_skin_checked="1"></div>
</a>
</div>
</div>
</div>
</div>
<div class="s-contact__group" bis_skin_checked="1">
<div class="InputBox" bis_skin_checked="1">
<p class="InputBox-heading"> And finally, please tell about your project. </p>
<div class="InputWrapper" bis_skin_checked="1">
<textarea class="Input textarea" name="help-message" placeholder=" " required=""></textarea>
<label class="textareaLabel">Tell us how we can help</label>
<div class="input-invalid" bis_skin_checked="1">Invalid form value</div>
<div class="c-btn__button" bis_skin_checked="1">
<button class="c-btn revColors submiter" type="submit"> Send <span class="arrow arrowDark"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="| js-response-output s-contact__response-output" aria-hidden="true" bis_skin_checked="1"></div>
</form>
</div>
</div>
</section>
</main>
<?php include 'include/footer.php';?>
<?php include 'include/script.php';?>