commit 3541db30ae6ff84abe65459e50789aff3edcecb0
Author: Evgeniy <evgeniy.cherepok@mail.ru>
Date:   Mon Oct 10 16:37:43 2022 +0300

    main 1 version

diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..b58b603
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/.idea/BodyMindCare.iml b/.idea/BodyMindCare.iml
new file mode 100644
index 0000000..0c8867d
--- /dev/null
+++ b/.idea/BodyMindCare.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..e426014
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/BodyMindCare.iml" filepath="$PROJECT_DIR$/.idea/BodyMindCare.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..1da1f89
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,438 @@
+body {
+    width: 100%;
+    margin: 0;
+    /*background-image: url("/static/img/elements1920/backgr1920.jpg");*/
+    background-size: cover;
+    background-position: top right;
+    background-attachment: fixed;
+    background-repeat: no-repeat;
+    font-family: Rubik;
+    height: 100%;
+
+}
+
+.full__container {
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    background-position: center;
+    position: relative;
+}
+
+.header {
+    height: 60px;
+    width: 100%;
+    background-position: center;
+    border-bottom: #CAB49D solid 2px;
+    position: fixed;
+    z-index: 10;
+    background-color: #FFFFFF
+    ;
+}
+
+.header-content {
+    display: flex;
+    max-width: 1330px;
+    width: 100%;
+    margin: 0 auto;
+    align-items: center;
+    height: 100%;
+    justify-content: space-between;
+
+}
+
+.menu-logotip {
+    font-weight: 700;
+    font-size: 24px;
+}
+
+.header-right {
+    width: 50%;
+    text-align-last: end;
+}
+
+.menu-item {
+    padding: 0 0 0 50px;
+    cursor: pointer;
+}
+
+.main {
+    margin: 0 auto;
+    max-width: 1330px;
+    width: 100%;
+    height: 100%;
+    margin-top: 90px;
+
+}
+
+
+.business-card {
+    background-color: #003A50;
+    height: 600px;
+    display: flex;
+    padding: 50px;
+}
+
+.business-card-info {
+    height: 100%;
+    width: 50%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    color: #FFFFFF
+    ;
+}
+
+
+.business-card-photo {
+    height: auto;
+    width: 50%;
+}
+
+.business-card-photo-img {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+}
+
+.profession {
+    font-size: 15px;
+    color: #CAB49D;
+}
+
+.name {
+    font-size: 48px;
+    padding: 20px 0 0 0;
+}
+
+.name-description {
+    width: 420px;
+    height: 66px;
+    padding: 30px 0 0 0;
+}
+                  
+.business-card-info-button-block {
+    padding: 50px 0 0 0;
+
+}     
+
+.business-card-info-button {
+    width: 190px;
+    height: 52px;
+    background-color: #003A50;
+    color: #FFFFFF;
+    border-color: #FFFFFF;
+    cursor: pointer;
+}
+
+.qualification-all-block {
+    height: 100px;
+    width: 100%;
+    border-bottom: #CAB49D solid 2px;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
+
+.qualification {
+    color: #CAB49D;
+    font-size: 64px;
+    width: 25%;
+}
+
+.qualification-description {
+    font-size: 16px;
+    color: #CAB49D;
+    padding: 0 0 0 20px;
+}
+
+.about-me-all-block {
+    width: 100%;
+    margin: 60px 0 0 0;
+    height: 430px;
+    display: flex;
+    align-items: center;
+}
+
+.about-me-photo {
+    display: flex;
+}
+
+.about-me-background {
+    width: 140px;
+    height: 430px;
+    background-color: #003A50;
+}
+
+.about-me-img-block {
+    width: 386px;
+    height: auto;
+    min-width: 386px;
+    padding: 0 0 0 30px;
+
+}
+
+.about-me-img {
+    object-fit: cover;
+    width: 100%;
+    max-height: 430px;
+    min-width: 386px;
+}
+
+.about-me-description {
+    width: 100%;
+
+}
+
+.about-me-description-title {
+    width: 480px;
+    margin: 0 auto;
+    font-size: 36px;
+    margin-bottom: 40px;
+}
+
+.about-me-description-paragraph-1 {
+    width: 480px;
+    margin: 0 auto;
+    margin-bottom: 20px;
+    font-size: 16px;
+}
+
+.about-me-description-paragraph-2 {
+    width: 480px;
+    margin: 0 auto;
+    font-size: 16px;
+}
+
+.education-title {
+    font-size: 36px;
+    margin: 60px 0 0 0;
+}
+
+.education-all-block {
+    margin: 30px 0 50px 0;
+    display: flex;
+}
+
+.education-achievement-block {
+    width: 820px;
+    border-bottom: #CAB49D solid 2px;
+    display: flex;
+    align-items: center;
+    height: 80px;
+}
+
+.education-achievement-data {
+    font-size: 32px;
+    color: #CAB49D;
+}
+
+.education-achievement-description {
+    padding: 0 0 0 40px;
+}
+
+.education-photo-block {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 0 0 0 30px;
+
+}
+
+.education-photo-1 {
+    max-width: 310px;
+    height: auto;
+    margin: 0 30px 0 0;
+}
+
+.education-photo-img-1 {
+    max-width: 310px;
+    max-height: 200px;
+    min-width: 310px;
+    min-height: 200px;
+    object-fit: cover;
+    padding: 0 0 27px 0;
+}
+
+.education-photo-2 {
+    max-width: 140px;
+    height: auto;
+}
+
+.education-photo-img-2 {
+    max-width: 140px;
+    padding: 0 0 27px 0;
+    max-height: 350px;
+    height: 350px;
+}
+
+
+.education-photo-img-3 {
+    max-width: 310px;
+    max-height: 310px;
+    min-width: 310px;
+    min-height: 310px;
+    object-fit: cover;
+}
+
+.education-photo-background {
+    width: 140px;
+    height: 160px;
+    background-color: #003A50;
+}
+.help-title {
+    font-size: 36px;
+    margin: 0 0 50px 0;
+}
+
+.help-all-block {
+    width: 100%;
+    margin: 0 0 50px 0;
+}
+
+.help-block-1 {
+    display: flex;
+    margin: 0 0 30px 0;
+}
+
+.help-block-2 {
+    display: flex;
+}
+
+.help-box-size-litle {
+    width: 310px;
+    height: 190px;
+}
+
+.help-box-size-big {
+    width: 480px;
+    height: 190px;
+}
+
+.help-box-number {
+    font-size: 111px;
+    padding: 0 0 0 20px;
+}
+
+.help-box-description {
+    font-size: 16px;
+    padding: 0 0 0 20px;
+}
+
+.help-box-1 {
+    background-color: #003A50;
+    margin: 0 30px 0 0;
+}
+
+.help-box-number-1 {
+    color: #003A50;
+    text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
+}
+
+.help-box-description-1 {
+    color: #FFFFFF;
+}
+
+.help-box-2 {
+    background-color: #CAB49D;
+    margin: 0 30px 0 0;
+}
+
+.help-box-number-2 {
+    color: #FFFFFF;
+}
+
+.help-box-description-2 {
+    color: #FFFFFF;
+}
+
+.help-box-3 {
+    border: 1px solid #003A50;
+    width: 478px !important;
+    height: 188px !important;
+}
+
+.help-box-number-3 {
+    color: #003A50;
+}
+
+.help-box-description-3 {
+    color: #003A50;
+}
+
+.help-box-4 {
+    border: 1px solid #CAB49D;
+    width: 478px !important;
+    height: 188px !important;
+    margin: 0 30px 0 0;
+}
+
+.help-box-number-4 {
+    color: #CAB49D;
+}
+
+.help-box-description-4 {
+    color: #CAB49D;
+}
+
+.help-box-5 {
+    background-color: #003A50;
+    margin: 0 30px 0 0;
+}
+
+.help-box-number-5 {
+    color: #CAB49D;
+}
+
+.help-box-description-5 {
+    color: #CAB49D;
+}
+
+.help-box-6 {
+    background-color: #CAB49D;
+}
+
+.help-box-number-6 {
+    color: #CAB49D;
+    text-shadow: -1px 0 #003A50, 0 1px #003A50, 1px 0 #003A50, 0 -1px #003A50;
+}
+
+.help-box-description-6 {
+    color: #003A50;
+}
+
+.article-title {
+    font-size: 36px;
+    margin: 0 0 50px 0;
+}
+
+.article-all-block {
+    display: flex;
+}
+
+.article-one-block {
+    display: flex;
+    flex-direction: column;
+    width: 310px;
+    padding: 0 20px 0 0;
+    bo
+}
+
+.article-block-photo {
+    max-width: 310px;
+    max-height: 190px;
+}
+
+.article-calendar-block {
+    height: 50px;
+    padding: 5px 0;
+}
+
+.article-news {
+    border: 1px solid #CAB49D;
+    padding: 5px 10px;
+}
+
+.article-calendar {
+    float: right;
+}
\ No newline at end of file
diff --git a/html/main.html b/html/main.html
new file mode 100644
index 0000000..3156e93
--- /dev/null
+++ b/html/main.html
@@ -0,0 +1,241 @@
+<!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>
\ No newline at end of file
diff --git a/img/0c596b5905c7fbae385cc94655c53630.png b/img/0c596b5905c7fbae385cc94655c53630.png
new file mode 100644
index 0000000..5c99495
Binary files /dev/null and b/img/0c596b5905c7fbae385cc94655c53630.png differ
diff --git a/img/18764b4b38d7bd126e83be93abcbe250.png b/img/18764b4b38d7bd126e83be93abcbe250.png
new file mode 100644
index 0000000..d5c773d
Binary files /dev/null and b/img/18764b4b38d7bd126e83be93abcbe250.png differ
diff --git a/img/789aa1a93a492057c1ccbe2f60f487ba.png b/img/789aa1a93a492057c1ccbe2f60f487ba.png
new file mode 100644
index 0000000..ff362f3
Binary files /dev/null and b/img/789aa1a93a492057c1ccbe2f60f487ba.png differ
diff --git a/img/b26415d384f5cb54f10b8c84f21acfb8.png b/img/b26415d384f5cb54f10b8c84f21acfb8.png
new file mode 100644
index 0000000..23d0c09
Binary files /dev/null and b/img/b26415d384f5cb54f10b8c84f21acfb8.png differ
diff --git a/img/logo1.jpg b/img/logo1.jpg
new file mode 100644
index 0000000..ff2bdac
Binary files /dev/null and b/img/logo1.jpg differ
diff --git a/img/photo1.jpg b/img/photo1.jpg
new file mode 100644
index 0000000..f7f9d73
Binary files /dev/null and b/img/photo1.jpg differ