/home/bdqbpbxa/demo-subdomains/adaptiq.goodface.com.ua/frontend/services.html
<!DOCTYPE html>
<html lang="en">

<head>
	<title>
		Services
	</title>

	<!-- TODO: Set or remove page description -->
	<meta charset="utf-8">
	<meta name="description" content="Page description">

	<!-- TODO: Delete noindex on production -->
	<meta name="robots" content="noindex">
	<meta name="googlebot" content="noindex">

	<!-- TODO: Set absolute page URL -->
	<link rel="canonical" href="https://sitename.com/page">

	<!-- Mobile -->
	<meta name="viewport"
		content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<meta name="format-detection" content="telephone=no">

	<!-- Styles -->
	<link rel="stylesheet" type="text/css" href="css/lib/swiper-bundle.min.css">
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<link rel="stylesheet" type="text/css" href="css/adaptive.css">

<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
	<link rel="manifest" href="images/favicon/site.webmanifest">
	<link rel="mask-icon" href="images/favicon/safari-pinned-tab.svg" color="#5bbad5">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="theme-color" content="#ffffff">


</head>

<body>

	<main>
		<header class="header">
			<div class="container">
				<div class="header__wrapper">
					<a href="index.html" class="logo">
						<img src="images/ui-kit/logo-black.png" alt="Logo black">
						<img src="images/ui-kit/logo-white.png" alt="Logo white">
					</a>
					<a href="careers.html" class="default-button -bordered">
						We’re hiring!
					</a>
					<div class="header__burger">
						<span></span>
						<span></span>
					</div>
				</div>
			</div>
			<div class="header__menu --black-section">
				<div class="header__menu-wrapper">
					<div class="scrollable-section">
						<div class="container">
							<div class="header__menu-menu title-1 mob-title-1">
								<a href="index.html">
									Home
								</a>
								<a href="services.html">
									Services
								</a>
								<a href="cases.html">
									Cases<sup class="title-3 mob-text-2 --light">34</sup>
								</a>
								<a href="about.html">
									About Us
								</a>
								<a href="careers.html">
									Careers<sup class="title-3 mob-text-2 --light">34</sup>
								</a>
							</div>
							<a href="contact.html" class="default-button">
								Get in touch
							</a>
						<div class="img">
							<img src="images/ui-kit/black-cube.svg" alt="">
						</div>
