main 1 version
This commit is contained in:
5
.idea/.gitignore
generated
vendored
Normal file
5
.idea/.gitignore
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
# Default ignored files
|
||||||
|
/shelf/
|
||||||
|
/workspace.xml
|
||||||
|
# Editor-based HTTP Client requests
|
||||||
|
/httpRequests/
|
||||||
12
.idea/BodyMindCare.iml
generated
Normal file
12
.idea/BodyMindCare.iml
generated
Normal file
@@ -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>
|
||||||
8
.idea/modules.xml
generated
Normal file
8
.idea/modules.xml
generated
Normal file
@@ -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>
|
||||||
6
.idea/vcs.xml
generated
Normal file
6
.idea/vcs.xml
generated
Normal file
@@ -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>
|
||||||
438
css/style.css
Normal file
438
css/style.css
Normal file
@@ -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;
|
||||||
|
}
|
||||||
241
html/main.html
Normal file
241
html/main.html
Normal file
@@ -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>
|
||||||
BIN
img/0c596b5905c7fbae385cc94655c53630.png
Normal file
BIN
img/0c596b5905c7fbae385cc94655c53630.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 MiB |
BIN
img/18764b4b38d7bd126e83be93abcbe250.png
Normal file
BIN
img/18764b4b38d7bd126e83be93abcbe250.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
BIN
img/789aa1a93a492057c1ccbe2f60f487ba.png
Normal file
BIN
img/789aa1a93a492057c1ccbe2f60f487ba.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
img/b26415d384f5cb54f10b8c84f21acfb8.png
Normal file
BIN
img/b26415d384f5cb54f10b8c84f21acfb8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 MiB |
BIN
img/logo1.jpg
Normal file
BIN
img/logo1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
BIN
img/photo1.jpg
Normal file
BIN
img/photo1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
Reference in New Issue
Block a user