HtmlCode-Athena/testimonials.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">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 _active">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="testimonials">				<div class="testimonials__bg">					<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/real">									<span class="breadcrumbs__item" itemprop="name">Testimonials</span></a>								<meta itemprop="position" content="2" />							</li>						</ol>					</nav>					<div class="testimonials__content _container">						<div class="testimonials__row">							<h1 class="testimonials__title title title_w">Testimonials</h1>							<div class="testimonials__text">								<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>							<div class="testimonials__people"></div>						</div>					</div>				</div>			</section>			<div class="contents">				<section class="contents__content _container">					<div class="contents__row">						<div class="contents__block">							<h2 class="contents__title">Testimonial title</h2>							<p class="contents__text">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>							<div class="contents__row-text">								<div class="contents__items">									<div class="contents__item">										<h4 class="contents__subtitle">Location (court):</h4>										<p class="contents__subtext">Balashikha City Court</p>									</div>								</div>								<div class="contents__items">									<div class="contents__item">										<h4 class="contents__subtitle">Date:</h4>										<p class="contents__subtext">24 april 2019</p>									</div>								</div>							</div>						</div>						<div class="contents__block">							<h2 class="contents__title">Testimonial title</h2>							<p class="contents__text">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>							<div class="contents__row-text">								<div class="contents__items">									<div class="contents__item">										<h4 class="contents__subtitle">Location (court):</h4>										<p class="contents__subtext">Balashikha City Court</p>									</div>								</div>								<div class="contents__items">									<div class="contents__item">										<h4 class="contents__subtitle">Date:</h4>										<p class="contents__subtext">24 april 2019</p>									</div>								</div>							</div>						</div>					</div>					<div class="contents__block-big">						<h2 class="contents__title">Testimonial title</h2>						<p class="contents__text">							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 class="contents__row-text">							<div class="contents__items contents__items_big">							<div class="contents__items contents__items_big">								<div class="contents__item contents__item_big">									<h4 class="contents__subtitle">Location (court):</h4>									<p class="contents__subtext">Balashikha City Court</p>								</div>								<div class="contents__item contents__item_big">									<h4 class="contents__subtitle">Date:</h4>									<p class="contents__subtext">24 april 2019</p>								</div>							</div>						</div>					</div>				</section>				<section class="form-consultation">					<div class="form-consultation__content _container">					<div class="form-consultation__rows">					<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>				</section>				<section class="form-consult">					<div class="form-consult__content _container">						<div class="form-consult__image">							<picture><source srcset="img/about/1.webp" type="image/webp"><img src="img/about/1.png" alt=""></picture>						</div>						<div class="form-consult__row">							<h2 class="form-consult__title title title_w">Leave your contacts								for a free consultation</h2>							<form action="#" class="form-consult__body" data-message='Данные успешно отправлены'>								<div class="form-consult__column">									<div class="form-consult__items">										<div class="form-consult__item">											<input type="text" class="form-consult__input input input_cons _text _req" data-value="Name">										</div>										<div class="form-consult__item">											<input type="tel" class="form-consult__input input input_cons _phone _req" data-value="Phone">										</div>									</div>									<div class="form-consult__items">										<div class="form-consult__item">											<input type="email" class="form-consult__input input input_cons _email _req" placeholder="E-mail">										</div>										<button type="submit" class="form-consult__btn btn btn_cons">											Get a consultation											<picture><source srcset="img/icons/arrow_cons.webp" type="image/webp"><img src="img/icons/arrow_cons.png" alt=""></picture>										</button>													</div>								</div>								<div class="form-consult__column form-consult__column_b">									<p class="form-consult__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>				</section>				<section class="contents__content _container">					<div class="contents__row">						<div class="contents__block">							<h2 class="contents__title">Testimonial title</h2>							<p class="contents__text">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>							<div class="contents__row-text">								<div class="contents__items">									<div class="contents__item">										<h4 class="contents__subtitle">Location (court):</h4>										<p class="contents__subtext">Balashikha City Court</p>									</div>								</div>								<div class="contents__items">									<div class="contents__item">										<h4 class="contents__subtitle">Date:</h4>										<p class="contents__subtext">24 april 2019</p>									</div>								</div>							</div>						</div>						<div class="contents__block">							<h2 class="contents__title">Testimonial title</h2>							<p class="contents__text">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>							<div class="contents__row-text">								<div class="contents__items">									<div class="contents__item">										<h4 class="contents__subtitle">Location (court):</h4>										<p class="contents__subtext">Balashikha City Court</p>									</div>								</div>								<div class="contents__items">									<div class="contents__item">										<h4 class="contents__subtitle">Date:</h4>										<p class="contents__subtext">24 april 2019</p>									</div>								</div>							</div>						</div>					</div>					<div class="contents__block-big">						<h2 class="contents__title">Testimonial title</h2>						<p class="contents__text">							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 class="contents__row-text">							<div class="contents__items contents__items_big">								<div class="contents__items contents__items_big">									<div class="contents__item contents__item_big">										<h4 class="contents__subtitle">Location (court):</h4>										<p class="contents__subtext">Balashikha City Court</p>									</div>									<div class="contents__item contents__item_big">										<h4 class="contents__subtitle">Date:</h4>										<p class="contents__subtext">24 april 2019</p>									</div>								</div>							</div>						</div>				</section>			</div>			<div class="pagging _container">	<div class="pagging__content">		<a href="" class="pagging__arrow pagging__arrow_l">Prev</a>		<ul class="pagging__list">			<li><a href="#" class="pagging__item pagging__item_db">1</a></li>			<li><a href="#" class="pagging__item _active  pagging__item_db">2</a></li>			<li><a href="#" class="pagging__item">3</a></li>			<li><a href="#" class="pagging__item">4</a></li>			<li><a href="#" class="pagging__item">5</a></li>			<li class="pagging__dotts"> ... </li>			<li><a href="#" class="pagging__item pagging__item_db">12</a></li>		</ul>		<a href="" class="pagging__arrow pagging__arrow_r">Next</a>	</div>	<a class="pagging__btn btn btn_pag" href="#">Load more</a></div>		</main>		<footer class="footer footer_t">			<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__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 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>