temp

parts/home/entertaiment.php

@@ -7,7 +7,7 @@
 ?>">
   <div class="ent-container">
     <h2>Все развлечения</h2>
-    <div class="owl-carousel ent-slider container">
+    <div class="owl-carousel quests-slider container">
       <!-- Выводи список квестов -->
       <?php 
         $posts = get_posts( array(
@@ -24,9 +24,9 @@
         
         foreach( $posts as $post ){
           setup_postdata($post);?>
-            <div class="ent-container__quest" style="background: url('<?php echo the_post_thumbnail_url() ?>'); background-size: cover">
+            <div class="quests-container__quest" style="background: url('<?php echo the_post_thumbnail_url() ?>'); background-size: cover">
-              <div class="ent-container__quest-overlay"></div>
+              <div class="quests-container__quest-overlay"></div>
-              <div class="ent-container__quest-content">
+              <div class="quests-container__quest-content">
                 <div>
                   <h3><?php the_title();?></h3>
                   <p><?php the_excerpt();?></p>

src/js/script.js

@@ -34,7 +34,7 @@ $(document).ready(function(){
   const discountModalSlider = document.querySelector('.discount-modal-slider');
 
   const mainSlider = document.querySelector('.main-slider');
-  const entSlider = document.querySelector('.ent-slider');
+  const entSlider = document.querySelector('.quests-slider');
   const placesSlider = document.querySelector('.places-slider');
   const principalsSlider = document.querySelector('.principals-slider');
 

src/sass/pages/form.scss

@@ -7,6 +7,8 @@
 
 
 .form-block {
+  padding-bottom: 10px;
+
   h1 {
     font-weight: 600;
     font-size: 32px;

src/sass/pages/holiday.scss

@@ -1,5 +1,4 @@
 @import '../parts/adding-service';
-@import '../parts/packages';
 @import '../parts/options';
 @import '../parts/entertaiments';
 @import '../parts/places';
@@ -202,14 +201,6 @@
 }
 
 @media screen and (max-width: 576px) {
-  .places {
-    background: #f2f2f2 !important;
-
-    &-layout {
-      background: #f2f2f2 !important;
-    }
-  }
-
   .holiday {
     &-photos {
       margin-bottom: 30px;

src/sass/pages/home.scss

@@ -3,16 +3,6 @@
 @import '../parts/present';
 @import '../parts/principals';
 
-div.places.places_home, div.places_home .places-layout {
-  padding-top: 20px;
-  background: #ffffff !important;
-}
-
-@media screen and (max-width: 576px) {
-  div.places.places_home, div.places_home .places-layout {
-    padding-top: 0 !important;
-  }
-}
 
 @import '../parts/header';
 @import '../parts/callback-modal';

src/sass/parts/callback-modal.scss

@@ -38,3 +38,9 @@
     }
   }
 }
+
+@media screen and (max-width: 480px) {
+  .callback-modal__body {
+    width: 80%;
+  }
+}

src/sass/parts/discounts.scss

@@ -15,6 +15,10 @@
     text-align: center;
   }
 
+  .owl-stage-outer {
+    padding: 15px 0 !important;
+  }
+
   .owl-carousel .owl-item img {
     width: auto;
     max-height: 280px;

src/sass/parts/entertaiments.scss

@@ -32,6 +32,10 @@
     padding-top: 35px;
   }
 
+  .owl-stage-outer {
+    padding-bottom: 30px !important;
+  }
+
   &-container {
     .owl-item {
       &:nth-child(4n+2) {
@@ -82,104 +86,6 @@
       letter-spacing: 0.5px;
       text-align: center;
     }
-
-    &__quest {
-      position: relative;
-      max-width: 360px;
-      height: 380px;
-      border-radius: 20px;
-
-      &-overlay {
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        z-index: 50;
-        border-radius: 20px;
-        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57));
-      }
-
-      &-content {
-        position: relative;
-        z-index: 99;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        height: 100%;
-
-        div {
-          padding: 40px 0 0;
-        }
-
-        h3 {
-          margin-bottom: 12px;
-          color: #ff0000;
-          font-weight: 600;
-          font-size: 32px;
-          letter-spacing: 0.4px;
-        }
-
-        p {
-          color: #ffffff;
-          font-size: 22px !important;
-          letter-spacing: 0.5px;
-        }
-
-        a {
-          position: absolute;
-          right: 0;
-          bottom: 0;
-          left: 0;
-          z-index: 70;
-          display: block;
-          overflow: hidden;
-          width: 100%;
-          height: 74px;
-          padding: 23px;
-          border-radius: 0 0 20px 20px;
-          background: url('../../img/icons/eger.svg') center 1px no-repeat;
-          background-size: 102%;
-          transition: 0.2s;
-
-          &:hover {
-            height: 80px;
-
-            button {
-              font-size: 22px;
-            }
-          }
-
-          button {
-            width: 100%;
-            border: 0;
-            background: transparent;
-            color: #ffffff;
-            outline: none;
-            font-weight: 600;
-            font-size: 18px;
-            letter-spacing: 0.4px;
-            text-align: center;
-            text-decoration: none;
-            text-transform: uppercase;
-            transition: 0.2s;
-          }
-        }
-      }
-    }
-  }
-
-  .ent-container__quest-content h3 {
-    font-size: 32px;
-  }
-
-  .ent-container__quest-content p {
-    font-size: 16px;
-    text-align: left;
-  }
-
-  .ent-container__quest-content a button {
-    text-align: center;
   }
 }
 
@@ -205,26 +111,6 @@
       p {
         font-size: 16px !important;
       }
-
-      &__quest {
-        max-width: 260px !important;
-        height: 280px !important;
-        margin-top: 25px;
-
-        &-content {
-          div {
-            padding: 15px;
-          }
-
-          h3 {
-            font-size: 20px !important;
-          }
-
-          p {
-            font-size: 14px !important;
-          }
-        }
-      }
     }
 
     .owl-item {

src/sass/parts/header.scss

@@ -385,10 +385,6 @@
     display: none;
   }
 
-  .ent {
-    padding-top: 40px !important;
-  }
-
   .header-navmenu__item {
     width: 20% !important;
     padding: 10px !important;

src/sass/parts/map-block.scss

@@ -111,3 +111,9 @@
     }
   }
 }
