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

styles fixed

Browse Source
centrconsult_licenzii
Антон 10 months ago
parent c0cbf73bb0
commit 59c0e82e15
3 changed files with 134 additions and 50 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 4
      assets/css/app.min.css
  2. 128
      assets/css/style.css
  3. 52
      index.html

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

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

128
assets/css/style.css
Unescape View File

@ -125,7 +125,7 @@
.medina_license .inf_block { .medina_license .inf_block {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 106px; gap: 83px;
width: 1266px; width: 1266px;
} }
.medina_license .inf_text_left { .medina_license .inf_text_left {
@ -184,7 +184,7 @@
.obtained_by .text_obtained { .obtained_by .text_obtained {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 14px; gap: 9px;
width: 592px; width: 592px;
} }
.obtained_by .text_right_block { .obtained_by .text_right_block {
@ -256,7 +256,7 @@
.main_license .tabs_group { .main_license .tabs_group {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
gap: 123px; gap: 146px;
} }
.main_license .sections_tab { .main_license .sections_tab {
max-width: 591px; max-width: 591px;
@ -283,7 +283,7 @@
font-weight: 600; font-weight: 600;
line-height: 28.8px; line-height: 28.8px;
color: #000000; color: #000000;
margin-bottom: 32px; margin-bottom: 12px;
position: relative; position: relative;
} }
.what_know .title_block { .what_know .title_block {
@ -306,7 +306,7 @@
justify-content: space-between; justify-content: space-between;
} }
.what_know .texts { .what_know .texts {
max-width: 489px; max-width: 472px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 12px; gap: 12px;
@ -365,7 +365,7 @@
font-weight: 600; font-weight: 600;
line-height: 38.4px; line-height: 38.4px;
color: #0F1521; color: #0F1521;
margin-bottom: 60px; margin-bottom: 90px;
} }
.block_big_stages{ .block_big_stages{
display: block !important; display: block !important;
@ -399,7 +399,7 @@
background-color: #F3F3F3; background-color: #F3F3F3;
border-radius: 10px; border-radius: 10px;
width: 388px; width: 388px;
height: 190px;
position: relative; position: relative;
} }
.stages .title_item { .stages .title_item {
@ -407,7 +407,7 @@
font-weight: 600; font-weight: 600;
line-height: 28.8px; line-height: 28.8px;
color: #0F1521; color: #0F1521;
margin-bottom: 26px; margin-bottom: 11px;
} }
.stages .text_item { .stages .text_item {
font-size: 16px; font-size: 16px;
@ -464,9 +464,10 @@
font-weight: 300; font-weight: 300;
line-height: 19.2px; line-height: 19.2px;
color: #FFFFFF; color: #FFFFFF;
margin-top: -15px;
} }
.stages .doc { .stages .doc {
right: 33px; right: 7px;
bottom: 0; bottom: 0;
position: absolute; position: absolute;
} }
@ -532,7 +533,7 @@
} }
.frequently { .frequently {
padding: 100px 0; padding: 0 0 100px 0;
background-color: #FFFFFF; background-color: #FFFFFF;
} }
.frequently .accordion{ .frequently .accordion{
@ -560,6 +561,7 @@
box-shadow: none; box-shadow: none;
background-color: #4E913C; background-color: #4E913C;
color: #FFFFFF; color: #FFFFFF;
font-weight: 600px;
} }
.frequently .accordion-item:first-of-type > .accordion-header .accordion-button { .frequently .accordion-item:first-of-type > .accordion-header .accordion-button {
border-radius: 10px; border-radius: 10px;
@ -583,7 +585,7 @@
.frequently .accordion-button { .frequently .accordion-button {
border-radius: 10px; border-radius: 10px;
background-color: #F9F9F9; background-color: #F9F9F9;
padding: 31px 24px; padding: 23px 24px;
font-size: 24px; font-size: 24px;
font-weight: 300; font-weight: 300;
line-height: 28.8px; line-height: 28.8px;
@ -652,7 +654,7 @@
white-space: nowrap; white-space: nowrap;
} */ } */
.key_points .top_block { .key_points .top_block {
margin-bottom: 60px; margin-bottom: 45px;
} }
.key_points .title_bottom_block { .key_points .title_bottom_block {
font-size: 24px; font-size: 24px;
@ -681,6 +683,7 @@
color: #0F1521; color: #0F1521;
position: relative; position: relative;
text-decoration: underline !important; text-decoration: underline !important;
margin-left: 24px;
} }
.key_points .text_bottom_p:hover{ .key_points .text_bottom_p:hover{
color: #71A800; color: #71A800;
@ -699,6 +702,9 @@
.transparent_process { .transparent_process {
padding: 0 0 40px 0; padding: 0 0 40px 0;
} }
.stages .number_company{
font-size: 12px;
}
.transparent_process .title_block { .transparent_process .title_block {
font-size: 24px; font-size: 24px;
font-weight: 600; font-weight: 600;
@ -709,8 +715,8 @@
font-weight: 600; font-weight: 600;
line-height: 16.8px; line-height: 16.8px;
color: #0F1521; color: #0F1521;
margin-top: 15px; margin-top: 8px;
margin-bottom: 32px; margin-bottom: 25px;
} }
.transparent_process .block_item { .transparent_process .block_item {
flex-direction: column; flex-direction: column;
@ -731,13 +737,12 @@
} }
.medina_license { .medina_license {
padding: 60px 0; padding: 60px 0;
padding-bottom: 0;
} }
.medina_license .title_block { .medina_license .title_block {
font-size: 24px; font-size: 24px;
font-weight: 600; font-weight: 600;
line-height: 28.8px; line-height: 28.8px;
margin-bottom: 32px; margin-bottom: 17px;
} }
.medina_license .inf_block { .medina_license .inf_block {
flex-direction: column; flex-direction: column;
@ -761,18 +766,28 @@
} }
.medina_license .right_text_inf { .medina_license .right_text_inf {
padding: 8px; padding: 8px;
padding-left: 24px;
padding-right: 24px;
margin-left: -1.5rem;
min-width: 100vw;
} }
.medina_license .text_right_block { .medina_license .text_right_block {
font-size: 12px; font-size: 12px;
font-weight: 300; font-weight: 300;
line-height: 14.4px; line-height: 14.4px;
} }
.about_block{
padding: 11px;
}
.medina_license .img_ch { .medina_license .img_ch {
width: 24px; width: 24px;
} }
.obtained_by { .obtained_by {
padding: 60px 0; padding: 60px 0;
} }
.key_points .texts, .key_points .block_text_bottom{
gap: 6px;
}
.obtained_by .title_block { .obtained_by .title_block {
font-size: 24px; font-size: 24px;
font-weight: 600; font-weight: 600;
@ -809,7 +824,8 @@
width: 100%; width: 100%;
} }
.main_license { .main_license {
padding: 60px 0; padding: 20px 0;
overflow: hidden;
} }
.main_license .title_block { .main_license .title_block {
font-size: 24px; font-size: 24px;
@ -840,18 +856,20 @@
justify-content: center; justify-content: center;
width: 100%; width: 100%;
max-width: 200px; max-width: 200px;
padding: 20px !important; width: max-content;
padding: 17px 27px !important;
margin-right: 10px; margin-right: 10px;
} }
.main_license .left_tab_block { .main_license .left_tab_block {
overflow: scroll; overflow: scroll;
margin-bottom: 32px; margin-bottom: 5px;
} }
.main_license .texts_li { .main_license .texts_li {
font-size: 12px; font-size: 12px;
font-weight: 300; font-weight: 300;
line-height: 14.4px; line-height: 14.4px;
margin-left: 10px; margin-left: 18px;
} }
.main_license .right_sections_tab{ .main_license .right_sections_tab{
@ -861,13 +879,13 @@
gap: 0; gap: 0;
} }
.what_know { .what_know {
padding-bottom: 60px; padding-bottom: 36px;
} }
.what_know .title_block { .what_know .title_block {
font-size: 16px; font-size: 24px;
font-weight: 600; font-weight: 600;
line-height: 19.2px; line-height: 19.2px;
margin-bottom: 24px; margin-bottom: 11px;
} }
.what_know .inf_block_know { .what_know .inf_block_know {
flex-direction: column; flex-direction: column;
@ -877,7 +895,7 @@
padding: 0; padding: 0;
} }
.what_know .texts { .what_know .texts {
gap: 8px; gap: 6px;
padding: 8px; padding: 8px;
padding-bottom: 24px; padding-bottom: 24px;
max-width: 100%; max-width: 100%;
@ -891,6 +909,10 @@
.what_know .second_texts { .what_know .second_texts {
padding-top: 24px; padding-top: 24px;
background-color: #EEF4EC; background-color: #EEF4EC;
min-width: 100vw;
margin-left: -0.75rem;
padding-left: 24px;
padding-right: 24px;
} }
.what_know .title_block_mini{ .what_know .title_block_mini{
font-size: 16px; font-size: 16px;
@ -900,7 +922,7 @@
position: relative; position: relative;
z-index: 100; z-index: 100;
} }
.what_know .title_block_mini::before{ /* .what_know .title_block_mini::before{
content: ''; content: '';
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -908,7 +930,7 @@
top: 0; top: 0;
color: #EEF4EC; color: #EEF4EC;
background-color: #EEF4EC; background-color: #EEF4EC;
} } */
.stages { .stages {
padding-bottom: 60px; padding-bottom: 60px;
} }
@ -916,15 +938,16 @@
font-size: 24px; font-size: 24px;
font-weight: 600; font-weight: 600;
line-height: 28.8px; line-height: 28.8px;
margin-bottom: 32px; margin-bottom: 12px;
} }
.stages .items { .stages .items {
gap: 14px;
flex-direction: column; flex-direction: column;
} }
.stages .item { .stages .item {
width: 100%; width: 100%;
height: auto; height: auto;
padding: 16px 16px 40px 16px; padding: 14px 16px 30px 16px;
} }
.stages .item_block { .stages .item_block {
flex-direction: column; flex-direction: column;
@ -937,7 +960,7 @@
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
line-height: 19.2px; line-height: 19.2px;
margin-bottom: 16px; margin-bottom: 7px;
} }
.stages .text_item { .stages .text_item {
font-size: 12px; font-size: 12px;
@ -956,10 +979,14 @@
line-height: 38.4px; line-height: 38.4px;
} }
.stages .form_block { .stages .form_block {
padding: 146px 52px 39px 22px; padding: 146px 22px 39px 22px;
height: auto; height: auto;
max-width: 500px; max-width: 500px;
margin: 0 auto; margin: 0 auto;
min-width: 100vw;
margin-left: -1.5rem;
border-radius: 0px;
} }
.stages .women_img{ .stages .women_img{
right: 33%; right: 33%;
@ -974,7 +1001,15 @@
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
line-height: 19.2px; 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 { .stages .bottom_text {
font-size: 16px; font-size: 16px;
@ -1014,7 +1049,7 @@
flex-direction: column; flex-direction: column;
} }
.frequently { .frequently {
padding-bottom: 60px; padding-bottom: 30px;
} }
.frequently .faq_t { .frequently .faq_t {
font-size: 16px; font-size: 16px;
@ -1029,9 +1064,8 @@
margin-bottom: 32px; margin-bottom: 32px;
} }
.frequently .accordion-button { .frequently .accordion-button {
padding: 25px 40px 25px 16px; padding: 14px 20px 16px 16px;
font-size: 16px; font-size: 16px;
font-weight: 600;
line-height: 19.2px; line-height: 19.2px;
} }
.frequently .accordion-body { .frequently .accordion-body {
@ -1060,22 +1094,40 @@
line-height: 14.4px; line-height: 14.4px;
} }
.key_points .top_block { .key_points .top_block {
margin-bottom: 44px; margin-bottom: 17px;
} }
.key_points .block_text_bottom { .key_points .block_text_bottom {
flex-direction: column; flex-direction: column;
gap: 12px; gap: 6px;
margin-left: 20px;
} }
.key_points .title_bottom_block { .key_points .title_bottom_block {
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
line-height: 19.2px; line-height: 19.2px;
margin-bottom: 15px; margin-bottom: 7px;
} }
.key_points .text_bottom_p { .key_points .text_bottom_p {
font-size: 12px; font-size: 12px;
font-weight: 300; font-weight: 300;
line-height: 14.4px; 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
Unescape 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/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> <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 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> </head>
<body> <body>
<div class="page-wrapper" id="pageWrapper"> <div class="page-wrapper" id="pageWrapper">
@ -269,7 +270,7 @@
<div class="block_item"> <div class="block_item">
<div class="item"> <div class="item">
<img src="img/item.svg" alt=""> <img src="img/item.svg" alt="">
<p class="item_text">Выдаем только официальные лицензии, зарегистрированные в реестре</p> <p class="item_text">Выдаем только официальные лицензии,&nbsp;зарегистрированные в реестре</p>
</div> </div>
<div class="item"> <div class="item">
<img src="img/item1.svg" alt=""> <img src="img/item1.svg" alt="">
@ -320,6 +321,36 @@
</div> </div>
</div> </div>
</section> </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"> <section class="obtained_by">
<div class="container"> <div class="container">
<div class="about_block"> <div class="about_block">
@ -343,6 +374,7 @@
</div> </div>
</div> </div>
</section> </section>
<section class="exact_cost"> <section class="exact_cost">
<div class="container"> <div class="container">
<div class="about_block"> <div class="about_block">
@ -504,10 +536,10 @@
</div> </div>
</div> </div>
</section> </section>
<section class="reviews"> <section class="reviews">
<div class="cont cont-lg"> <div class="cont cont-lg">
<h2 class="serv-page__heading">Что говорят о нас клиенты?</h2> <div class="sub_title up_title">Смотрите видео</div>
<div class="sub_title">Смотрите видео</div> <h2 class="serv-page__heading">Видеоотзывы наших клиентов</h2>
<div class="review_row"> <div class="review_row">
<div class="review_item" data-fancybox="gallery" data-src="assets/img/review1.png"> <div class="review_item" data-fancybox="gallery" data-src="assets/img/review1.png">
<img src="assets/img/review1.png" alt=""> <img src="assets/img/review1.png" alt="">
@ -556,7 +588,7 @@
</div> </div>
</div> </div>
</section> </section>
<section class="license"> <section class="license">
<div class="cont cont-lg"> <div class="cont cont-lg">
<div class="serv-page__help"> <div class="serv-page__help">
<div class="serv-page__help__head"> <div class="serv-page__help__head">
@ -612,7 +644,7 @@
</div> </div>
</div> </div>
</section> </section>
<section class="experience"> <section class="experience">
<div class="cont cont-lg"> <div class="cont cont-lg">
<h2 class="serv-page__heading">26 лет безупречной работы</h2> <h2 class="serv-page__heading">26 лет безупречной работы</h2>
<div class="sub_title">и тысячи успешных кейсов</div> <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://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="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/app.min.js?v=1.9"></script>
<script src="assets/js/main.js"></script> <script src="./assets/js/main.js"></script>
<script> <script>
ymaps.ready(function() { ymaps.ready(function() {
var myMap = new ymaps.Map('map', { var myMap = new ymaps.Map('map', {

Write Preview
Loading…
Cancel
Save