HtmlCode-Athena/services.html at main · AlexanderMihalich/HtmlCode-Athena · GitHub

1
<!DOCTYPE html><html lang="en"> <head>	<title>Главная</title>	<meta charset="UTF-8">	<meta name="format-detection" content="telephone=no">	<link rel="stylesheet" href="css/style.min.css">	<meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body>	<div class="wrapper">		<header class="header" id="header">	<div class="header__content _container">		<a href="#" class="header__column header__column_logo">			<picture><source srcset="img/Logo.webp" type="image/webp"><img src="img/Logo.png" alt=""></picture>		</a>		<nav class="header__menu menu">			<div class="menu__icon icon-menu">				<span></span>				<span></span>				<span></span>			</div>			<div class="menu__body">				<ul class="menu__list">					<li><a href="index.html" class="menu__link">Main</a></li>					<li>						<a href="#" class="menu__link _active">Services</a>						<span class="menu__arrow"></span>						<ul class="menu__sub-list">							<li><a href="#" class="menu__sub-link menu__sub-link_hv">Immigration</a></li>							<li><a href="service.html" class="menu__sub-link">Corporate</a></li>							<li><a href="services.html" class="menu__sub-link">Family</a></li>							<li><a href="#" class="menu__sub-link">Insurance</a></li>							<li><a href="#" class="menu__sub-link">Employment</a></li>							<li><a href="#" class="menu__sub-link">Human rights</a></li>							<li><a href="#" class="menu__sub-link menu__sub-link_af">Litigation</a></li>						</ul>					</li>					<li><a href="about.html" class="menu__link">About us</a></li>					<li><a href="testimonials.html" class="menu__link">Testimonials</a></li>					<li><a href="news.html" class="menu__link">News</a></li>					<li><a href="contacts.html" class="menu__link">Contacts</a></li>				</ul>			</div>		</nav>		<div class="header__column">			<div class="header__phone">				<div class="header__icon">					<a href="tel:9054550160"><picture><source srcset="img/header/phone.webp" type="image/webp"><img src="img/header/phone.png" alt=""></picture></a>				</div>				<div class="header__phone-row" data-da="menu__body,7,766">					<a href="tel:9054550160">905-455-0160</a>					<span>We accept calls 24/7</span>				</div>			</div>			<a class="header__btn btn btn_h _popup-link" href="#popup-entry" data-da="menu__body,6,766">request a call</a>		</div>	</div></header>		<main class="page">			<section class="about-us">				<div class="about-us__bg about-us__bg_fam">					<nav class="breadcrumbs _container">						<ol class="breadcrumbs__list" itemscope itemtype="https://schema.org/BreadcrumbList">							<li itemprop="itemListElement" itemscope ⦁ itemtype="https://schema.org/ListItem">								<a itemprop="item" href="https://example.com/dresses">									<span class="breadcrumbs__link" itemprop="name">Main</span></a>								<meta itemprop="position" content="1" />							</li>							<li itemprop="itemListElement" itemscope ⦁ itemtype="https://schema.org/ListItem">								<a itemprop="item" href="https://example.com/dresses">									<span class="breadcrumbs__link" itemprop="name">Services</span></a>								<meta itemprop="position" content="2" />							</li>							<li itemprop="itemListElement" itemscope ⦁ itemtype="https://schema.org/ListItem">								<a itemprop="item" href="https://example.com/dresses/real">									<span class="breadcrumbs__item" itemprop="name">Family</span></a>								<meta itemprop="position" content="3" />							</li>						</ol>					</nav>					<div class="about-us__content _container">						<div class="about-us__row about-us__row_serv">							<h1 class="about-us__title title title_w">Family</h1>							<div class="about-us__text text text_w">								<p>									Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of									classical Latin literature									from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney									College in Virginia.								</p>								<p>									The settlement of such disputes is carried out with the involvement of a family lawyer of the company									"Nobele"									in Moscow, whose services are delicate and achieve.								</p>							</div>							<a class="about-us__btn btn btn_ms _popup-link" href="#popup-entry">								Get a consultation								<picture><source srcset="img/icons/arrow-right.webp" type="image/webp"><img src="img/icons/arrow-right.png" alt=""></picture>							</a>						</div>						<div class="about-us__statistics statistics">							<div class="statistics__column statistics__column_1">								<span class="statistics__namber">12</span>								<p class="statistics__text statistics__text_1">									Years of impeccable work <br>									in the legal services market								</p>							</div>							<div class="statistics__column statistics__column_2">								<span class="statistics__namber">46</span>								<p class="statistics__text statistics__text_2">									Professional lawyers <br>									this is our close-knit team								</p>							</div>							<div class="statistics__column statistics__column_3">								<span class="statistics__namber">850</span>								<p class="statistics__text statistics__text_3">									The deals were completed by <br>									us for the entire period of work								</p>							</div>							<div class="statistics__column statistics__column_4">								<span class="statistics__namber">86%</span>								<p class="statistics__text statistics__text_4">									Clients returned to us to									solve other problems								</p>							</div>						</div>					</div>				</div>			</section>			<section class="family block">				<div class="family__content _container">					<h3 class="family__subtitle subtitle">Specialists</h3>					<h2 class="family__title title ">Family Law</h2>					<div class="family__row text text_abb">						<div class="family__column family__column_ma">							<p>								Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical								Latin literature								from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney								College in Virginia,								looked up one of the more obscure Latin words, consectetur.							</p>							<p>								Choosing the right family law firm to represent you is one of the most important decisions you will								make. Our lawyers								practice exclusively in the area family and divorce law. This special focus means we are well equipped								to deal with any								situation that may arise in a prompt and effective manner.							</p>						</div>						<div class="family__column">							<p>								We understand that this is a difficult time and, without a doubt, these								matters cause a great deal of stress and anxiety. The first step to protecting								your interests and defending your legal rights is speaking with one of our experienced family law and								divorce lawyers to								obtain personalized legal advice.							</p>							<p>								When you leave our office you will know where you stand and feel confident that our team has the								experience and the								skill to achieve the results you are looking for.							</p>						</div>					</div>				</div>			</section>			<section class="about about_ab">				<div class="about__content _container">					<div class="about__row">						<h3 class="about__subtitle subtitle">specialists</h3>						<h2 class="about__title title">Our Partners</h2>						<div class="about__text text text_ab">							<p>								However, it should not be forgotten that the framework and place of personnel training entails the								process of								introducing and modernizing the directions of progressive development. One should not, however, forget								that the.							</p>							<p>								Thus, the further development of various forms of activity allows us to carry out important tasks to								develop further								directions of development.							</p>						</div>						<div class="about__people about__people_ab"></div>					</div>				</div>			</section>			<section class="card-slider-2">				<div class="card-slider-2__bg block">					<div class="card-slider-2__content _container">						<div class="card-slider-2__row">							<div class="card-slider-2__header">								<div class="card-slider-2__titles">									<h3 class="card-slider-2__subtitle subtitle subtitle_w">Results</h3>									<h2 class="card-slider-2__title title title_w">We always <span>win 93%</span>										of all court cases</h2>								</div>								<div class="card-slider-2__arrow">									<div class="card-slider-2__arrow-prev swiper-button-prev"></div>									<div class="card-slider-2__arrow-next swiper-button-next"></div>								</div>							</div>							<div class="card-slider-2__sliders  card-sliders-02 swiper-container">								<div class="swiper-wrapper">									<div class="card-slider-2__slider swiper-slide">										<article class="card-slider-2__card slider-card-2">											<div class="slider-card-2__header">												<h4 class="slider-card-2__title">Testimonial title</h4>												<p class="slider-card-2__text slider-card-2__text_big text text_abb">Contrary to popular belief,													Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature													<br>													from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at													Hampden-Sydney College in Virginia												</p>											</div>											<div class="slider-card-2__row">												<div class="slider-card-2__column">													<div class="slider-card-2__item">														<h5 class="slider-card-2__subtitle">Location (court):</h5>														<p class="slider-card-2__text text text_abb">Balashikha City Court</p>													</div>												</div>												<div class="slider-card-2__column">													<div class="slider-card-2__item">														<h5 class="slider-card-2__subtitle">Date:</h5>														<p class="slider-card-2__text text text_abb">24 april 2019</p>													</div>												</div>											</div>										</article>									</div>								</div>							</div>						</div>						<a class="card-slider-2__btn btn btn_slider" href="#">see more cases</a>					</div>				</div>			</section>			<section class="form form_w">				<div class="form__content _container">					<div class="form__header">						<h2 class="form__title form__title_ab">Do you have questions about our							services, pricing or do you need a legal							assessment of the situation?</h2>						<div class="form__namber">							<a href="#" class="form__image">								<picture><source srcset="img/contacts/04.webp" type="image/webp"><img src="img/contacts/04.png" alt=""></picture>							</a>							<div class="form__contact">								<a href="#" class="form__link">									<!-- 905-455-0160 -->									<span itemprop="telephone">( 33 1) 42 68 53 00 </span>									<span itemprop="faxNumber">( 33 1) 42 68 53 01 </span>									<h3 class="form__name">Call us on the phone or leave										a message in the form below</h3>								</a>							</div>						</div>					</div>					<form action="#" id="form" class="form__body" data-message='Данные успешно отправлены'>						<div class="form__column">							<div class="form__items">								<div class="form__item">									<input id="formName" type="text" class="form__input input _text _req" data-value="Name">								</div>								<div class="form__item">									<input id="formDigital" type="text" class="form__input input _digital _req" data-value="ZIP code">								</div>							</div>							<div class="form__items">								<div class="form__item">									<input id="formEmail" type="email" class="form__input input  _email _req" placeholder="E-mail">								</div>								<div class="form__item">									<input id="formPhone" type="tel" class="form__input input  _phone _req" data-value="Phone">								</div>							</div>						</div>						<div class="form__column">							<textarea name="message" id="formMessage" class="form__input input" data-value="Message"></textarea>						</div>						<div class="form__column form__column_b">							<button type="submit" class="form__btn btn" id="btn">send a message</button>							<p class="form__text">By clicking the "Send message" button you								agree to the <span>terms of processing</span> your data</p>						</div>					</form>				</div>			</section>			<section class="seo-text">				<div class="seo-text__bg seo-text__bg_faq">					<div class="seo-text__content  seo-text__content_faq _container">						<div class="seo-text__row block">							<h3 class="seo-text__subtitle subtitle subtitle_w">faq</h3>							<h2 class="seo-text__title title title_w">Questions and answers</h2>							<div class="seo-text__tabs _tabs tabs-faq">								<div class="tabs-faq__column">									<div class="tabs-faq__items">										<div class="tabs-faq__item _tabs-item">											What is the correct way to file for divorce?										</div>										<div class="tabs-faq__block _tabs-block">											Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of											classical Latin											literature											from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney											College in											Virginia,											looked up one of the more obscure Latin words, consectetur.										</div>									</div>									<div class="tabs-faq__items">										<div class="tabs-faq__item _tabs-item">											What is the correct way to file for divorce?										</div>										<div class="tabs-faq__block _tabs-block">											Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of											classical Latin											literature											from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney											College in											Virginia,											looked up one of the more obscure Latin words, consectetur.										</div>									</div>									<div class="tabs-faq__items">										<div class="tabs-faq__item _tabs-item _active">											What is the correct way to file for divorce?										</div>										<div class="tabs-faq__block _tabs-block _active">											Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of											classical Latin											literature											from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney											College in											Virginia,											looked up one of the more obscure Latin words, consectetur.										</div>									</div>								</div>								<div class="tabs-faq__column">									<div class="tabs-faq__items">										<div class="tabs-faq__item _tabs-item">											What is the correct way to file for divorce?										</div>										<div class="tabs-faq__block _tabs-block">											Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of											classical Latin											literature											from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney											College in											Virginia,											looked up one of the more obscure Latin words, consectetur.										</div>									</div>									<div class="tabs-faq__items">										<div class="tabs-faq__item _tabs-item">											What is the correct way to file for divorce?										</div>										<div class="tabs-faq__block _tabs-block">											Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of											classical Latin											literature											from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney											College in											Virginia,											looked up one of the more obscure Latin words, consectetur.										</div>									</div>									<div class="tabs-faq__items">										<div class="tabs-faq__item _tabs-item">											What is the correct way to file for divorce?										</div>										<div class="tabs-faq__block _tabs-block">											Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of											classical Latin											literature											from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney											College in											Virginia,											looked up one of the more obscure Latin words, consectetur.										</div>									</div>								</div>							</div>						</div>					</div>				</div>			</section>			<section class="contacts">				<div class="contacts__content _container">					<h2 class="contacts__title title ">Contacts</h2>					<div class="contacts__row" itemscope itemtype="	">						<div class="contacts__item contacts__item_phone">							<a href="#" class=" contacts__img">								<picture><source srcset="img/contacts/01.webp" type="image/webp"><img src="img/contacts/01.png" alt=""></picture>							</a>							<a class="contacts__link" href="#">								<!-- 905-455-0160 -->								<span itemprop="telephone">( 33 1) 42 68 53 00 </span>								<span itemprop="faxNumber">( 33 1) 42 68 53 01 </span>							</a>							<span class="contacts__name">Phone</span>						</div>						<div class="contacts__item contacts__item_center contacts__item_email">							<a href="mailto:athena_company@gmail.com" class="contacts__img">								<picture><source srcset="img/contacts/03.webp" type="image/webp"><img src="img/contacts/03.png" alt=""></picture>							</a>							<a class="contacts__link" href="mailto:athena_company@gmail.com">								<!-- athena_company@gmail.com -->								<span itemprop="email">secretariat(at)google.org</span>							</a>							<span class="contacts__name">E-mail</span>						</div>						<div class="contacts__item contacts__item_addres">							<a href="https://www.google.com.ua/maps/place/ул.+Забелина,+1,+Москва,+Россия,+101000/@55.7545932,37.6376209,20.17z/data=!4m5!3m4!1s0x46b54af5e149b8f9:0xe080d2b02e60f1f5!8m2!3d55.7546981!4d37.6377098?hl=ru"								class="contacts__img">								<picture><source srcset="img/contacts/02.webp" type="image/webp"><img src="img/contacts/02.png" alt=""></picture>							</a>							<a class="contacts__link" href="#">								<!-- Moscow, st.Zabelina, 1 -->								<span itemprop="streetAddress">38 avenue de l'Opera</span>								<span itemprop="postalCode">F-75002</span>								<span itemprop="addressLocality">Paris, France</span>							</a>							<span class="contacts__name">Address</span>						</div>					</div>				</div>			</section>		</main>		<footer class="footer">	<div class="footer__content _container">		<div class="footer__row">			<div class="footer__column footer__column_logo">				<picture><source srcset="img/Logo.webp" type="image/webp"><img src="img/Logo.png" alt=""></picture>			</div>			<div class="footer__column footer__column__content">				<div class="footer__row-list"><div class="footer__list">	<h3 class="footer__title">Menu</h3>	<ul>		<li class="footer__link"><a href="#">Main</a></li>		<li class="footer__link"><a href="#">Services</a></li>		<li class="footer__link"><a href="#">Testimonial</a></li>		<li class="footer__link"><a href="#">News</a></li>		<li class="footer__link"><a href="#">Contacts</a></li>	</ul></div><div class="footer__list">	<h3 class="footer__title">Services</h3>	<ul>		<li class="footer__link"><a href="#">Immigration</a></li>		<li class="footer__link"><a href="#">Corporate</a></li>		<li class="footer__link"><a href="#">Family</a></li>		<li class="footer__link"><a href="#">Insurance</a></li>		<li class="footer__link"><a href="#">Employment</a></li>		<li class="footer__link"><a href="#">Human rights</a></li>		<li class="footer__link"><a href="#">Litigation</a></li>	</ul></div>				</div>				<div class="footer__list">					<h3 class="footer__title">Contacts</h3>					<div class="footer__contact">						<h4 class="footer__label">Phone:</h4>						<a class="footer__links" href="tel:9054550160">905-455-0160</a>					</div>					<div class="footer__contact">						<h4 class="footer__label">Address:</h4>						<a class="footer__links"							href="https://www.google.com.ua/maps/place/ул.+Забелина,+1,+Москва,+Россия,+101000/@55.7545932,37.6376209,20.17z/data=!4m5!3m4!1s0x46b54af5e149b8f9:0xe080d2b02e60f1f5!8m2!3d55.7546981!4d37.6377098?hl=ru">Moscow,							st.Zabelina, 1</a>					</div>					<div class="footer__contact">						<h4 class="footer__label">E-mail:</h4>						<a class="footer__links" href="mailto:athena_company@gmail.com">athena_company@gmail.com</a>					</div>				</div>			</div>		</div>		<div class="footer__footer">			<a href="#">© Athena 2021. All rights reserved.</a>			<div class="footer__footer-row">					<a href="#">Price policy</a>					<a href="#">Privacy policy</a>				<p>Designed by: <span>Tirasmedia</span></p>			</div>		</div>	</div></footer>	</div>	<div class="popup popup-entry" id="popup-entry">	<div class="popup__content">		<div class="popup__body">			<div class="popup__close"></div>			<div class="popup__form form-consultation">				<h2 class="form-consultation__title">Leave your <br> contacts					for a <br> free consultation</h2>				<form action="#" class="form-consultation__body" data-message='Данные успешно отправлены'>					<div class="form-consultation__column">						<div class="form-consultation__items">							<div class="form-consultation__item">								<input type="text" class="form-consultation__input input input_consultation _text _req" data-value="Name">							</div>							<div class="form-consultation__item">								<input type="tel" class="form-consultation__input input input_consultation _phone _req" data-value="Phone">							</div>						</div>						<div class="form-consultation__items">							<div class="form-consultation__item">								<input type="email" class="form-consultation__input input input_consultation _email _req" placeholder="E-mail">							</div>							<button type="submit" class="form-consultation__btn btn btn_consultation">								Get a consultation								<picture><source srcset="img/icons/arrow-right.webp" type="image/webp"><img src="img/icons/arrow-right.png" alt=""></picture>							</button>						</div>					</div>					<div class="form-consultation__column form-consultation__column_b">						<p class="form-consultation__text">By clicking the «Get a consultation» button you agree to the <a href="#">terms of								processing</a> your data</p>					</div>				</form>			</div>		</div>	</div></div><div class="popup popup-login" id="popup-login">	<div class="popup__content">		<div class="popup__body">			<div class="popup__close"></div>			<div class="popup__form-login"></div>		</div>	</div></div><!-- <div class="popup popup_video">	<div class="popup__content">		<div class="popup__body">			<div class="popup__close popup__close_video"></div>			<div class="popup__video _video"></div>		</div>	</div></div> -->	<script src="js/vendors.min.js"></script><script src="js/app.min.js"></script></body></html>