+
+.map-block-in-home {
+  &::after {
+    background-color: #f2f2f2 !important;
+  }
+}

src/sass/parts/order-modal.scss

@@ -0,0 +1,59 @@
+@import '../constansts';
+
+
+.order-modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 999999;
+  display: none;
+  background: rgba(0, 0, 0, 0.65) !important;
+
+  &__overlay {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .container {
+    position: relative;
+    top: 50%;
+    padding: 40px 100px;
+    border-radius: 20px;
+    background-color: #ffffff;
+    box-shadow: 0 0 15px 0 rgba(41, 48, 55, 0.5);
+    text-align: center;
+    transform: translateY(-50%);
+
+    h2 {
+      font-weight: 600;
+      font-size: 32px;
+      font-family: 'Museo Regular', sans-serif;
+    }
+  }
+}
+
+
+@media screen and (max-width: 768px) {
+  .order-modal {
+    .container {
+      padding: 20px;
+    }
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .order-modal {
+    padding: 0 30px;
+
+    .container {
+      img {
+        height: 220px !important;
+      }
+    }
+  }
+}

src/sass/parts/order.scss

@@ -90,43 +90,6 @@
   }
 }
 
-.order-modal {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 999999;
-  display: none;
-  background: rgba(0, 0, 0, 0.65) !important;
-
-  &__overlay {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  .container {
-    position: relative;
-    top: 50%;
-    padding: 40px 100px;
-    border-radius: 20px;
-    background-color: #ffffff;
-    box-shadow: 0 0 15px 0 rgba(41, 48, 55, 0.5);
-    text-align: center;
-    transform: translateY(-50%);
-
-    h2 {
-      font-weight: 600;
-      font-size: 32px;
-      font-family: 'Museo Regular', sans-serif;
-    }
-  }
-}
-
-
 @media screen and (max-width: 768px) {
   .order {
     height: auto;
@@ -169,12 +132,6 @@
       }
     }
   }
-
-  .order-modal {
-    .container {
-      padding: 20px;
-    }
-  }
 }
 
 @media screen and (max-width: 480px) {
@@ -216,14 +173,4 @@
       }
     }
   }
-
-  .order-modal {
-    padding: 0 30px;
-
-    .container {
-      img {
-        height: 220px !important;
-      }
-    }
-  }
 }

src/sass/parts/packages.scss