</div>
					</div>
					<div class="header__menu-footer">
						<div class="container">
							<div class="header__menu-footer-content">
								<p class="text text-2 mob-text-2 --light">
									Talk to us directly <a href="mailto:contact@adaptiq.com">contact@adaptiq.com</a>
								</p>
								<p class="text text-2 mob-text-2 --light">
									Follow us on <a href="https://www.linkedin.com/company/adaptiqsoftware/">LinkedIn</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>

		<section class="inner-main-section">
			<div class="container">
				<div class="inner-main__wrapper">
					<div class="bubble-tag text-3 mob-text-3">
						services
					</div>
					<h1 class="title-1 mob-title-1 title --red-dot">
						How we create <br>
						strong R&D centers.
					</h1>
				</div>
			</div>
		</section>

		<section class="discovery-section">
			<div class="container">
				<div class="discovery-wrapper">
					<div class="discovery-wrapper__left">
						<div class="--accordion cube-acordion" data-accordion-group="cube-acordions">
							<div class="--accordion__open title-3 mob-title-3 --light">
								<span class="title">
									Discovery stage
								</span>
								<span class="opener"></span>
							</div>
							<div class="--accordion__content-container">
								<div class="--accordion__content">
									<p class="text text-2 mob-text-2 --light">
										On this stage we determine business need of your company, plan future recruting plans and required
										resources.
									</p>
								</div>
							</div>
						</div>
						<div class="--accordion cube-acordion" data-accordion-group="cube-acordions">
							<div class="--accordion__open title-3 mob-title-3 --light">
								<span class="title">
									Requirements stage
								</span>
								<span class="opener"></span>
							</div>
							<div class="--accordion__content-container">
								<div class="--accordion__content">
									<p class="text text-2 mob-text-2 --light">
										On this stage we determine business need of your company, plan future recruting plans and required
										resources.
									</p>
								</div>
							</div>
						</div>
						<div class="--accordion cube-acordion" data-accordion-group="cube-acordions">
							<div class="--accordion__open title-3 mob-title-3 --light">
								<span class="title">
									Design & Implementation stage
								</span>
								<span class="opener"></span>
							</div>
							<div class="--accordion__content-container">
								<div class="--accordion__content">
									<p class="text text-2 mob-text-2 --light">
										On this stage we determine business need of your company, plan future recruting plans and required
										resources.
									</p>
								</div>
							</div>
						</div>
						<div class="--accordion cube-acordion" data-accordion-group="cube-acordions">
							<div class="--accordion__open title-3 mob-title-3 --light">
								<span class="title">
									Maintenance & Scale stage
								</span>
								<span class="opener"></span>
							</div>
							<div class="--accordion__content-container">
								<div class="--accordion__content">
									<p class="text text-2 mob-text-2 --light">
										On this stage we determine business need of your company, plan future recruting plans and required
										resources.
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="discovery-wrapper__right">
						<div class="cube__wrapper">
							<div class="img -active">
								<picture>
									<source srcset="images/services/discovery-mob.png" media="(max-width: 760px)">
									<img src="images/services/discovery.png" alt="">
								</picture>
							</div>
							<div class="img">
								<picture>
									<source srcset="images/services/requirements-mob.png" media="(max-width: 760px)">
									<img src="images/services/requirements.png" alt="">
								</picture>
							</div>
							<div class="img">
								<picture>
									<source srcset="images/services/design-mob.png" media="(max-width: 760px)">
									<img src="images/services/design.png" alt="">
								</picture>
							</div>
							<div class="img">
								<picture>
									<source srcset="images/services/maintenance-mob.png" media="(max-width: 760px)">
									<img src="images/services/maintenance.png" alt="">
								</picture>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="clients-section">
			<div class="container">
				<div class="title-block">
					<div class="bubble-tag text-3 mob-text-3">
						clients
					</div>
					<div class="title-block__wrapper">
						<h2 class="title-1 mob-title-1 --red-dot">
							Companies trust us <br class="--pc-display"> <br class="--tablet-display">
							to build their teams.
						</h2>
						<p class="text-2 mob-text-2 --light">
							We are proud of our client and teams we build together.
						</p>
					</div>
				</div>
				<div class="client-list">

					<div class="client-card">
						<div class="client-card__preview">
							<div class="mobile-icon">
								<span></span>
								<span></span>
							</div>
							<div class="img">
								<img src="images/clients/client-1.png" alt="">
							</div>
						</div>
						<div class="client-card__content">
							<p class="top-tag text-2 mob-text-2 --light">
								Logistics
							</p>
							<p class="title title-3 mob-title-4">
								Bringg
							</p>
							<p class="text text-2 mob-text-2 --light">
								Facts and a brief descripription of the client and what it’s product is Achievements, goals.
							</p>
						</div>
					</div>
					<div class="client-card">
						<div class="client-card__preview">
							<div class="mobile-icon">
								<span></span>
								<span></span>
							</div>
							<div class="img">
								<img src="images/clients/client-2.png" alt="">
							</div>
						</div>
						<div class="client-card__content">
							<p class="top-tag text-2 mob-text-2 --light">
								Logistics
							</p>
							<p class="title title-3 mob-title-4">
								Bringg
							</p>
							<p class="text text-2 mob-text-2 --light">
								Facts and a brief descripription of the client and what it’s product is Achievements, goals.
							</p>
						</div>
					</div>
					<div class="client-card -double-card">
						<div class="client-card__preview -red-dot">
							<div class="mobile-icon">
								<span></span>
								<span></span>
							</div>
							<div class="img">
								<img src="images/clients/client-3.png" alt="">
							</div>
						</div>
						<div class="client-card__content">
							<p class="top-tag text-2 mob-text-2 --light">
								Logistics
							</p>
							<p class="title title-3 mob-title-4">
								Bringg
							</p>
							<p class="text text-2 mob-text-2 --light">
								Facts and a brief descripription of the client and what it’s product is Achievements, goals.
							</p>
							<div class="buttons-container">
								<a href="case-study.html" class="default-button -with-arrow">
									Read Case Study
								</a>
								<a href="creers.html" class="link link-1">
									See Open Positions
								</a>
							</div>
						</div>
					</div>

					<div class="client-card -double-card">
						<div class="client-card__preview -red-dot">
							<div class="mobile-icon">
								<span></span>
								<span></span>
							</div>
							<div class="img">
								<img src="images/clients/client-3.png" alt="">
							</div>
						</div>
						<div class="client-card__content">
							<p class="top-tag text-2 mob-text-2 --light">
								Logistics
							</p>
							<p class="title title-3 mob-title-4">
								Bringg
							</p>
							<p class="text text-2 mob-text-2 --light">
								Facts and a brief descripription of the client and what it’s product is Achievements, goals.
							</p>
							<div class="buttons-container">
								<a href="case-study.html" class="default-button -with-arrow">
									Read Case Study
								</a>
								<a href="creers.html" class="link link-1">
									See Open Positions
								</a>
							</div>
						</div>
					</div>
					<div class="client-card">
						<div class="client-card__preview -red-dot">
							<div class="mobile-icon">
								<span></span>
								<span></span>
							</div>
							<div class="img">
								<img src="images/clients/client-4.png" alt="">
							</div>
						</div>
						<div class="client-card__content">
							<p class="top-tag text-2 mob-text-2 --light">
								Logistics
							</p>
							<p class="title title-3 mob-title-4">
								Bringg
							</p>
							<p class="text text-2 mob-text-2 --light">
								Facts and a brief descripription of the client and what it’s product is Achievements, goals.
							</p>
							<div class="buttons-container">
								<a href="creers.html" class="link link-1">
									See Open Positions
								</a>
							</div>
						</div>
					</div>
					<div class="client-card">
						<div class="client-card__preview">
							<div class="mobile-icon">
								<span></span>
								<span></span>
							</div>
							<div class="img">
								<img src="images/clients/client-5.png" alt="">
							</div>
						</div>
						<div class="client-card__content">
							<p class="top-tag text-2 mob-text-2 --light">
								Logistics
							</p>
							<p class="title title-3 mob-title-4">
								Bringg
							</p>
							<p class="text text-2 mob-text-2 --light">
								Facts and a brief descripription of the client and what it’s product is Achievements, goals.
							</p>
						</div>
					</div>


					<div class="client-card">
						<div class="client-card__preview -red-dot">
							<div class="mobile-icon">
								<span></span>
								<span></span>
							</div>
							<div class="img">
								<img src="images/clients/client-6.png" alt="">
							</div>
						</div>
						<div class="client-card__content">
							<p class="top-tag text-2 mob-text-2 --light">
								Logistics
							</p>
							<p class="title title-3 mob-title-4">
								Bringg
							</p>
							<p class="text text-2 mob-text-2 --light">
								Facts and a brief descripription of the client and what it’s product is Achievements, goals.
							</p>
							<div class="buttons-container">
								<a href="creers.html" class="link link-1">
									See Open Positions
								</a>
							</div>
						</div>
					</div>
					<div class="client-card -double-card">
						<div class="client-card__preview">
							<div class="mobile-icon">
								<span></span>
								<span></span>
							</div>
							<div class="img">
								<img src="images/clients/client-7.png" alt="">
							</div>
						</div>
						<div class="client-card__content">
							<p class="top-tag text-2 mob-text-2 --light">
								Logistics
							</p>
							<p class="title title-3 mob-title-4">
								Bringg
							</p>
							<p class="text text-2 mob-text-2 --light">
								Facts and a brief descripription of the client and what it’s product is Achievements, goals.
							</p>
							<div class="buttons-container">
								<a href="case-study.html" class="default-button -with-arrow">
									Read Case Study
								</a>
							</div>
						</div>
					</div>
					<a href="contact.html" class="client-card -new-client">
						<div class="plus">
							<span></span>
							<span></span>
						</div>
						<p class="title title-3 mob-title-4">
							Become our client.
						</p>
					</a>
				</div>
			</div>
		</section>

		<section class="cta-section -not-home">
			<div class="container">
				<div class="cta-wrapper -another --black-section">
					<div class="cta-wrapper__content">
						<h2 class="title-1 mob-title-1 --red-dot">
							There is more.
						</h2>
						<p class="text text-2 mob-text-2">
							We have plenty of open positions.
						</p>
						<a href="careers.html" class="default-button">
							See more openings
						</a>
					</div>
					<div class="cta-wrapper__img">
						<picture>
							<source srcset="images/ui-kit/cta-cube-2-mob.png" media="(max-width: 760px)">
							<img src="images/ui-kit/cta-cube-2.png" alt="We’re hiring">
						</picture>
					</div>
				</div>
			</div>
		</section>

		<section class="breadcrumbs-section">
			<div class="container">
				<div class="breadcurmbs__wrapper text-2 mob-text-2 pc-breadcrumbs">
					<a href="index.html" class="home-link"></a>
					<p class="--light">Services</p>
				</div>
				<div class="mob-breadcrumbs breadcurmbs__wrapper text-2 mob-text-2">
					<a href="index.html">Home</a>
				</div>
			</div>
		</section>

		<footer class="footer">
			<div class="footer-contact --black-section" id="footer-contact">
				<div class="container">

					<div class="footer-contact__content -top">
						<div class="footer-contact__left">
							<div class="bubble-tag text-3 mob-text-3">
								Contact form
							</div>
							<h2 class="title title-1 mob-title-1 --red-dot">
								Let’s talk.
							</h2>
						</div>
						<div class="footer-contact__right"></div>
					</div>
					<div class="footer-contact__content">
						<div class="footer-contact__left">
							<p class="text text-2 --light">
								Please fill in the form below and a Adaptiq expert will contact you directly to see how we can help your
								business grow.
							</p>
							<div class="form">
								<form action="#">
									<div class="input-box" data-important="not-empty">
										<input type="text" placeholder="Name">
									</div>
									<div class="input-box">
										<input type="email" placeholder="E-mail" data-important="email">
									</div>
									<div class="input-box" data-important="not-empty">
										<textarea class="-adaptive-height" placeholder="Message"></textarea>
									</div>
									<div class="input-box --checkbox text-2 mob-text-2" data-important="checked">
										<input type="checkbox" checked>
										<span class="visible-part">
											<p>I agree to <a href="terms_conditions.html">Terms & Conditions</a> and <a
													href="terms_conditions.html">Privacy Policy</a></p>
										</span>
									</div>
									<input type="submit" class="submit default-button" value="Submit">
								</form>
							</div>
						</div>
						<div class="footer-contact__right">
							<a href="mailto:contact@adaptiq.co" class="title title-3">
								contact@adaptiq.co
							</a>
							<p class="text text-2 --light">
								Talk to us directly.
							</p>
							<div class="img">
								<img src="images/ui-kit/right-turned-white-cube.svg" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-content --black-section">
				<div class="container">
					<div class="footer-content__wrapper">
						<div class="footer-content__top footer-content__content">
							<div class="footer-content__top-menu text-2 mob-text-2 --bold">
								<a href="about.html">About</a>
								<a href="services.html">Services</a>
								<a href="cases.html">Cases</a>
								<a href="careers.html">Careers</a>
							</div>
							<p class="text text-2 mob-text-2 --light">
								Follow us on <a href="#">LinkedIn</a>
							</p>
						</div>
						<div class="footer-content__bottom footer-content__content">
							<div class="footer-content__bottom-menu">
								<p class="text text-2 mob-text-2 --light">© Adaptiq Ltd. 2022</p>
								<a href="terms_conditions.html" class="text-2 mob-text-2 --light">Terms & Conditions</a>
								<a href="terms_conditions.html" class="text-2 mob-text-2 --light">Privacy Policy</a>
							</div>
							<p class="text text-2 mob-text-2 --light">
								Designed by <a href="https://goodface.agency/">Goodface</a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</footer>
	</main>

	<script src="js/lib/jquery-3.6.0.min.js"></script>
	<script src="js/lib/swiper-bundle.min.js"></script>

	<script src="js/custom-solutions.js"></script>
	<script src="js/script.js"></script>
<script src="js/animations.js"></script>
	<script src="js/test.js"></script>

</body>

</html>