Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

styles fixed

Browse Source
This commit is contained in:
Антон
2024-10-29 10:24:51 +00:00
parent c0cbf73bb0
commit 59c0e82e15
3 changed files with 134 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/app.min.css vendored
View File

@@ -5954,9 +5954,9 @@ body:has(.hero){
.sub_title {
font-size: 14px;
}
.company_row .slick-list{
/* .company_row .slick-list{
overflow: visible;
}
} */
.feedback_item::before{
left: 0;
}

128
assets/css/style.css
View File

@@ -125,7 +125,7 @@
.medina_license .inf_block {
display: flex;
align-items: center;
gap: 106px;
gap: 83px;
width: 1266px;
}
.medina_license .inf_text_left {
@@ -184,7 +184,7 @@
.obtained_by .text_obtained {
display: flex;
flex-direction: column;
gap: 14px;
gap: 9px;
width: 592px;
}
.obtained_by .text_right_block {
@@ -256,7 +256,7 @@
.main_license .tabs_group {
display: flex;
align-items: flex-start;
gap: 123px;
gap: 146px;
}
.main_license .sections_tab {
max-width: 591px;
@@ -283,7 +283,7 @@
font-weight: 600;
line-height: 28.8px;
color: #000000;
margin-bottom: 32px;
margin-bottom: 12px;
position: relative;
}
.what_know .title_block {
@@ -306,7 +306,7 @@
justify-content: space-between;
}
.what_know .texts {
max-width: 489px;
max-width: 472px;
display: flex;
flex-direction: column;
gap: 12px;
@@ -365,7 +365,7 @@
font-weight: 600;
line-height: 38.4px;
color: #0F1521;
margin-bottom: 60px;
margin-bottom: 90px;
}
.block_big_stages{
display: block !important;
@@ -399,7 +399,7 @@
background-color: #F3F3F3;
border-radius: 10px;
width: 388px;
height: 190px;
position: relative;
}
.stages .title_item {
@@ -407,7 +407,7 @@
font-weight: 600;
line-height: 28.8px;
color: #0F1521;
margin-bottom: 26px;
margin-bottom: 11px;
}
.stages .text_item {
font-size: 16px;
@@ -464,9 +464,10 @@
font-weight: 300;
line-height: 19.2px;
color: #FFFFFF;
margin-top: -15px;
}
.stages .doc {
right: 33px;
right: 7px;
bottom: 0;
position: absolute;
}
@@ -532,7 +533,7 @@
}
.frequently {
padding: 100px 0;
padding: 0 0 100px 0;
background-color: #FFFFFF;
}
.frequently .accordion{
@@ -560,6 +561,7 @@
box-shadow: none;
background-color: #4E913C;
color: #FFFFFF;
font-weight: 600px;
}
.frequently .accordion-item:first-of-type > .accordion-header .accordion-button {
border-radius: 10px;
@@ -583,7 +585,7 @@
.frequently .accordion-button {
border-radius: 10px;
background-color: #F9F9F9;
padding: 31px 24px;
padding: 23px 24px;
font-size: 24px;
font-weight: 300;
line-height: 28.8px;
@@ -652,7 +654,7 @@
white-space: nowrap;
} */
.key_points .top_block {
margin-bottom: 60px;
margin-bottom: 45px;
}
.key_points .title_bottom_block {
font-size: 24px;
@@ -681,6 +683,7 @@
color: #0F1521;
position: relative;
text-decoration: underline !important;
margin-left: 24px;
}
.key_points .text_bottom_p:hover{
color: #71A800;
@@ -699,6 +702,9 @@
.transparent_process {
padding: 0 0 40px 0;
}
.stages .number_company{
font-size: 12px;
}
.transparent_process .title_block {
font-size: 24px;
font-weight: 600;
@@ -709,8 +715,8 @@
font-weight: 600;
line-height: 16.8px;
color: #0F1521;
margin-top: 15px;
margin-bottom: 32px;
margin-top: 8px;
margin-bottom: 25px;
}
.transparent_process .block_item {
flex-direction: column;
@@ -731,13 +737,12 @@
}
.medina_license {
padding: 60px 0;
padding-bottom: 0;
}
.medina_license .title_block {
font-size: 24px;
font-weight: 600;
line-height: 28.8px;
margin-bottom: 32px;
margin-bottom: 17px;
}
.medina_license .inf_block {
flex-direction: column;
@@ -761,18 +766,28 @@
}
.medina_license .right_text_inf {
padding: 8px;
padding-left: 24px;
padding-right: 24px;
margin-left: -1.5rem;
min-width: 100vw;
}
.medina_license .text_right_block {
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
}
.about_block{
padding: 11px;
}
.medina_license .img_ch {
width: 24px;
}
.obtained_by {
padding: 60px 0;
}
.key_points .texts, .key_points .block_text_bottom{
gap: 6px;
}
.obtained_by .title_block {
font-size: 24px;
font-weight: 600;
@@ -809,7 +824,8 @@
width: 100%;
}
.main_license {
padding: 60px 0;
padding: 20px 0;
overflow: hidden;
}
.main_license .title_block {
font-size: 24px;
@@ -840,18 +856,20 @@
justify-content: center;
width: 100%;
max-width: 200px;
padding: 20px !important;
width: max-content;
padding: 17px 27px !important;
margin-right: 10px;
}
.main_license .left_tab_block {
overflow: scroll;
margin-bottom: 32px;
margin-bottom: 5px;
}
.main_license .texts_li {
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
margin-left: 10px;
margin-left: 18px;
}
.main_license .right_sections_tab{
@@ -861,13 +879,13 @@
gap: 0;
}
.what_know {
padding-bottom: 60px;
padding-bottom: 36px;
}
.what_know .title_block {
font-size: 16px;
font-size: 24px;
font-weight: 600;
line-height: 19.2px;
margin-bottom: 24px;
margin-bottom: 11px;
}
.what_know .inf_block_know {
flex-direction: column;
@@ -877,7 +895,7 @@
padding: 0;
}
.what_know .texts {
gap: 8px;
gap: 6px;
padding: 8px;
padding-bottom: 24px;
max-width: 100%;
@@ -891,6 +909,10 @@
.what_know .second_texts {
padding-top: 24px;
background-color: #EEF4EC;
min-width: 100vw;
margin-left: -0.75rem;
padding-left: 24px;
padding-right: 24px;
}
.what_know .title_block_mini{
font-size: 16px;
@@ -900,7 +922,7 @@
position: relative;
z-index: 100;
}
.what_know .title_block_mini::before{
/* .what_know .title_block_mini::before{
content: '';
position: absolute;
width: 100%;
@@ -908,7 +930,7 @@
top: 0;
color: #EEF4EC;
background-color: #EEF4EC;
}
} */
.stages {
padding-bottom: 60px;
}
@@ -916,15 +938,16 @@
font-size: 24px;
font-weight: 600;
line-height: 28.8px;
margin-bottom: 32px;
margin-bottom: 12px;
}
.stages .items {
gap: 14px;
flex-direction: column;
}
.stages .item {
width: 100%;
height: auto;
padding: 16px 16px 40px 16px;
padding: 14px 16px 30px 16px;
}
.stages .item_block {
flex-direction: column;
@@ -937,7 +960,7 @@
font-size: 16px;
font-weight: 600;
line-height: 19.2px;
margin-bottom: 16px;
margin-bottom: 7px;
}
.stages .text_item {
font-size: 12px;
@@ -956,10 +979,14 @@
line-height: 38.4px;
}
.stages .form_block {
padding: 146px 52px 39px 22px;
padding: 146px 22px 39px 22px;
height: auto;
max-width: 500px;
margin: 0 auto;
min-width: 100vw;
margin-left: -1.5rem;
border-radius: 0px;
}
.stages .women_img{
right: 33%;
@@ -974,7 +1001,15 @@
font-size: 16px;
font-weight: 300;
line-height: 19.2px;
margin-bottom: 40px;
margin-bottom: 32px;
margin-top: -12px;
}
.company_row{
width: 100vw;
margin-left: -1.5rem;
}
.reviews .sub_title_h{
font-size: 24px;
}
.stages .bottom_text {
font-size: 16px;
@@ -1014,7 +1049,7 @@
flex-direction: column;
}
.frequently {
padding-bottom: 60px;
padding-bottom: 30px;
}
.frequently .faq_t {
font-size: 16px;
@@ -1029,9 +1064,8 @@
margin-bottom: 32px;
}
.frequently .accordion-button {
padding: 25px 40px 25px 16px;
padding: 14px 20px 16px 16px;
font-size: 16px;
font-weight: 600;
line-height: 19.2px;
}
.frequently .accordion-body {
@@ -1060,22 +1094,40 @@
line-height: 14.4px;
}
.key_points .top_block {
margin-bottom: 44px;
margin-bottom: 17px;
}
.key_points .block_text_bottom {
flex-direction: column;
gap: 12px;
margin-left: 20px;
gap: 6px;
}
.key_points .title_bottom_block {
font-size: 16px;
font-weight: 600;
line-height: 19.2px;
margin-bottom: 15px;
margin-bottom: 7px;
}
.key_points .text_bottom_p {
font-size: 12px;
font-weight: 300;
line-height: 14.4px;
}
.experience {
padding: 39px 0 39px 0;
margin: 0 !important;
background-color: #FFFFFF;
}
.team{
padding-top: 2px;
padding-bottom: 40px;
}
}
.up_title{
margin-top: 0;
margin-bottom: .5em;
}
.up_title + .serv-page__heading{
margin-bottom: 1.7em;
}

52
index.html
View File

@@ -50,8 +50,9 @@
<script type="text/javascript" src="https://xn--80ajpfhbgomfh1b.xn--p1ai/local/templates/centrconsult-new/assets/js/scripts/simple_form_11_2.js"></script>
<script type="text/javascript" src="https://xn--80ajpfhbgomfh1b.xn--p1ai/local/templates/centrconsult-new/assets/js/scripts/breadcrumbs.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/css/app.min.css?v=1.20">
<link rel="stylesheet" type="text/css" href="assets/css/app.min.css?v=1.23">
<link rel="stylesheet" href="assets/css/style.css?v=1.30">
</head>
<body>
<div class="page-wrapper" id="pageWrapper">
@@ -269,7 +270,7 @@
<div class="block_item">
<div class="item">
<img src="img/item.svg" alt="">
<p class="item_text">Выдаем только официальные лицензии, зарегистрированные в реестре</p>
<p class="item_text">Выдаем только официальные лицензии,&nbsp;зарегистрированные в реестре</p>
</div>
<div class="item">
<img src="img/item1.svg" alt="">
@@ -320,6 +321,36 @@
</div>
</div>
</section>
<div class="serv-page__block serv-page__block--form">
<div class="container">
<h2 class="serv-page__heading serv-page__heading--lg">
Запросите коммерческое предложение
по&nbsp;лицензированию медицинской деятельности
</h2>
<div class="serv-page__form-group">
<input type="text" class="serv-page__form-input" placeholder="Введите Ваше имя">
<input type="text" class="serv-page__form-input" placeholder="Введите Ваш телефон">
<button class="anim-btn serv-page__form-btn">
<span class="btn-text">
Запросить коммерческое предложение
</span>
<span class="anim"></span>
</button>
</div>
<div class="serv-page-form-agree">
<label class="serv-page-form-label">
<input type="checkbox" checked="" required="" class="visually-hidden">
<div class="serv-page-form-label-box"></div>
</label>
<div class="serv-page-form-text">
Даю свое согласие на обработку персональных данных и соглашаюсь с <a href="">политикой конфиденциальности</a>.
</div>
</div>
</div>
</div>
<section class="obtained_by">
<div class="container">
<div class="about_block">
@@ -343,6 +374,7 @@
</div>
</div>
</section>
<section class="exact_cost">
<div class="container">
<div class="about_block">
@@ -504,10 +536,10 @@
</div>
</div>
</section>
<section class="reviews">
<section class="reviews">
<div class="cont cont-lg">
<h2 class="serv-page__heading">Что говорят о нас клиенты?</h2>
<div class="sub_title">Смотрите видео</div>
<div class="sub_title up_title">Смотрите видео</div>
<h2 class="serv-page__heading">Видеоотзывы наших клиентов</h2>
<div class="review_row">
<div class="review_item" data-fancybox="gallery" data-src="assets/img/review1.png">
<img src="assets/img/review1.png" alt="">
@@ -556,7 +588,7 @@
</div>
</div>
</section>
<section class="license">
<section class="license">
<div class="cont cont-lg">
<div class="serv-page__help">
<div class="serv-page__help__head">
@@ -612,7 +644,7 @@
</div>
</div>
</section>
<section class="experience">
<section class="experience">
<div class="cont cont-lg">
<h2 class="serv-page__heading">26 лет безупречной работы</h2>
<div class="sub_title">и тысячи успешных кейсов</div>
@@ -1023,8 +1055,8 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="https://api-maps.yandex.ru/2.1/?apikey=5510bf12-f2da-4161-a92b-e93e32c98f28&amp;lang=ru_RU" type="text/javascript"></script>
<script src="assets/js/app.min.js?v=1.9"></script>
<script src="assets/js/main.js"></script>
<script src="./assets/js/app.min.js?v=1.9"></script>
<script src="./assets/js/main.js"></script>
<script>
ymaps.ready(function() {
var myMap = new ymaps.Map('map', {