@@ -1,231 +0,0 @@
-@import '../constansts';
-
-.order {
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: 790px;
-  padding-top: 10px;
-  padding-bottom: 10px;
-  background: #f2f2f2 url('../../img/order-form-bg.png') center no-repeat;
-
-  .container {
-    display: flex;
-    justify-content: flex-start;
-    max-width: 1061px;
-    padding: 30px 100px;
-    border-radius: 40px;
-    background-color: #ffffff;
-    color: #000000;
-    box-shadow: 0 0 15px 0 rgba(41, 48, 55, 0.5);
-    font-family: 'PT Sans', sans-serif;
-  }
-
-  &__text {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 400px;
-    min-width: 430px;
-    height: 100%;
-    padding-right: 30px;
-
-    h3 {
-      margin: 30px 0 25px;
-      font-weight: 600;
-      font-size: 32px;
-      line-height: 1.22;
-      letter-spacing: 0.3px;
-    }
-
-    p {
-      font-size: 24px;
-      line-height: 1.42;
-      letter-spacing: 0.3px;
-    }
-  }
-
-  &__form {
-    display: flex;
-    flex-grow: 1;
-    flex-direction: column;
-    width: 100%;
-
-    .form-group {
-      margin-bottom: 0;
-    }
-
-    input, textarea {
-      width: 100%;
-      max-width: 400px;
-      margin-bottom: 10px;
-      padding: 21px 20px;
-      border: 1px solid $main-color;
-      border-radius: 7px;
-      color: $main-color;
-      font-size: 16px;
-      letter-spacing: 0.1px;
-
-      &:focus {
-        box-shadow: none;
-      }
-
-      &::placeholder {
-        color: $main-color;
-      }
-    }
-
-    small {
-      display: block;
-      margin: 10px 0;
-      font-size: 12px;
-      line-height: 1.42;
-      letter-spacing: 0.3px;
-    }
-
-    button {
-      width: 289px;
-      margin-top: 15px;
-    }
-  }
-}
-
-.order-modal {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 999999;
-  display: none;
-  background: rgba(0, 0, 0, 0.65) !important;
-
-  &__overlay {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  .container {
-    position: relative;
-    top: 50%;
-    padding: 40px 100px;
-    border-radius: 20px;
-    background-color: #ffffff;
-    box-shadow: 0 0 15px 0 rgba(41, 48, 55, 0.5);
-    text-align: center;
-    transform: translateY(-50%);
-
-    h2 {
-      font-weight: 600;
-      font-size: 32px;
-      font-family: 'Museo Regular', sans-serif;
-    }
-  }
-}
-
-
-
-@media screen and (max-width: 768px) {
-  .order {
-    height: auto;
-    padding: 30px 0;
-    background: url('../../img/order-bg.jpg') center no-repeat;
-    background-size: cover;
-
-    .container {
-      flex-direction: column;
-      align-items: center;
-      max-width: 500px;
-      padding: 30px;
-      text-align: center;
-    }
-
-    h3 {
-      font-size: 20px;
-      text-align: center;
-    }
-
-    p {
-      font-size: 16px;
-      text-align: center;
-    }
-
-    &__text {
-      padding-right: 0 !important;
-    }
-
-    &__form {
-      align-items: center;
-
-      .form-group {
-        width: 100%;
-      }
-
-      input, textarea {
-        width: 100%;
-        max-width: 100%;
-      }
-    }
-  }
-
-  .order-modal {
-    .container {
-      padding: 20px;
-    }
-  }
-}
-
-@media screen and (max-width: 480px) {
-  .order {
-    h3 {
-      margin: 0 0 5px;
-      font-size: 16px;
-    }
-
-    p {
-      margin-bottom: 5px;
-      font-size: 13px;
-    }
-
-    .container {
-      max-width: 90%;
-      padding: 20px;
-    }
-
-    &__text {
-      min-width: auto !important;
-      max-width: 100%;
-    }
-
-    &__form {
-      input, textarea {
-        width: 100%;
-        min-width: 90%;
-      }
-
-      small {
-        width: 90%;
-      }
-
-      button {
-        width: 200px;
-        margin: 0;
-        font-size: 14px;
-      }
-    }
-  }
-
-  .order-modal {
-    padding: 0 30px;
-
-    .container {
-      img {
-        height: 220px !important;
-      }
-    }
-  }
-  
-}

src/sass/parts/places.scss

@@ -169,9 +169,39 @@
   }
 
   &-slider {
+    position: relative;
+    overflow: visible !important;
     margin-right: auto;
     margin-left: auto;
+
+    &::after {
+      content: '';
+      position: absolute;
+      top: -50px;
+      left: -75px;
+      display: block;
+      width: 163px;
+      height: 331px;
+      background: url('../../img/places/balloon-blue.svg') center no-repeat;
     }
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: -200px;
+      right: -60px;
+      z-index: 100;
+      display: block;
+      width: 197px;
+      height: 423px;
+      background: url('../../img/places/balloon-red.svg') center no-repeat;
+    }
+  }
+}
+
+div.places.places_home, div.places_home .places-layout {
+  padding-top: 20px;
+  background: #ffffff !important;
 }
 
 @media screen and (max-width: 1200px) {
@@ -252,6 +282,10 @@
 }
 
 @media screen and (max-width: 576px) {
+  div.places.places_home, div.places_home .places-layout {
+    padding-top: 0 !important;
+  }
+
   .places {
     margin-top: 20px;
     padding-top: 25px;
@@ -318,4 +352,53 @@
     padding-left: 5px;
     background: none !important;
   }
+
+  .places {
+    background: #f2f2f2 !important;
+
+    &-layout {
+      background: #f2f2f2 !important;
+    }
+  }
+
+
+
+  .places .places-description {
+    font-size: 16px !important;
+  }
+}
+
+
+
+.places .places-description {
+  max-width: 940px;
+  margin: 20px auto 0;
+  color: #1e212b;
+  font-size: 24px;
+  letter-spacing: 0.5px;
+  text-align: center;
+}
+
+.places .places-description + div {
+  margin-top: 15px;
+}
+
+@media screen and (max-width: 1024px) {
+  .places-slider {
+    &::before {
+      right: -30px;
+    }
+  }
+}
+
+@media screen and (max-width: 800px) {
+  .places-slider {
+    &::before {
+      display: none;
+    }
+
+    &::after {
+      display: none;
+    }
+  }
 }

