241 lines
16 KiB
HTML
241 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<link rel="stylesheet" href="/BodyMindCare/css/style.css">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
|
||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||
<script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||
<script type="text/javascript" src="/static/js/script.js"></script>
|
||
|
||
|
||
<title>Document</title>
|
||
</head>
|
||
<body>
|
||
<div class="full__container">
|
||
<div class="header">
|
||
<div class="header-content">
|
||
<div class="header-left">
|
||
<span class="menu-logotip">BodyMindCare</span>
|
||
</div>
|
||
<div class="header-right">
|
||
<span class="menu-item">Главная</span>
|
||
<span class="menu-item">Услуги</span>
|
||
<span class="menu-item">Новости</span>
|
||
<span class="menu-item">Новость</span>
|
||
<span class="menu-item">Контакты</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="main">
|
||
<div class="business-card">
|
||
<div class="business-card-info">
|
||
<div class="profession">Психолог</div>
|
||
<div class="name">Имя <br> Фамилия</div>
|
||
<div class="name-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus magnam culpa laborum placeat minima recusandae optio fuga error commodi, tenetur ab inventore, aliquam laboriosam voluptatum illum, a minus possimus. Optio.</div>
|
||
<div class="business-card-info-button-block">
|
||
<button class="business-card-info-button">Записаться</button>
|
||
</div>
|
||
</div>
|
||
<div class="business-card-photo">
|
||
<img class="business-card-photo-img" src="../img/logo1.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="qualification-all-block">
|
||
<div class="qualification-block">
|
||
<span class="qualification">15</span><span class="qualification-description">лет опыта</span>
|
||
</div>
|
||
<div class="qualification-block">
|
||
<span class="qualification">12</span><span class="qualification-description">сертификатов</span>
|
||
</div>
|
||
<div class="qualification-block">
|
||
<span class="qualification">50+</span><span class="qualification-description">публикаций</span>
|
||
</div>
|
||
<div class="qualification-block">
|
||
<span class="qualification">95%</span><span class="qualification-description">довольных клиентов</span>
|
||
</div>
|
||
</div>
|
||
<div class="about-me-all-block">
|
||
<div class="about-me-photo">
|
||
<div class="about-me-background"></div>
|
||
<div class="about-me-img-block">
|
||
<img class="about-me-img" src="../img/photo1.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="about-me-description">
|
||
<div class="about-me-description-title">Обо мне</div>
|
||
<div class="about-me-description-paragraph-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates eveniet laudantium eius iure, deserunt deleniti quaerat unde officiis cumque numquam culpa? Modi in ratione nam placeat consequuntur, consequatur corporis temporibus.</div>
|
||
<div class="about-me-description-paragraph-2">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sit consequatur voluptatem earum incidunt. Velit quaerat quam sunt placeat nisi! Quibusdam excepturi laborum quisquam ullam accusamus quidem culpa nam officia eum!
|
||
Illo laboriosam distinctio sequi quisquam animi commodi temporibus perferendis minima ipsa suscipit tenetur, dolorem omnis ipsam asperiores nihil harum aspernatur quis in, laborum repudiandae incidunt amet itaque. Pariatur, eius ullam.</div>
|
||
</div>
|
||
</div>
|
||
<div class="education-title">Образование</div>
|
||
<div class="education-all-block">
|
||
<div class="education-achievement">
|
||
<div class="education-achievement-block">
|
||
<div class="education-achievement-data">2009</div>
|
||
<div class="education-achievement-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
|
||
</div>
|
||
<div class="education-achievement-block">
|
||
<div class="education-achievement-data">2011</div>
|
||
<div class="education-achievement-description">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
|
||
</div>
|
||
<div class="education-achievement-block">
|
||
<div class="education-achievement-data">2012</div>
|
||
<div class="education-achievement-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
|
||
</div>
|
||
<div class="education-achievement-block">
|
||
<div class="education-achievement-data">2015</div>
|
||
<div class="education-achievement-description">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
|
||
</div>
|
||
<div class="education-achievement-block">
|
||
<div class="education-achievement-data">2019</div>
|
||
<div class="education-achievement-description">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
|
||
</div>
|
||
<div class="education-achievement-block">
|
||
<div class="education-achievement-data">2020</div>
|
||
<div class="education-achievement-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
|
||
</div>
|
||
<div class="education-achievement-block">
|
||
<div class="education-achievement-data">2022</div>
|
||
<div class="education-achievement-description">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
|
||
</div>
|
||
</div>
|
||
<div class="education-photo-block">
|
||
<div class="education-photo-1">
|
||
<img class="education-photo-img-1" src="../img/0c596b5905c7fbae385cc94655c53630.png" alt="">
|
||
<img class="education-photo-img-3" src="../img/789aa1a93a492057c1ccbe2f60f487ba.png" alt="">
|
||
</div>
|
||
<div class="education-photo-2">
|
||
<img class="education-photo-img-2" src="../img/b26415d384f5cb54f10b8c84f21acfb8.png" alt="">
|
||
<div class="education-photo-background"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="help-title">Чем я могу помочь?</div>
|
||
<div class="help-all-block">
|
||
<div class="help-block-1">
|
||
<div class="help-box-1 help-box-size-litle">
|
||
<div class="help-box-number help-box-number-1">1</div>
|
||
<div class="help-box-description help-box-description-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio qui.</div>
|
||
</div>
|
||
<div class="help-box-2 help-box-size-big">
|
||
<div class="help-box-number help-box-number-2">2</div>
|
||
<div class="help-box-description help-box-description-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio qui.</div>
|
||
</div>
|
||
<div class="help-box-3 help-box-size-big">
|
||
<div class="help-box-number help-box-number-3">3</div>
|
||
<div class="help-box-description help-box-description-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio qui.</div>
|
||
</div>
|
||
</div>
|
||
<div class="help-block-2">
|
||
<div class="help-box-4 help-box-size-big">
|
||
<div class="help-box-number help-box-number-4">4</div>
|
||
<div class="help-box-description help-box-description-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio qui.</div>
|
||
</div>
|
||
<div class="help-box-5 help-box-size-litle">
|
||
<div class="help-box-number help-box-number-5">5</div>
|
||
<div class="help-box-description help-box-description-5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio qui.</div>
|
||
</div>
|
||
<div class="help-box-6 help-box-size-big">
|
||
<div class="help-box-number help-box-number-6">6</div>
|
||
<div class="help-box-description help-box-description-6">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio qui.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="article-title">Статьи</div>
|
||
<div class="article-all-block">
|
||
<div class="article-one-block">
|
||
<div class="article-block-photo">
|
||
<img class="article-block-photo" src="../img/18764b4b38d7bd126e83be93abcbe250.png" alt="">
|
||
</div>
|
||
<div class="article-calendar-block">
|
||
<span class="article-news">News</span>
|
||
<span class="article-calendar">25 янв 2022</span>
|
||
</div>
|
||
<div class="article-title-news">Lorem ipsum dolor sit amet consectetur</div>
|
||
<div class="article-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. A reprehenderit quibusdam harum deleniti! Mollitia voluptate obcaecati perspiciatis optio est quod expedita ducimus ipsa dolorem deleniti sint, at porro omnis autem!</div>
|
||
</div>
|
||
<div class="article-one-block">
|
||
<div class="article-block-photo">
|
||
<img class="article-block-photo" src="../img/18764b4b38d7bd126e83be93abcbe250.png" alt="">
|
||
</div>
|
||
<div class="article-calendar-block">
|
||
<span class="article-news">News</span>
|
||
<span class="article-calendar">25 янв 2022</span>
|
||
</div>
|
||
<div class="article-title-news">Lorem ipsum dolor sit amet consectetur</div>
|
||
<div class="article-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. A reprehenderit quibusdam harum deleniti! Mollitia voluptate obcaecati perspiciatis optio est quod expedita ducimus ipsa dolorem deleniti sint, at porro omnis autem!</div>
|
||
</div>
|
||
<div class="article-one-block">
|
||
<div class="article-block-photo">
|
||
<img class="article-block-photo" src="../img/18764b4b38d7bd126e83be93abcbe250.png" alt="">
|
||
</div>
|
||
<div class="article-calendar-block">
|
||
<span class="article-news">News</span>
|
||
<span class="article-calendar">25 янв 2022</span>
|
||
</div>
|
||
<div class="article-title-news">Lorem ipsum dolor sit amet consectetur</div>
|
||
<div class="article-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. A reprehenderit quibusdam harum deleniti! Mollitia voluptate obcaecati perspiciatis optio est quod expedita ducimus ipsa dolorem deleniti sint, at porro omnis autem!</div>
|
||
</div>
|
||
<div class="article-one-block">
|
||
<div class="article-block-photo">
|
||
<img class="article-block-photo" src="../img/18764b4b38d7bd126e83be93abcbe250.png" alt="">
|
||
</div>
|
||
<div class="article-calendar-block">
|
||
<span class="article-news">News</span>
|
||
<span class="article-calendar">25 янв 2022</span>
|
||
</div>
|
||
<div class="article-title-news">Lorem ipsum dolor sit amet consectetur</div>
|
||
<div class="article-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. A reprehenderit quibusdam harum deleniti! Mollitia voluptate obcaecati perspiciatis optio est quod expedita ducimus ipsa dolorem deleniti sint, at porro omnis autem!</div>
|
||
</div>
|
||
<div class="article-one-block">
|
||
<div class="article-block-photo">
|
||
<img class="article-block-photo" src="../img/18764b4b38d7bd126e83be93abcbe250.png" alt="">
|
||
</div>
|
||
<div class="article-calendar-block">
|
||
<span class="article-news">News</span>
|
||
<span class="article-calendar">25 янв 2022</span>
|
||
</div>
|
||
<div class="article-title-news">Lorem ipsum dolor sit amet consectetur</div>
|
||
<div class="article-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. A reprehenderit quibusdam harum deleniti! Mollitia voluptate obcaecati perspiciatis optio est quod expedita ducimus ipsa dolorem deleniti sint, at porro omnis autem!</div>
|
||
</div>
|
||
<div class="article-one-block">
|
||
<div class="article-block-photo">
|
||
<img class="article-block-photo" src="../img/18764b4b38d7bd126e83be93abcbe250.png" alt="">
|
||
</div>
|
||
<div class="article-calendar-block">
|
||
<span class="article-news">News</span>
|
||
<span class="article-calendar">25 янв 2022</span>
|
||
</div>
|
||
<div class="article-title-news">Lorem ipsum dolor sit amet consectetur</div>
|
||
<div class="article-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. A reprehenderit quibusdam harum deleniti! Mollitia voluptate obcaecati perspiciatis optio est quod expedita ducimus ipsa dolorem deleniti sint, at porro omnis autem!</div>
|
||
</div>
|
||
<div class="article-one-block">
|
||
<div class="article-block-photo">
|
||
<img class="article-block-photo" src="../img/18764b4b38d7bd126e83be93abcbe250.png" alt="">
|
||
</div>
|
||
<div class="article-calendar-block">
|
||
<span class="article-news">News</span>
|
||
<span class="article-calendar">25 янв 2022</span>
|
||
</div>
|
||
<div class="article-title-news">Lorem ipsum dolor sit amet consectetur</div>
|
||
<div class="article-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. A reprehenderit quibusdam harum deleniti! Mollitia voluptate obcaecati perspiciatis optio est quod expedita ducimus ipsa dolorem deleniti sint, at porro omnis autem!</div>
|
||
</div>
|
||
<div class="article-one-block">
|
||
<div class="article-block-photo">
|
||
<img class="article-block-photo" src="../img/18764b4b38d7bd126e83be93abcbe250.png" alt="">
|
||
</div>
|
||
<div class="article-calendar-block">
|
||
<span class="article-news">News</span>
|
||
<span class="article-calendar">25 янв 2022</span>
|
||
</div>
|
||
<div class="article-title-news">Lorem ipsum dolor sit amet consectetur</div>
|
||
<div class="article-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. A reprehenderit quibusdam harum deleniti! Mollitia voluptate obcaecati perspiciatis optio est quod expedita ducimus ipsa dolorem deleniti sint, at porro omnis autem!</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer"></div>
|
||
</div>
|
||
</body>
|
||
</html> |