File: /home/slfopp7cb1df/www/services.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700&display=swap&subset=cyrillic" rel="stylesheet">
<title>Services | On-told</title>
<link href="css/style.css" rel="stylesheet">
<link href="favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="favicon.png" rel="icon" type="image/x-icon">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="#3D0082" name="msapplication-TileColor">
<meta content="#3D0082" name="theme-color">
</head>
<body>
<div class="container" id="container">
<svg class="shape-overlays" preserveaspectratio="none" viewbox="0 0 100 100">
<defs>
<lineargradient id="gradient1" x1="0%" x2="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#F7973B"></stop>
<stop offset="100%" stop-color="#FF00A9"></stop>
</lineargradient>
<lineargradient id="gradient2" x1="0%" x2="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#E200FF"></stop>
<stop offset="100%" stop-color="#00FFE2"></stop>
</lineargradient>
<lineargradient id="gradient3" x1="0%" x2="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#110046"></stop>
<stop offset="100%" stop-color="#32004a"></stop>
</lineargradient>
</defs>
<path class="shape-overlays__path" d=""></path>
<path class="shape-overlays__path" d=""></path>
<path class="shape-overlays__path" d=""></path>
</svg>
<div class="menu" id="global-menu__item">
<div class="wrap">
<div class="wrap_float">
<div class="right">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="showcase.html">Showcase</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="about.html">About us</a>
</li>
<li class="dropdown_li">
<a class="dropdown_a" href="blog.html">Blog</a>
<ul>
<li>
<a href="blog.html">General Fullwidth</a>
</li>
<li>
<a href="blog-right-sidebar.html">General Right Sidebar</a>
</li>
<li>
<a href="blog.html">Single Fullwidth</a>
</li>
<li>
<a href="blog-single-sidebar.html">Single Right Sidebar</a>
</li>
<li>
<a href="blog-search-result.html">Search results</a>
</li>
<li>
<a href="blog-search-no-results.html">No results</a>
</li>
</ul>
</li>
<li>
<a href="404.html">404 page</a>
</li>
</ul>
</div>
<div class="left">
<div class="title">
Contacts
</div>
<div class="tel">
<a href="#">+1(217)303-2334</a>
</div>
<div class="email">
<a href="mailto:digistrict@yandex.ru">digistrict@yandex.ru</a>
</div>
<div class="link js-modal-form">
Let’s be in touch
</div>
<div class="mob-socials">
<a href="#" class="behance"></a>
<a href="#" class="instagram"></a>
<a href="#" class="twitter"></a>
</div>
</div>
</div>
</div>
</div>
<div class="hum_btn hamburger" id="menu-hamburger">
<svg class="ham hamRotate ham7" viewbox="0 0 100 100">
<path class="line top" d="m 70,33 h -40 c 0,0 -6,1.368796 -6,8.5 0,7.131204 6,8.5013 6,8.5013 l 20,-0.0013"></path>
<path class="line middle" d="m 70,50 h -40"></path>
<path class="line bottom" d="m 69.575405,67.073826 h -40 c -5.592752,0 -6.873604,-9.348582 1.371031,-9.348582 8.244634,0 19.053564,21.797129 19.053564,12.274756 l 0,-40"></path>
</svg>
</div>
<a class="head_btn" href="showcase.html">
<span></span>
<span></span>
<span></span>
<span></span>
</a>
<div class="single-page showcase services-page" id="showcase">
<div class="left-socials black">
<a class="instagram" href="#"></a>
<a class="twitter" href="#"></a>
<a class="behance" href="#"></a>
</div>
<div class="top_panel">
<div class="wrap">
<div class="wrap_float">
<a class="logo" href="/"></a>
</div>
</div>
</div>
<header class="page--head">
<div class="wrap">
<div class="wrap_float">
<h1 class="title" style="max-width: 505px;">Services. Amet suscipit frig lacus pulvinar</h1>
<a class="link js-modal-form"><span><span class="link-text">Let’s be in touch</span></span></a>
</div>
</div>
</header>
<section class="varieties" id="varieties">
<div class="wrap">
<div class="wrap_float">
<div class="section_content">
<div class="col">
<h3 class="_title">Branding</h3>
<ul class="_text">
<li>Research and brand strategy</li>
<li>Identification system</li>
<li>Product design and packaging</li>
<li>Advertising campaign</li>
</ul><a class="link" href="showcase.html"><span><span class="link-text">Discover now</span></span></a>
</div>
<div class="col">
<h3 class="_title">Digital</h3>
<ul class="_text">
<li>Research and brand strategy</li>
<li>Identification system</li>
<li>Product design and packaging</li>
<li>Advertising campaign</li>
</ul><a class="link" href="showcase.html"><span><span class="link-text">Discover now</span></span></a>
</div>
<div class="col">
<h3 class="_title">Pictures</h3>
<ul class="_text">
<li>Research and brand strategy</li>
<li>Identification system</li>
<li>Product design and packaging</li>
<li>Advertising campaign</li>
</ul><a class="link" href="showcase.html"><span><span class="link-text">Discover now</span></span></a>
</div>
<div class="col">
<h3 class="_title">Digital</h3>
<ul class="_text">
<li>Research and brand strategy</li>
<li>Identification system</li>
<li>Product design and packaging</li>
<li>Advertising campaign</li>
</ul><a class="link" href="showcase.html"><span><span class="link-text">Discover now</span></span></a>
</div>
<div class="col">
<div class="_title">
Pictures
</div>
<ul class="_text">
<li>Research and brand strategy</li>
<li>Identification system</li>
<li>Product design and packaging</li>
<li>Advertising campaign</li>
</ul><a class="link" href="showcase.html"><span><span class="link-text">Discover now</span></span></a>
</div>
</div>
</div>
</div>
</section>
<div class="faq">
<div class="wrap">
<div class="wrap_float">
<div class="text">
<b>Digital. The task of the organization,</b> especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned.
</div>
<div class="section_content">
<div class="faq_item active">
<div class="faq_item_question">
<span>The task of the organization</span>
</div>
<div class="faq_item_answer" style="display: block;">
Digital. The task of the organization, especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned. Digital. The task of the organization, especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned. Digital. The task of the organization, especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned.
</div>
</div>
<div class="faq_item">
<div class="faq_item_question">
<span>Equally, the implementation of the planned</span>
</div>
<div class="faq_item_answer">
Digital. The task of the organization, especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned. Digital. The task of the organization, especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned. Digital. The task of the organization, especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned.
</div>
</div>
<div class="faq_item">
<div class="faq_item_question">
<span>Lorem Ipsum passages, and more recentl</span>
</div>
<div class="faq_item_answer">
Digital. The task of the organization, especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned. Digital. The task of the organization, especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned. Digital. The task of the organization, especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned.
</div>
</div>
<div class="faq_item">
<div class="faq_item_question">
<span>Digital. The task of the organization</span>
</div>
<div class="faq_item_answer">
Digital. The task of the organization, especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned. Digital. The task of the organization, especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned. Digital. The task of the organization, especially the constant quantitative growth and the scope of our activity largely determines the creation of systems of mass participation. Equally, the implementation of the planned.
</div>
</div>
</div>
</div>
</div>
</div>
<section class="contacts-form">
<div class="wrap">
<div class="wrap_float">
<h2 class="title">Tell us about your project,<br>
please be descriptive.</h2>
<div class="section_content">
<div class="form">
<div class="fields">
<div class="input_wrap">
<input class="input placeholder js_input" placeholder="Full Name" type="text">
</div>
<div class="input_wrap">
<input class="input placeholder js_input" placeholder="Email" type="text">
</div>
<div class="input_wrap">
<input class="input placeholder js_input" placeholder="Phone" type="text">
</div>
<div class="input_wrap">
<textarea class="textarea placeholder js_input" placeholder="Your Message"></textarea>
</div>
</div>
<button class="submit btn"><span></span> <span class="text">Click for test</span></button>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<footer class="footer">
<div class="wrap">
<div class="wrap_float">
<div class="footer_top">
<h2 class="title">Have an idea or project?<br>
Let’s talk</h2>
<a class="link js-modal-form"><span><span class="link-text">Let’s be in touch</span></span></a>
</div>
<div class="footer_bottom">
<div class="left">
<div class="contact">
<a href="tel:+1 217 303 2334">+1(217)303-2334</a>
<a href="mailto:digistrict@yandex.ru">digistrict@yandex.ru</a>
</div>
<div class="copyr">
© 2018 Untold - All rights reserved
</div>
</div>
<div class="right">
Site created by <a href="#">Digistrict</a>
</div>
</div>
</div>
</div>
</footer>
<div class="modal_form" id="modal_form">
<div class="wrap">
<div class="wrap_float">
<h2 class="title" data-success="We have received your request, thank you!" style="max-width: 525px;">Tell us about your project, please be descriptive.</h2>
<div class="form_wrap">
<div class="form">
<div class="input_wrap">
<input class="input placeholder js_input" placeholder="Full Name" type="text">
</div>
<div class="input_wrap">
<input class="input placeholder js_input" placeholder="Email" type="text">
</div>
<div class="input_wrap">
<input class="input placeholder js_input" placeholder="Phone" type="text">
</div>
<div class="input_wrap">
<textarea class="textarea placeholder js_input" placeholder="Your Message"></textarea>
</div>
<button class="submit btn js-submit"><span></span> <span class="text">SEND</span></button>
</div>
</div>
<div class="success">
<button class="submit"><span></span><span class="text">SEND</span></button>
</div>
</div>
</div>
<div class="close active">
<svg class="ham hamRotate ham7" viewbox="0 0 100 100">
<path class="line top" d="m 70,33 h -40 c 0,0 -6,1.368796 -6,8.5 0,7.131204 6,8.5013 6,8.5013 l 20,-0.0013"></path>
<path class="line middle" d="m 70,50 h -40"></path>
<path class="line bottom" d="m 69.575405,67.073826 h -40 c -5.592752,0 -6.873604,-9.348582 1.371031,-9.348582 8.244634,0 19.053564,21.797129 19.053564,12.274756 l 0,-40"></path>
</svg>
</div>
</div>
<script defer src="js/jquery.min.js"></script>
<script defer src="js/slick.min.js"></script>
<script defer src="js/easings.js"></script>
<script defer src="js/jquery.placeholder.label.js"></script>
<script defer src="js/scripts.min.js"></script>
<script defer src="js/webkit-scripts.js"></script>
</body>
</html>