src/sass/parts/present.scss

@@ -250,3 +250,27 @@
     font-size: 14px !important;
   }
 }
+
+@media screen and (max-width: 1024px) {
+  .present .container {
+    &::after {
+      right: 0 !important;
+    }
+
+    &::before {
+      left: -72px !important;
+    }
+  }
+}
+
+@media screen and (max-width: 800px) {
+  .present .container {
+    &::after {
+      display: none !important;
+    }
+
+    &::before {
+      display: none !important;
+    }
+  }
+}

src/sass/parts/principals.scss

@@ -13,6 +13,10 @@
     align-items: center;
   }
 
+  .owl-stage-outer {
+    padding: 15px !important;
+  }
+
   .owl-item {
     img {
       width: auto;

src/sass/parts/quests-slider.scss

@@ -0,0 +1,111 @@
+@media screen and (max-width: 576px) {
+  .quests-container {
+    &__quest {
+      max-width: 260px !important;
+      height: 280px !important;
+      margin-top: 25px;
+
+      &-content {
+        div {
+          padding: 15px;
+        }
+
+        h3 {
+          font-size: 20px !important;
+        }
+
+        p {
+          font-size: 14px !important;
+        }
+      }
+    }
+  }
+}
+
+.quests-container {
+  &__quest {
+    position: relative;
+    max-width: 360px;
+    height: 380px;
+    border-radius: 20px;
+
+    &-overlay {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      z-index: 50;
+      border-radius: 20px;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.43), rgba(0, 0, 0, 0.57));
+    }
+
+    &-content {
+      position: relative;
+      z-index: 99;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      height: 100%;
+
+      div {
+        padding: 40px 0 0;
+      }
+
+      h3 {
+        margin-bottom: 12px;
+        color: #ff0000;
+        font-weight: 600;
+        font-size: 32px;
+        letter-spacing: 0.4px;
+      }
+
+      p {
+        color: #ffffff;
+        font-size: 22px !important;
+        letter-spacing: 0.5px;
+        text-align: left;
+      }
+
+      a {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 70;
+        display: block;
+        overflow: hidden;
+        width: 100%;
+        height: 74px;
+        padding: 23px;
+        border-radius: 0 0 20px 20px;
+        background: url('../../img/icons/eger.svg') center 1px no-repeat;
+        background-size: 102%;
+        transition: 0.2s;
+
+        &:hover {
+          height: 80px;
+
+          button {
+            font-size: 22px;
+          }
+        }
+
+        button {
+          width: 100%;
+          border: 0;
+          background: transparent;
+          color: #ffffff;
+          outline: none;
+          font-weight: 600;
+          font-size: 18px;
+          letter-spacing: 0.4px;
+          text-align: center;
+          text-decoration: none;
+          text-transform: uppercase;
+          transition: 0.2s;
+        }
+      }
+    }
+  }
+}

src/sass/style.scss

@@ -92,45 +92,7 @@ body {
   }
 }
 
-.map-block-in-home {
-  &::after {
-    background-color: #f2f2f2 !important;
-  }
-}
 
-.footer-in-home {
-  &::before {
-    background-color: #f2f2f2 !important;
-  }
-}
-
-.places-slider {
-  position: relative;
-  overflow: visible !important;
-
-  &::after {
-    content: '';
-    position: absolute;
-    top: -50px;
-    left: -75px;
-    display: block;
-    width: 163px;
-    height: 331px;
-    background: url('../img/places/balloon-blue.svg') center no-repeat;
-  }
-
-  &::before {
-    content: '';
-    position: absolute;
-    top: -200px;
-    right: -60px;
-    z-index: 100;
-    display: block;
-    width: 197px;
-    height: 423px;
-    background: url('../img/places/balloon-red.svg') center no-repeat;
-  }
-}
 
 .quest-description__icons {
   padding-top: 8px;
@@ -170,23 +132,7 @@ body {
 }
 
 
-@media screen and (max-width: 1024px) {
-  .present .container {
-    &::after {
-      right: 0 !important;
-    }
 
-    &::before {
-      left: -72px !important;
-    }
-  }
-
-  .places-slider {
-    &::before {
-      right: -30px;
-    }
-  }
-}
 
 @media screen and (max-width: 800px) {
   h1 {
@@ -198,26 +144,6 @@ body {
     height: 200px;
     background-position: top center !important;
   }
-
-  .present .container {
-    &::after {
-      display: none !important;
-    }
-
-    &::before {
-      display: none !important;
-    }
-  }
-
-  .places-slider {
-    &::before {
-      display: none;
-    }
-
-    &::after {
-      display: none;
-    }
-  }
 }
 
 @media screen and (max-width: 576px) {
@@ -292,24 +218,6 @@ body {
   padding-bottom: 15px !important;
 }
 
-.ent {
-  .owl-stage-outer {
-    padding-bottom: 30px !important;
-  }
-}
-
-.principals {
-  .owl-stage-outer {
-    padding: 15px !important;
-  }
-}
-
-.discount {
-  .owl-stage-outer {
-    padding: 15px 0 !important;
-  }
-}
-
 .btn-danger {
   border-color: $main-color;
   background-color: $main-color;
@@ -371,9 +279,6 @@ body {
   }
 }
 
-.form-block {
-  padding-bottom: 10px;
-}
 
 .hide-menu {
   display: block !important;
@@ -422,14 +327,6 @@ body {
   .full-page__border {
     display: none;
     height: auto !important;
-
-    .callback-modal__body {
-      width: 80%;
-    }
-  }
-
-  .form-block {
-    padding-bottom: 10px;
   }
 
   .wave > div {
@@ -442,23 +339,4 @@ body {
   .packages-item {
     padding: 25px 23px !important;
   }
-
-  .places .places-description {
-    font-size: 16px !important;
 }
-}
-
-.places .places-description {
-  font-size: 24px;
-  letter-spacing: .5px;
-  text-align: center;
-  color: #1e212b;
-  max-width: 940px;
-  margin: 20px auto;
-  margin-bottom: 0;
-}
-
-.places .places-description + div {
-  margin-top: 15px;
-}
-

templates/quests.php

@@ -4,13 +4,16 @@
    */
 ?>
 
+<?php get_header(); ?>
+
 <div class="quests">
- <?php get_template_part('parts/quests/quests-header');
+    <?php
-  get_template_part('parts/quests/quests-content'); ?>
+        get_template_part('parts/quests/quests-header');
+        get_template_part('parts/quests/quests-content');
+    ?>
 </div>
 
 <?php
     get_template_part('parts/quests/compound');
-
     get_footer();
 ?>