add style lint
This commit is contained in:
parent
05b7be359b
commit
958f87722b
@ -1,10 +1,13 @@
|
||||
// js
|
||||
import gulp from 'gulp';
|
||||
import gulpif from 'gulp-if';
|
||||
import gulpif from 'gulp-if';
|
||||
import sourcemaps from 'gulp-sourcemaps';
|
||||
import uglify from 'gulp-uglify';
|
||||
import source from 'vinyl-source-stream';
|
||||
import buffer from 'vinyl-buffer';
|
||||
|
||||
import pathConfig from '../paths.js'
|
||||
import browserify from 'browserify';
|
||||
|
||||
export const scriptsBuild = () => {
|
||||
return gulp.src(`${pathConfig.src.js}/**/*.js`)
|
||||
@ -16,4 +19,21 @@ export const scriptsBuild = () => {
|
||||
.pipe(gulp.dest(pathConfig.assets.js))
|
||||
}
|
||||
|
||||
export const scriptsDevelop = () => gulp.watch(`${pathConfig.src.js}/**/*.js`, scriptsBuild);
|
||||
// export const scriptsBuild = () => (
|
||||
// browserify(`${pathConfig.src.js}/script.js`, { debug: true })
|
||||
// .transform('babelify', { presets: ['@babel/preset-env'] })
|
||||
// .bundle()
|
||||
// .on('error', function browserifyError(error) {
|
||||
// console.log(error.stack);
|
||||
// this.emit('end');
|
||||
// })
|
||||
// .pipe(source('main.js'))
|
||||
// .pipe(buffer())
|
||||
// .pipe(gulpif(pathConfig.isDevelop, sourcemaps.init()))
|
||||
// .pipe(gulpif(pathConfig.isProd, uglify()))
|
||||
// .pipe(gulpif(pathConfig.isDevelop, sourcemaps.write('./')))
|
||||
|
||||
// .pipe(gulp.dest(pathConfig.assets.js))
|
||||
// );
|
||||
|
||||
export const scriptsDevelop = () => gulp.watch(`${pathConfig.src.js}/**/*.js`, scriptsBuild);
|
||||
|
||||
@ -11,8 +11,8 @@ import pathConfig from '../paths.js'
|
||||
import gcmq from 'gulp-group-css-media-queries';
|
||||
|
||||
export const stylesBuild = () => {
|
||||
return gulp.src(`${pathConfig.src.sass}/**/*.sass`, {
|
||||
ignore: pathConfig.isProd && [`${pathConfig.src.sass}/parts/*.sass`]
|
||||
return gulp.src(`${pathConfig.src.sass}/**/*.scss`, {
|
||||
ignore: pathConfig.isProd && [`${pathConfig.src.sass}/parts/*.scss`]
|
||||
})
|
||||
|
||||
.pipe(newer('*'))
|
||||
@ -28,4 +28,4 @@ export const stylesBuild = () => {
|
||||
}
|
||||
|
||||
|
||||
export const stylesDevelop = () => gulp.watch(`${pathConfig.src.sass}/**/*.sass`, stylesBuild).on('change', browser.reload.bind(null, {stream: true}));
|
||||
export const stylesDevelop = () => gulp.watch(`${pathConfig.src.sass}/**/*.scss`, stylesBuild).on('change', browser.reload.bind(null, {stream: true}));
|
||||
|
||||
@ -40,4 +40,6 @@ export const develop = gulp.series(
|
||||
imagesDevelop,
|
||||
phpDevelop,
|
||||
),
|
||||
);
|
||||
);
|
||||
|
||||
export const script = scriptsBuild;
|
||||
10793
package-lock.json
generated
10793
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
12
package.json
12
package.json
@ -2,12 +2,19 @@
|
||||
"name": "ksv741_armanty",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "gulpfile.js",
|
||||
"main": "gulpfile.babel.js",
|
||||
"devDependencies": {
|
||||
"@babel/cli": "^7.13.14",
|
||||
"@babel/core": "^7.13.14",
|
||||
"@babel/preset-env": "^7.13.12",
|
||||
"@babel/register": "^7.13.14",
|
||||
"babelify": "^10.0.0",
|
||||
"browser-sync": "^2.26.14",
|
||||
"browserify": "^17.0.0",
|
||||
"del": "^6.0.0",
|
||||
"gulp": "^4.0.2",
|
||||
"gulp-autoprefixer": "^7.0.1",
|
||||
"gulp-browserify": "^0.5.1",
|
||||
"gulp-changed": "^4.0.2",
|
||||
"gulp-clean-css": "^4.3.0",
|
||||
"gulp-group-css-media-queries": "^1.2.2",
|
||||
@ -31,6 +38,9 @@
|
||||
"stylelint-config-sass-guidelines": "^8.0.0",
|
||||
"stylelint-config-standard": "^21.0.0",
|
||||
"stylelint-order": "^4.1.0",
|
||||
"vinyl-buffer": "^1.0.1",
|
||||
"vinyl-source-stream": "^2.0.0",
|
||||
"vinyl-transform": "^1.0.0",
|
||||
"yargs": "^15.4.1"
|
||||
},
|
||||
"scripts": {
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<?php
|
||||
<?php
|
||||
add_action('init', 'create_global_variable');
|
||||
|
||||
function create_global_variable() {
|
||||
@ -15,4 +15,4 @@
|
||||
|
||||
$version = '1.0.8';
|
||||
}
|
||||
?>
|
||||
?>
|
||||
|
||||
@ -6,49 +6,32 @@
|
||||
$libs = $GLOBALS['paths']['libs'];
|
||||
$version = $GLOBALS['version'];
|
||||
|
||||
// jQuery
|
||||
wp_deregister_script( 'jquery' );
|
||||
wp_register_script( 'jquery', $libs . '/jquery-3.4.1/jquery-3.4.1.min.js');
|
||||
wp_enqueue_script('jquery');
|
||||
|
||||
wp_enqueue_script( 'jqmask', $libs . '/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js', ['jquery'], $version, true);
|
||||
|
||||
// Libraries
|
||||
wp_enqueue_script( 'bootstrap', $libs . '/bootstrap_datetimepicker/js/bootstrap.min.js', ['jquery', 'moment'], $version, true);
|
||||
wp_enqueue_script( 'bootstrap', $libs . '/bootstrap-4.4.1-dist/js/bootstrap.bundle.min.js', ['jquery'], $version, true);
|
||||
wp_enqueue_script( 'dtpicker', $libs . '/bootstrap_datetimepicker/js/bootstrap-datetimepicker.min.js', ['jquery', 'moment'], $version, true);
|
||||
wp_enqueue_script( 'jqmask', $libs . '/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js', ['jquery'], $version, true);
|
||||
wp_enqueue_script( 'moment', $libs . '/bootstrap_datetimepicker/js/moment-with-locales.min.js', ['jquery'], $version, true);
|
||||
wp_enqueue_script( 'owlcarousel', $libs . '/OwlCarousel2-2.3.4/dist/owl.carousel.js', ['jquery'], $version, true);
|
||||
wp_enqueue_script( 'poper', $libs . '/bootstrap-4.4.1-dist/js/popper.min.js', ['jquery'], $version, true);
|
||||
wp_enqueue_script( 'select', $libs . '/bootstrap-select/bootstrap-select.min.js');
|
||||
wp_enqueue_script( 'swiper', $libs . '/jQueryTouchSwipe/jquery.touchSwipe.min.js', ['jquery'], $version, true);
|
||||
|
||||
if (!is_page_template('templates/graduation.php')) {
|
||||
wp_enqueue_script( 'poper', $libs . '/bootstrap-4.4.1-dist/js/popper.min.js', ['jquery'], $version, true);
|
||||
wp_enqueue_script( 'owlcarousel', $libs . '/OwlCarousel2-2.3.4/dist/owl.carousel.js', ['jquery'], $version, true);
|
||||
wp_enqueue_script( 'moment', $libs . '/bootstrap_datetimepicker/js/moment-with-locales.min.js', ['jquery'], $version, true);
|
||||
wp_enqueue_script( 'bootstrap', $libs . '/bootstrap_datetimepicker/js/bootstrap.min.js', ['jquery', 'moment'], $version, true);
|
||||
wp_enqueue_script( 'dtpicker', $libs . '/bootstrap_datetimepicker/js/bootstrap-datetimepicker.min.js', ['jquery', 'moment'], $version, true);
|
||||
wp_enqueue_script( 'select', $libs . '/bootstrap-select/bootstrap-select.min.js');
|
||||
wp_enqueue_script( 'script', $js . '/script.js', ['jquery'], $version, true);
|
||||
wp_enqueue_script( 'slider', $libs . '/jQuery-Waterwheel-Carousel/js/jquery.waterwheelCarousel.min.js', ['jquery'], $version, true);
|
||||
wp_enqueue_script( 'swiper', $libs . '/jQueryTouchSwipe/jquery.touchSwipe.min.js', ['jquery'], $version, true);
|
||||
wp_enqueue_script( 'slick', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js', ['jquery'], $version, true);
|
||||
// Common script
|
||||
wp_enqueue_script( 'script', $js . '/script.js', ['jquery'], $version, true);
|
||||
|
||||
|
||||
if(is_front_page() || is_page ('24') || is_page('35') || is_page('56')){
|
||||
wp_enqueue_script( 'main', $js . '/components/main.js', ['jquery'], $version, true);
|
||||
}
|
||||
if(is_page ('8')){
|
||||
wp_enqueue_script( 'quests', $js . '/components/quests.js', ['jquery'], $version, true);
|
||||
}
|
||||
if(is_page ('24')){
|
||||
wp_enqueue_script( 'quests', $js . '/components/holiday.js', ['jquery'], $version, true);
|
||||
}
|
||||
if(is_page ('35')){
|
||||
wp_enqueue_script( 'certificates', $js . '/components/certificates.js', ['jquery'], $version, true);
|
||||
}
|
||||
if(is_page ('56')){
|
||||
wp_enqueue_script( 'sales', $js . '/components/sales.js', ['jquery'], $version, true);
|
||||
}
|
||||
if(is_page ('59')){
|
||||
wp_enqueue_script( 'form', $js . '/components/form.js', ['jquery'], $version, true);
|
||||
}
|
||||
}
|
||||
|
||||
if (is_page_template('templates/graduation.php')) {
|
||||
wp_enqueue_script( 'graduation', $js . '/components/graduation.js', ['jquery'], $version, true);
|
||||
}
|
||||
// Pages scripts
|
||||
if (is_page_template('templates/certificates.php')) wp_enqueue_style('armanty_certificates', $js . '/pages/certificates.js', ['jquery'], $version, true);
|
||||
if (is_page_template('templates/graduation.php')) wp_enqueue_script( 'aramnty_graduation', $js . '/pages/graduation.js', ['jquery'], $version, true);
|
||||
if (is_page_template('templates/form.php')) wp_enqueue_style('armanty_form', $js . '/pages/form.js', ['jquery'], $version, true);
|
||||
if (is_page_template('templates/holiday.php')) wp_enqueue_style('armanty_holiday', $js . '/pages/holiday.js', ['jquery'], $version, true);
|
||||
if (is_page_template('templates/quests.php')) wp_enqueue_style('armanty_quests', $js . '/pages/quests.js', ['jquery'], $version, true);
|
||||
if (is_page_template('templates/sales.php')) wp_enqueue_style('armanty_sales', $js . '/pages/sales.js', ['jquery'], $version, true);
|
||||
|
||||
};
|
||||
?>
|
||||
@ -8,37 +8,23 @@
|
||||
$pagesStyle = $css . '/pages';
|
||||
$styleVersion = $GLOBALS['version'];
|
||||
|
||||
wp_enqueue_style( 'styles', get_stylesheet_uri());
|
||||
wp_enqueue_style('styles', get_stylesheet_uri());
|
||||
|
||||
wp_enqueue_style('fonts', "https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap&subset=cyrillic", array(), $styleVersion);
|
||||
wp_enqueue_style('my_fonts', $css . '/fonts.css', array(), $styleVersion);
|
||||
wp_enqueue_style('fontawesome', $libs . '/font-awesome-4.7.0/css/font-awesome.min.css', array(), $styleVersion);
|
||||
wp_enqueue_style('bootstrap', $libs . '/bootstrap-4.4.1-dist/css/bootstrap.min.css', array(), $styleVersion);
|
||||
wp_enqueue_style('owlcarousel', $libs . '/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css', array(), $styleVersion);
|
||||
if(is_page ('59')){
|
||||
wp_enqueue_style('btdtpicker', $libs . '/bootstrap_datetimepicker/css/bootstrap.min.css', array(), $styleVersion);
|
||||
}
|
||||
wp_enqueue_style('dtpicker', $libs . '/bootstrap_datetimepicker/css/bootstrap-datetimepicker.min.css', array(), $styleVersion);
|
||||
wp_enqueue_style('bootstrapselect', $libs . '/bootstrap-select/bootstrap-select.min.css', array(), $styleVersion);
|
||||
wp_enqueue_style('slick', 'http://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css', array(), $styleVersion);
|
||||
|
||||
wp_enqueue_style('armanty_other', $css . '/other.css', array(), $styleVersion);
|
||||
// Common styles
|
||||
wp_enqueue_style('armanty_style', $css . '/style.css', array(), $styleVersion);
|
||||
|
||||
// Pages styles
|
||||
if (is_page_template('templates/about.php')) wp_enqueue_style('armanty_about', $pagesStyle . '/about.css', array(), $styleVersion);
|
||||
if (is_page_template('templates/certificates.php')) wp_enqueue_style('armanty_certificates', $pagesStyle . '/certificates.css', array(), $styleVersion);
|
||||
if (is_page_template('templates/contacts.php')) wp_enqueue_style('armanty_contacts', $pagesStyle . '/contacts.css', array(), $styleVersion);
|
||||
if (is_page_template('templates/form.php')) wp_enqueue_style('armanty_form', $pagesStyle . '/form.css', array(), $styleVersion);
|
||||
if (is_page_template('templates/gallery.php')) wp_enqueue_style('armanty_gallery', $pagesStyle . '/gallery.css', array(), $styleVersion);
|
||||
if (is_page_template('templates/graduation.php')) wp_enqueue_style('armanty_graduation', $pagesStyle . '/graduation.css', array(), $styleVersion);
|
||||
if (is_page_template('templates/holiday.php')) wp_enqueue_style('armanty_holiday', $pagesStyle . '/holiday.css', array(), $styleVersion);
|
||||
if (is_page_template('templates/home.php')) wp_enqueue_style('armanty_home', $pagesStyle . '/home.css', array(), $styleVersion);
|
||||
if (is_page_template('templates/price.php')) wp_enqueue_style('armanty_price', $pagesStyle . '/price.css', array(), $styleVersion);
|
||||
if (is_page_template('templates/quests.php')) wp_enqueue_style('armanty_quests', $pagesStyle . '/quests.css', array(), $styleVersion);
|
||||
if (is_page_template('templates/sales.php')) wp_enqueue_style('armanty_sales', $pagesStyle . '/sales.css', array(), $styleVersion);
|
||||
if (is_page_template('templates/single-quest.php')) wp_enqueue_style('armanty_single-quest', $pagesStyle . '/single-quest.css', array(), $styleVersion);
|
||||
if (is_page_template('templates/graduation.php')) wp_enqueue_style('armanty_graduation', $pagesStyle . '/graduation.css', array(), $styleVersion);
|
||||
|
||||
wp_enqueue_style('armanty_holiday', $pagesStyle . '/holiday.css', array(), $styleVersion);
|
||||
wp_enqueue_style('armanty_quests', $pagesStyle . '/quests.css', array(), $styleVersion);
|
||||
|
||||
}
|
||||
?>
|
||||
@ -1,345 +0,0 @@
|
||||
$(document).ready(function () {
|
||||
|
||||
// Variables
|
||||
const discountModal = document.querySelector('.discount-modal');
|
||||
const discountClose = document.querySelector('.discount-modal-close');
|
||||
const discountOpen = document.querySelectorAll('.discount-item__content button');
|
||||
const discountSlider = document.querySelector('.discount-slider')
|
||||
const discountModalSlider = document.querySelector('.discount-modal-slider');
|
||||
const places = document.querySelectorAll('.places .owl-item');
|
||||
|
||||
const orderForm = document.querySelector('.order__form');
|
||||
const orderPhone = document.getElementById('orderTel');
|
||||
const orderName = document.getElementById('orderName');
|
||||
const orderEmail = document.getElementById('orderEmail');
|
||||
const orderOthers = document.getElementById('orderOthers');
|
||||
const orderModal = document.querySelector('.order-modal');
|
||||
|
||||
const mainSlider = document.querySelector('.main-slider');
|
||||
const entSlider = document.querySelector('.ent-slider');
|
||||
const placesSlider = document.querySelector('.places-slider');
|
||||
const principalsSlider = document.querySelector('.principals-slider');
|
||||
|
||||
$(orderPhone).mask('+7 (900) 000-00-00');
|
||||
|
||||
$('[data-toggle="popover"]').popover();
|
||||
|
||||
// Init sliders
|
||||
$(mainSlider).owlCarousel({
|
||||
responsive: {
|
||||
0 : {
|
||||
smartSpeed: 400,
|
||||
margin: 10,
|
||||
items: 1,
|
||||
stagePadding: 0,
|
||||
dots: true,
|
||||
loop: true,
|
||||
center: true,
|
||||
normal: false,
|
||||
lazyLoad: true,
|
||||
lazyLoadEager: 1
|
||||
// autoWidth: true
|
||||
},
|
||||
480 : {
|
||||
smartSpeed: 400,
|
||||
items: 6,
|
||||
margin: 0
|
||||
},
|
||||
768 : {
|
||||
smartSpeed: 400,
|
||||
items: 1,
|
||||
margin: 30,
|
||||
loop: true,
|
||||
autoWidth: true,
|
||||
center: true,
|
||||
dots: true,
|
||||
dotsEach: true,
|
||||
// autoplay: true,
|
||||
autoplayTimeout: 3000,
|
||||
autoplaySpeed: 1000,
|
||||
autoplayHoverPause: true
|
||||
// nav: true,
|
||||
// navText: ['<div class="principals-slider__prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>','<div class="principals-slider__next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>'],
|
||||
}
|
||||
}
|
||||
});
|
||||
$(entSlider).owlCarousel({
|
||||
responsive: {
|
||||
0 : {
|
||||
smartSpeed: 400,
|
||||
margin: 80,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
autoWidth: false,
|
||||
loop:true
|
||||
},
|
||||
360 : {
|
||||
smartSpeed: 400,
|
||||
margin: 10,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
loop:true,
|
||||
autoWidth: false
|
||||
},
|
||||
480 : {
|
||||
smartSpeed: 400,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
margin: 20,
|
||||
loop: true,
|
||||
dots: false,
|
||||
autoWidth: false
|
||||
},
|
||||
768 : {
|
||||
smartSpeed: 400,
|
||||
margin: 50,
|
||||
items: 3,
|
||||
// stagePadding: 30,
|
||||
}
|
||||
}
|
||||
});
|
||||
$(placesSlider).owlCarousel({
|
||||
responsive : {
|
||||
0 : {
|
||||
smartSpeed: 400,
|
||||
margin: 10,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
loop:true,
|
||||
autoWidth: false
|
||||
},
|
||||
360 : {
|
||||
smartSpeed: 400,
|
||||
margin: 10,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
loop:true,
|
||||
autoWidth: false
|
||||
},
|
||||
480 : {
|
||||
smartSpeed: 400,
|
||||
margin: 10,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
loop:true,
|
||||
autoWidth: false
|
||||
},
|
||||
768: {
|
||||
smartSpeed: 400,
|
||||
margin: 150,
|
||||
item: 1,
|
||||
autoWidth: true,
|
||||
nav: true,
|
||||
dots: false,
|
||||
loop: true,
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
$(discountSlider).owlCarousel({
|
||||
responsive : {
|
||||
0 : {
|
||||
smartSpeed: 400,
|
||||
margin: 80,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
loop:true
|
||||
},
|
||||
360 : {
|
||||
smartSpeed: 400,
|
||||
margin: 35,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
loop:true
|
||||
},
|
||||
480 : {
|
||||
smartSpeed: 400,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
margin: 20,
|
||||
loop: true,
|
||||
dots: false,
|
||||
autoWidth: false
|
||||
},
|
||||
1200: {
|
||||
margin: 10,
|
||||
smartSpeed: 400,
|
||||
item: 3,
|
||||
// autoWidth: true,
|
||||
nav: true,
|
||||
navText: ['<div class="discount-slider__prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>','<div class="discount-slider__next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>'],
|
||||
dots: false,
|
||||
loop: true,
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
$(discountModalSlider).owlCarousel({
|
||||
responsive: {
|
||||
0 : {
|
||||
smartSpeed: 400,
|
||||
margin: 10,
|
||||
items: 1,
|
||||
stagePadding: 0,
|
||||
dots: false,
|
||||
loop: true,
|
||||
center: true,
|
||||
normal: false,
|
||||
// lazyLoad: true,
|
||||
// lazyLoadEager: 1
|
||||
// autoWidth: true
|
||||
},
|
||||
480 : {
|
||||
smartSpeed: 400,
|
||||
items: 6,
|
||||
margin: 0
|
||||
},
|
||||
768 : {
|
||||
smartSpeed: 400,
|
||||
items: 1,
|
||||
margin: 30,
|
||||
nav: false,
|
||||
dots: false,
|
||||
loop: true
|
||||
// loop: true,
|
||||
// autoWidth: true,
|
||||
// center: true,
|
||||
// dots: true,
|
||||
// dotsEach: true,
|
||||
// autoplay: true,
|
||||
// autoplayTimeout: 3000,
|
||||
// autoplaySpeed: 1000,
|
||||
// autoplayHoverPause: true
|
||||
// nav: true,
|
||||
// navText: ['<div class="principals-slider__prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>','<div class="principals-slider__next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>'],
|
||||
}
|
||||
}
|
||||
});
|
||||
$(principalsSlider).owlCarousel({
|
||||
responsive: {
|
||||
0 : {
|
||||
smartSpeed: 400,
|
||||
margin: 30,
|
||||
items: 1,
|
||||
stagePadding: 40,
|
||||
dots: false,
|
||||
loop: true,
|
||||
// center: true,
|
||||
autoWidth: true,
|
||||
// normal: false
|
||||
},
|
||||
480 : {
|
||||
smartSpeed: 400,
|
||||
items: 2,
|
||||
stagePadding: 10,
|
||||
margin: 30,
|
||||
loop: true,
|
||||
dots: false,
|
||||
autoWidth: false
|
||||
},
|
||||
1200 : {
|
||||
smartSpeed: 400,
|
||||
dots: false,
|
||||
items: 6,
|
||||
margin: 30,
|
||||
loop: true,
|
||||
autoWidth: false,
|
||||
nav: true,
|
||||
navText: ['<div class="principals-slider__prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>','<div class="principals-slider__next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>'],
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
$(discountModalSlider).owlCarousel();
|
||||
|
||||
if(discountClose){
|
||||
discountOpen.forEach((item, index) => {
|
||||
item.addEventListener('click', () => {
|
||||
$(discountModal).show();
|
||||
owl.trigger("to.owl.carousel", index, 100);
|
||||
});
|
||||
});
|
||||
|
||||
discountModal.addEventListener('click', (e) => {
|
||||
let target = e.target;
|
||||
if(target.classList.contains('discount-modal-layout')){
|
||||
$(discountModal).hide();
|
||||
}
|
||||
})
|
||||
|
||||
discountClose.addEventListener('click', $(discountModal).hide)
|
||||
|
||||
$(".discount-modal-slider-nav-next").click(function() {
|
||||
owl.trigger("next.owl.carousel");
|
||||
});
|
||||
|
||||
$(".discount-modal-slider-nav-prev").click(function() {
|
||||
owl.trigger("prev.owl.carousel");
|
||||
});
|
||||
}
|
||||
|
||||
if (places) {
|
||||
const placesItems = Array.from(places).filter(item => !item.classList.contains('cloned'));
|
||||
|
||||
placesItems.forEach((currentItem, index) => {
|
||||
const placesSpans = currentItem.querySelectorAll('.places-img span');
|
||||
|
||||
placesSpans[0].textContent = index + 1;
|
||||
placesSpans[1].textContent = placesItems.length;
|
||||
});
|
||||
}
|
||||
|
||||
$(orderForm).on('submit', (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
var formData = {
|
||||
orderName: orderName.value,
|
||||
orderTel: orderPhone.value,
|
||||
orderEmail: orderEmail.value,
|
||||
orderOthers: orderOthers.value,
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: $(orderForm).attr('action'),
|
||||
type: 'POST',
|
||||
data: formData,
|
||||
success: function () {
|
||||
$(orderModal).show();
|
||||
$("body").css("overflow","hidden");
|
||||
},
|
||||
error: function(request, txtstatus, errorThrown){
|
||||
console.log(request);
|
||||
console.log(txtstatus);
|
||||
console.log(errorThrown);
|
||||
}
|
||||
});
|
||||
|
||||
})
|
||||
|
||||
orderModal && orderModal.addEventListener('click', (e) => {
|
||||
if (!e.target.closest('.container')){
|
||||
$(orderModal).hide();
|
||||
$("body").css("overflow","auto");
|
||||
}
|
||||
})
|
||||
|
||||
$('.packages-item a').on( 'click', function(){
|
||||
var el = $(this);
|
||||
var dest = el.attr('href'); // получаем направление
|
||||
if(dest !== undefined && dest !== '') { // проверяем существование
|
||||
$('html').animate({
|
||||
scrollTop: $(dest).offset().top // прокручиваем страницу к требуемому элементу
|
||||
}, 500 // скорость прокрутки
|
||||
);
|
||||
}
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
@ -6,4 +6,6 @@ if (sales) {
|
||||
|
||||
discountSlider.classList.remove('owl-carousel');
|
||||
discountSlider.classList.add('sales-block');
|
||||
}
|
||||
}
|
||||
|
||||
document.querySelector('.discount h2').style.display = `none`;
|
||||
338
src/js/script.js
338
src/js/script.js
@ -13,6 +13,11 @@ $(document).ready(function(){
|
||||
|
||||
const orderModal = document.querySelector('.order-modal');
|
||||
const orderModalOverlay = document.querySelector('.order-modal__overlay');
|
||||
const orderForm = document.querySelector('.order__form');
|
||||
const orderPhone = document.getElementById('orderTel');
|
||||
const orderName = document.getElementById('orderName');
|
||||
const orderEmail = document.getElementById('orderEmail');
|
||||
const orderOthers = document.getElementById('orderOthers');
|
||||
|
||||
const callBackBtn = document.querySelector('.order-call');
|
||||
const callBackForm = document.querySelector('.callback-modal form');
|
||||
@ -22,14 +27,347 @@ $(document).ready(function(){
|
||||
const callbackName = document.getElementById('callback-name');
|
||||
const callbackPhone = document.getElementById('callback-phone');
|
||||
|
||||
const discountModal = document.querySelector('.discount-modal');
|
||||
const discountClose = document.querySelector('.discount-modal-close');
|
||||
const discountOpen = document.querySelectorAll('.discount-item__content button');
|
||||
const discountSlider = document.querySelector('.discount-slider')
|
||||
const discountModalSlider = document.querySelector('.discount-modal-slider');
|
||||
|
||||
const mainSlider = document.querySelector('.main-slider');
|
||||
const entSlider = document.querySelector('.ent-slider');
|
||||
const placesSlider = document.querySelector('.places-slider');
|
||||
const principalsSlider = document.querySelector('.principals-slider');
|
||||
|
||||
const places = document.querySelectorAll('.places .owl-item');
|
||||
|
||||
let scrollPos = 0;
|
||||
|
||||
// Add styles
|
||||
$('#datapicker').datetimepicker({locale: 'ru', format: 'DD.MM.YYYY'});
|
||||
$('#datapicker2').datetimepicker({locale: 'ru', format: 'DD.MM.YYYY'});
|
||||
$(callbackPhone).mask('+7 (900) 000-00-00');
|
||||
$(orderPhone).mask('+7 (900) 000-00-00');
|
||||
$('[data-toggle="popover"]').popover();
|
||||
|
||||
// Init sliders
|
||||
$(mainSlider).owlCarousel({
|
||||
responsive: {
|
||||
0 : {
|
||||
smartSpeed: 400,
|
||||
margin: 10,
|
||||
items: 1,
|
||||
stagePadding: 0,
|
||||
dots: true,
|
||||
loop: true,
|
||||
center: true,
|
||||
normal: false,
|
||||
lazyLoad: true,
|
||||
lazyLoadEager: 1
|
||||
// autoWidth: true
|
||||
},
|
||||
480 : {
|
||||
smartSpeed: 400,
|
||||
items: 6,
|
||||
margin: 0
|
||||
},
|
||||
768 : {
|
||||
smartSpeed: 400,
|
||||
items: 1,
|
||||
margin: 30,
|
||||
loop: true,
|
||||
autoWidth: true,
|
||||
center: true,
|
||||
dots: true,
|
||||
dotsEach: true,
|
||||
// autoplay: true,
|
||||
autoplayTimeout: 3000,
|
||||
autoplaySpeed: 1000,
|
||||
autoplayHoverPause: true
|
||||
// nav: true,
|
||||
// navText: ['<div class="principals-slider__prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>','<div class="principals-slider__next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>'],
|
||||
}
|
||||
}
|
||||
});
|
||||
$(entSlider).owlCarousel({
|
||||
responsive: {
|
||||
0 : {
|
||||
smartSpeed: 400,
|
||||
margin: 80,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
autoWidth: false,
|
||||
loop:true
|
||||
},
|
||||
360 : {
|
||||
smartSpeed: 400,
|
||||
margin: 10,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
loop:true,
|
||||
autoWidth: false
|
||||
},
|
||||
480 : {
|
||||
smartSpeed: 400,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
margin: 20,
|
||||
loop: true,
|
||||
dots: false,
|
||||
autoWidth: false
|
||||
},
|
||||
768 : {
|
||||
smartSpeed: 400,
|
||||
margin: 50,
|
||||
items: 3,
|
||||
// stagePadding: 30,
|
||||
}
|
||||
}
|
||||
});
|
||||
$(placesSlider).owlCarousel({
|
||||
responsive : {
|
||||
0 : {
|
||||
smartSpeed: 400,
|
||||
margin: 10,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
loop:true,
|
||||
autoWidth: false
|
||||
},
|
||||
360 : {
|
||||
smartSpeed: 400,
|
||||
margin: 10,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
loop:true,
|
||||
autoWidth: false
|
||||
},
|
||||
480 : {
|
||||
smartSpeed: 400,
|
||||
margin: 10,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
loop:true,
|
||||
autoWidth: false
|
||||
},
|
||||
768: {
|
||||
smartSpeed: 400,
|
||||
margin: 150,
|
||||
item: 1,
|
||||
autoWidth: true,
|
||||
nav: true,
|
||||
dots: false,
|
||||
loop: true,
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
$(discountSlider).owlCarousel({
|
||||
responsive : {
|
||||
0 : {
|
||||
smartSpeed: 400,
|
||||
margin: 80,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
loop:true
|
||||
},
|
||||
360 : {
|
||||
smartSpeed: 400,
|
||||
margin: 35,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
dots: false,
|
||||
loop:true
|
||||
},
|
||||
480 : {
|
||||
smartSpeed: 400,
|
||||
items: 1,
|
||||
stagePadding: 60,
|
||||
margin: 20,
|
||||
loop: true,
|
||||
dots: false,
|
||||
autoWidth: false
|
||||
},
|
||||
1200: {
|
||||
margin: 10,
|
||||
smartSpeed: 400,
|
||||
item: 3,
|
||||
// autoWidth: true,
|
||||
nav: true,
|
||||
navText: ['<div class="discount-slider__prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>','<div class="discount-slider__next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>'],
|
||||
dots: false,
|
||||
loop: true,
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
$(discountModalSlider).owlCarousel({
|
||||
responsive: {
|
||||
0 : {
|
||||
smartSpeed: 400,
|
||||
margin: 10,
|
||||
items: 1,
|
||||
stagePadding: 0,
|
||||
dots: false,
|
||||
loop: true,
|
||||
center: true,
|
||||
normal: false,
|
||||
// lazyLoad: true,
|
||||
// lazyLoadEager: 1
|
||||
// autoWidth: true
|
||||
},
|
||||
480 : {
|
||||
smartSpeed: 400,
|
||||
items: 6,
|
||||
margin: 0
|
||||
},
|
||||
768 : {
|
||||
smartSpeed: 400,
|
||||
items: 1,
|
||||
margin: 30,
|
||||
nav: false,
|
||||
dots: false,
|
||||
loop: true
|
||||
// loop: true,
|
||||
// autoWidth: true,
|
||||
// center: true,
|
||||
// dots: true,
|
||||
// dotsEach: true,
|
||||
// autoplay: true,
|
||||
// autoplayTimeout: 3000,
|
||||
// autoplaySpeed: 1000,
|
||||
// autoplayHoverPause: true
|
||||
// nav: true,
|
||||
// navText: ['<div class="principals-slider__prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>','<div class="principals-slider__next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>'],
|
||||
}
|
||||
}
|
||||
});
|
||||
$(principalsSlider).owlCarousel({
|
||||
responsive: {
|
||||
0 : {
|
||||
smartSpeed: 400,
|
||||
margin: 30,
|
||||
items: 1,
|
||||
stagePadding: 40,
|
||||
dots: false,
|
||||
loop: true,
|
||||
// center: true,
|
||||
autoWidth: true,
|
||||
// normal: false
|
||||
},
|
||||
480 : {
|
||||
smartSpeed: 400,
|
||||
items: 2,
|
||||
stagePadding: 10,
|
||||
margin: 30,
|
||||
loop: true,
|
||||
dots: false,
|
||||
autoWidth: false
|
||||
},
|
||||
1200 : {
|
||||
smartSpeed: 400,
|
||||
dots: false,
|
||||
items: 6,
|
||||
margin: 30,
|
||||
loop: true,
|
||||
autoWidth: false,
|
||||
nav: true,
|
||||
navText: ['<div class="principals-slider__prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>','<div class="principals-slider__next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>'],
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
$(discountModalSlider).owlCarousel();
|
||||
|
||||
|
||||
// Add listeners
|
||||
if(discountClose){
|
||||
discountOpen.forEach((item, index) => {
|
||||
item.addEventListener('click', () => {
|
||||
$(discountModal).show();
|
||||
owl.trigger("to.owl.carousel", index, 100);
|
||||
});
|
||||
});
|
||||
|
||||
discountModal.addEventListener('click', (e) => {
|
||||
let target = e.target;
|
||||
if(target.classList.contains('discount-modal-layout')){
|
||||
$(discountModal).hide();
|
||||
}
|
||||
})
|
||||
|
||||
discountClose.addEventListener('click', $(discountModal).hide)
|
||||
|
||||
$(".discount-modal-slider-nav-next").click(function() {
|
||||
owl.trigger("next.owl.carousel");
|
||||
});
|
||||
|
||||
$(".discount-modal-slider-nav-prev").click(function() {
|
||||
owl.trigger("prev.owl.carousel");
|
||||
});
|
||||
}
|
||||
|
||||
if (places) {
|
||||
const placesItems = Array.from(places).filter(item => !item.classList.contains('cloned'));
|
||||
|
||||
placesItems.forEach((currentItem, index) => {
|
||||
const placesSpans = currentItem.querySelectorAll('.places-img span');
|
||||
|
||||
placesSpans[0].textContent = index + 1;
|
||||
placesSpans[1].textContent = placesItems.length;
|
||||
});
|
||||
}
|
||||
|
||||
$(orderForm).on('submit', (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
var formData = {
|
||||
orderName: orderName.value,
|
||||
orderTel: orderPhone.value,
|
||||
orderEmail: orderEmail.value,
|
||||
orderOthers: orderOthers.value,
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: $(orderForm).attr('action'),
|
||||
type: 'POST',
|
||||
data: formData,
|
||||
success: function () {
|
||||
$(orderModal).show();
|
||||
$("body").css("overflow","hidden");
|
||||
},
|
||||
error: function(request, txtstatus, errorThrown){
|
||||
console.log(request);
|
||||
console.log(txtstatus);
|
||||
console.log(errorThrown);
|
||||
}
|
||||
});
|
||||
|
||||
})
|
||||
|
||||
orderModal && orderModal.addEventListener('click', (e) => {
|
||||
if (!e.target.closest('.container')){
|
||||
$(orderModal).hide();
|
||||
$("body").css("overflow","auto");
|
||||
}
|
||||
})
|
||||
|
||||
$('.packages-item a').on( 'click', function(){
|
||||
var el = $(this);
|
||||
var dest = el.attr('href'); // получаем направление
|
||||
if(dest !== undefined && dest !== '') { // проверяем существование
|
||||
$('html').animate({
|
||||
scrollTop: $(dest).offset().top // прокручиваем страницу к требуемому элементу
|
||||
}, 500 // скорость прокрутки
|
||||
);
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
callBackBtn.addEventListener('click', (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
@ -53,3 +53,14 @@
|
||||
font-family: 'Roboto';
|
||||
src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-weight: 400;
|
||||
font-family: 'PT Sans';
|
||||
src: url('../fonts/PT-Sans/PTSans-Regular.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-weight: 700;
|
||||
font-family: 'PT Sans';
|
||||
src: url('../fonts/PT-Sans/PTSans-Bold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@ -1,463 +0,0 @@
|
||||
@import './constansts';
|
||||
|
||||
.full-page__border {
|
||||
height: 144px;
|
||||
margin-top: -20px;
|
||||
padding: 25px 0;
|
||||
background: #f2f2f2 url('../img/holiday/border-wave-line.svg') center center no-repeat;
|
||||
background-size: 100% 48px;
|
||||
}
|
||||
|
||||
.item {
|
||||
position: relative;
|
||||
width: 777px;
|
||||
height: 577px;
|
||||
}
|
||||
|
||||
.page {
|
||||
&-header {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 408px;
|
||||
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
h1 {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
font-size: 48px;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
line-height: 0.75;
|
||||
letter-spacing: 0.4px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
}
|
||||
|
||||
.wonderplugin3dcarousel-text {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wonderplugin3dcarousel-item {
|
||||
a {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.main {
|
||||
margin-top: 35px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.contacts-image {
|
||||
transform: translateY(10px);
|
||||
}
|
||||
|
||||
.callback-modal {
|
||||
display: none;
|
||||
height: 100vh;
|
||||
|
||||
&__layout {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 999999;
|
||||
width: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
&__body {
|
||||
position: fixed;
|
||||
top: 100px;
|
||||
left: 50%;
|
||||
z-index: 9999999;
|
||||
max-width: 300px;
|
||||
margin: 0 auto;
|
||||
padding: 10px 20px 25px;
|
||||
border-radius: 5px;
|
||||
background: #ffffff;
|
||||
color: #303133;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
&__close {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
|
||||
i {
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gllr_image_block {
|
||||
margin-bottom: 20px;
|
||||
|
||||
p {
|
||||
width: 240px !important;
|
||||
height: 180px !important;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 240px !important;
|
||||
height: 180px !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
&:nth-child(4n+2) {
|
||||
margin-right: 10px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
&:nth-child(4n+3) {
|
||||
margin-right: 20px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.main {
|
||||
height: 250px !important;
|
||||
}
|
||||
|
||||
.present .container {
|
||||
&::after {
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
&::before {
|
||||
left: -72px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.places-slider {
|
||||
&::before {
|
||||
right: -30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
h1 {
|
||||
font-size: 34px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
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) {
|
||||
.btn-round {
|
||||
padding: 15px !important;
|
||||
}
|
||||
|
||||
.main {
|
||||
height: 200px !important;
|
||||
margin-top: 0;
|
||||
padding: 0 !important;
|
||||
|
||||
img {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
.page-header {
|
||||
h1 {
|
||||
font-size: 28px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
}
|
||||
|
||||
.header-navmenu__item {
|
||||
&:first-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn-round {
|
||||
min-width: 165px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding: 14px 20px;
|
||||
border-color: $main-color;
|
||||
border-radius: 44px;
|
||||
background-color: $main-color;
|
||||
box-shadow: 0 2px 12px 0 rgba(56, 72, 95, 0.49);
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
letter-spacing: 1.2px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:hover {
|
||||
border-color: $main-color;
|
||||
background-color: darken($main-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.owl-carousel {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.owl-nav button {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.container {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.owl-dots {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
.owl-dot {
|
||||
width: 30px !important;
|
||||
height: 3px !important;
|
||||
margin: 10px !important;
|
||||
border: 1px solid #f2f2f2 !important;
|
||||
|
||||
.active {
|
||||
border: 3px solid #f2f2f2 !important;
|
||||
background-color: #000000 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.owl-stage-outer {
|
||||
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;
|
||||
|
||||
&:hover {
|
||||
border-color: $main-color;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-outline-danger {
|
||||
border-color: $main-color;
|
||||
color: $main-color;
|
||||
|
||||
&:hover {
|
||||
border-color: $main-color;
|
||||
background-color: $main-color;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.wave {
|
||||
> div {
|
||||
background-color: #f2f2f2;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: relative;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 112px;
|
||||
background: url('../img/wave/border-wave-top.svg') center no-repeat;
|
||||
background-size: 100% 112px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 112px;
|
||||
background: url('../img/wave/border-wave-bottom.svg') center no-repeat;
|
||||
background-size: 100% 112px;
|
||||
}
|
||||
}
|
||||
|
||||
&-no-bottom {
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-no-top {
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-block {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.hide-menu {
|
||||
display: block !important;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.container,
|
||||
.container-lg,
|
||||
.container-md,
|
||||
.container-sm,
|
||||
.container-xl {
|
||||
max-width: 1195px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 770px) {
|
||||
.wave {
|
||||
&::before {
|
||||
height: 55px;
|
||||
background-size: 100% 55px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
height: 55px;
|
||||
background-size: 100% 55px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
h2 {
|
||||
font-size: 28px !important;
|
||||
}
|
||||
|
||||
.var-line {
|
||||
.row {
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.packages-item {
|
||||
width: 255px;
|
||||
}
|
||||
|
||||
.full-page__border {
|
||||
display: none;
|
||||
height: auto !important;
|
||||
|
||||
.callback-modal__body {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
.form-block {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.wave > div {
|
||||
background: #ffffff;
|
||||
}
|
||||
}
|
||||
@ -1,6 +1,10 @@
|
||||
@import '../constansts';
|
||||
@import '../parts/order';
|
||||
|
||||
@import '../../libs/bootstrap_datetimepicker/css/bootstrap-datetimepicker.min.css';
|
||||
@import '../../libs/bootstrap_datetimepicker/css/bootstrap.min.css';
|
||||
@import '../../libs/bootstrap-select/bootstrap-select.min.css';
|
||||
|
||||
.btn, body {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
@ -26,8 +26,6 @@ body {
|
||||
|
||||
main {
|
||||
position: relative;
|
||||
|
||||
// height: 1019px
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: center url('../../img/graduation/main_bg.png');
|
||||
@ -327,11 +325,6 @@ main {
|
||||
font-size: 24px;
|
||||
font-family: 'Shadow Regular', sans-serif;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
// text-decoration: none
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
#tooltip {
|
||||
@ -351,8 +344,6 @@ main {
|
||||
&_button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
// padding: 5px 10px
|
||||
padding: 20px 25px;
|
||||
border: 0;
|
||||
border-radius: 10px;
|
||||
|
||||
@ -24,8 +24,6 @@
|
||||
&-headers {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
|
||||
// height: 100%
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@ -104,8 +102,6 @@
|
||||
&-icons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
// flex-direction:
|
||||
justify-content: space-between;
|
||||
max-width: 350px;
|
||||
margin-right: auto;
|
||||
|
||||
@ -170,7 +170,6 @@
|
||||
|
||||
.carousel-control-next, .carousel-control-prev, .carousel-control-next-icon, .carousel-control-prev-icon {
|
||||
z-index: 5;
|
||||
// width: 20px !important
|
||||
height: 40px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -24,7 +24,6 @@
|
||||
|
||||
.ent {
|
||||
position: relative;
|
||||
// padding-top: 20px 10.10.2020
|
||||
padding-top: 70px;
|
||||
padding-bottom: 20px;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
@ -229,8 +228,6 @@
|
||||
}
|
||||
|
||||
.owl-item {
|
||||
// background-size: cover
|
||||
|
||||
&:nth-child(3n+1) {
|
||||
h3 {
|
||||
color: #5cbae9;
|
||||
|
||||
@ -1,14 +1,8 @@
|
||||
.footer { // margin-top: 50px
|
||||
.footer {
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
background-color: #3c3d41;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
// &::before
|
||||
// content: ""
|
||||
// display: block
|
||||
// height: 60px
|
||||
// background: #ffffff url('../img/icons/footer-line.svg') center bottom no-repeat
|
||||
// background-size: 100% 60px
|
||||
|
||||
img {
|
||||
display: none;
|
||||
@ -32,7 +26,6 @@
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
letter-spacing: 0.2px;
|
||||
// margin: 0 0 20px 0
|
||||
text-align: center;
|
||||
|
||||
span {
|
||||
@ -41,9 +34,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&__submenu { // margin-top: 30px
|
||||
&__submenu {
|
||||
overflow: hidden;
|
||||
// transition: 0.15s ease-in-out
|
||||
|
||||
li {
|
||||
margin: 15px 0;
|
||||
|
||||
@ -191,8 +191,6 @@
|
||||
left: auto !important;
|
||||
z-index: 9;
|
||||
display: none;
|
||||
|
||||
// width: 138px
|
||||
width: 100%;
|
||||
padding-left: 0;
|
||||
background-color: $main-color;
|
||||
@ -265,10 +263,6 @@
|
||||
margin-top: 20px !important;
|
||||
}
|
||||
|
||||
.header-submenu {
|
||||
//right: -10px !important
|
||||
}
|
||||
|
||||
.header-navmenu__container {
|
||||
overflow: visible !important;
|
||||
padding: 15px 350px;
|
||||
@ -537,7 +531,6 @@
|
||||
}
|
||||
|
||||
.header-navmenu__container .header-navmenu {
|
||||
// box-shadow: none
|
||||
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
@ -569,11 +562,6 @@
|
||||
padding: 15px 50px;
|
||||
}
|
||||
|
||||
.header button {
|
||||
// padding: 3px 0
|
||||
|
||||
}
|
||||
|
||||
.header-phone-number-block {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@ -72,8 +72,6 @@
|
||||
&.current-menu-item {
|
||||
background: #f2f2f2;
|
||||
|
||||
// border-bottom: 2px solid $main-color
|
||||
|
||||
a {
|
||||
color: $main-color;
|
||||
}
|
||||
@ -112,10 +110,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.header-submenu {
|
||||
//right: -10px !important
|
||||
}
|
||||
|
||||
.header-navmenu__container {
|
||||
overflow: visible !important;
|
||||
padding: 15px 350px;
|
||||
@ -154,11 +148,6 @@
|
||||
padding: 15px 50px;
|
||||
}
|
||||
|
||||
.header button {
|
||||
// padding: 3px 0
|
||||
|
||||
}
|
||||
|
||||
.header-phone-number-block {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@ -59,7 +59,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
// text-align: center
|
||||
|
||||
@media screen and (max-width: 770px) {
|
||||
.map-block {
|
||||
|
||||
@ -9,10 +9,7 @@
|
||||
}
|
||||
|
||||
.owl-nav {
|
||||
// display: block !important
|
||||
position: absolute;
|
||||
|
||||
// right: 268px
|
||||
right: 320px;
|
||||
bottom: 5px;
|
||||
display: flex !important;
|
||||
@ -20,10 +17,6 @@
|
||||
width: 200px;
|
||||
|
||||
button {
|
||||
|
||||
// margin-left: 15px
|
||||
// margin-right: 15px
|
||||
// position: absolute
|
||||
bottom: 0;
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
@ -55,7 +48,6 @@
|
||||
}
|
||||
|
||||
&-item {
|
||||
// background: none !important
|
||||
position: relative;
|
||||
width: 1100px;
|
||||
height: auto;
|
||||
@ -130,7 +122,6 @@
|
||||
|
||||
li {
|
||||
margin-top: 5px;
|
||||
// position: relative
|
||||
font-size: 20px;
|
||||
line-height: 1.4;
|
||||
letter-spacing: 0.2px;
|
||||
@ -223,7 +214,6 @@
|
||||
}
|
||||
|
||||
span {
|
||||
// font-size: 16px
|
||||
font-size: 12px;
|
||||
line-height: 1.38;
|
||||
}
|
||||
@ -273,12 +263,9 @@
|
||||
&-item {
|
||||
width: 290px;
|
||||
max-width: 100% !important;
|
||||
// height: 570px
|
||||
height: 455px;
|
||||
margin-top: 15px;
|
||||
|
||||
//background: none !important
|
||||
|
||||
&__layout {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@ -1,10 +1,5 @@
|
||||
.present {
|
||||
|
||||
// background: #f2f2f2
|
||||
padding-top: 60px;
|
||||
|
||||
// padding-left: 10px
|
||||
// padding-right: 10px
|
||||
padding-bottom: 20px;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
|
||||
@ -37,7 +32,6 @@
|
||||
}
|
||||
|
||||
&-layout {
|
||||
// background: #f2f2f2
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
@ -62,7 +56,6 @@
|
||||
margin-bottom: 15px;
|
||||
|
||||
img {
|
||||
// right: 115px
|
||||
left: -115px;
|
||||
}
|
||||
|
||||
@ -91,8 +84,6 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
|
||||
// justify-content: center
|
||||
width: 757px;
|
||||
height: 360px;
|
||||
padding: 70px 100px 0 251px;
|
||||
@ -147,9 +138,6 @@
|
||||
&:last-child {
|
||||
.present-item__text {
|
||||
padding: 20px !important;
|
||||
|
||||
//padding-right: 251px
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -159,7 +147,6 @@
|
||||
@media screen and (max-width: 770px) {
|
||||
.present {
|
||||
&-item {
|
||||
// transform: scale(0.8)
|
||||
height: 250px;
|
||||
|
||||
img {
|
||||
|
||||
@ -33,13 +33,6 @@
|
||||
&-slider {
|
||||
padding: 0;
|
||||
|
||||
// position: relative
|
||||
// div
|
||||
// display: flex
|
||||
// justify-content: center
|
||||
// align-items: center
|
||||
// // width: 141px
|
||||
|
||||
&__prev {
|
||||
position: absolute;
|
||||
top: 33%;
|
||||
|
||||
@ -1,3 +1,10 @@
|
||||
@import '../libs/font-awesome-4.7.0/css/font-awesome.min.css';
|
||||
@import '../libs/bootstrap-4.4.1-dist/css/bootstrap.min.css';
|
||||
@import '../libs/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css';
|
||||
|
||||
@import './fonts';
|
||||
@import './constansts';
|
||||
|
||||
@import 'parts/header';
|
||||
@import 'parts/footer';
|
||||
|
||||
@ -7,3 +14,467 @@ body {
|
||||
padding: 0;
|
||||
font-family: 'Museo Regular', sans-serif;
|
||||
}
|
||||
|
||||
.full-page__border {
|
||||
height: 144px;
|
||||
margin-top: -20px;
|
||||
padding: 25px 0;
|
||||
background: #f2f2f2 url('../img/holiday/border-wave-line.svg') center center no-repeat;
|
||||
background-size: 100% 48px;
|
||||
}
|
||||
|
||||
.item {
|
||||
position: relative;
|
||||
width: 777px;
|
||||
height: 577px;
|
||||
}
|
||||
|
||||
.page {
|
||||
&-header {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 408px;
|
||||
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
h1 {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
font-size: 48px;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
line-height: 0.75;
|
||||
letter-spacing: 0.4px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
}
|
||||
|
||||
.wonderplugin3dcarousel-text {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wonderplugin3dcarousel-item {
|
||||
a {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.main {
|
||||
margin-top: 35px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.contacts-image {
|
||||
transform: translateY(10px);
|
||||
}
|
||||
|
||||
.callback-modal {
|
||||
display: none;
|
||||
height: 100vh;
|
||||
|
||||
&__layout {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 999999;
|
||||
width: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
&__body {
|
||||
position: fixed;
|
||||
top: 100px;
|
||||
left: 50%;
|
||||
z-index: 9999999;
|
||||
max-width: 300px;
|
||||
margin: 0 auto;
|
||||
padding: 10px 20px 25px;
|
||||
border-radius: 5px;
|
||||
background: #ffffff;
|
||||
color: #303133;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
&__close {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
|
||||
i {
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gllr_image_block {
|
||||
margin-bottom: 20px;
|
||||
|
||||
p {
|
||||
width: 240px !important;
|
||||
height: 180px !important;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 240px !important;
|
||||
height: 180px !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
&:nth-child(4n+2) {
|
||||
margin-right: 10px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
&:nth-child(4n+3) {
|
||||
margin-right: 20px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.main {
|
||||
height: 250px !important;
|
||||
}
|
||||
|
||||
.present .container {
|
||||
&::after {
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
&::before {
|
||||
left: -72px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.places-slider {
|
||||
&::before {
|
||||
right: -30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
h1 {
|
||||
font-size: 34px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
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) {
|
||||
.btn-round {
|
||||
padding: 15px !important;
|
||||
}
|
||||
|
||||
.main {
|
||||
height: 200px !important;
|
||||
margin-top: 0;
|
||||
padding: 0 !important;
|
||||
|
||||
img {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
.page-header {
|
||||
h1 {
|
||||
font-size: 28px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
}
|
||||
|
||||
.header-navmenu__item {
|
||||
&:first-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn-round {
|
||||
min-width: 165px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding: 14px 20px;
|
||||
border-color: $main-color;
|
||||
border-radius: 44px;
|
||||
background-color: $main-color;
|
||||
box-shadow: 0 2px 12px 0 rgba(56, 72, 95, 0.49);
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
letter-spacing: 1.2px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:hover {
|
||||
border-color: $main-color;
|
||||
background-color: darken($main-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.owl-carousel {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.owl-nav button {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.container {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.owl-dots {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
.owl-dot {
|
||||
width: 30px !important;
|
||||
height: 3px !important;
|
||||
margin: 10px !important;
|
||||
border: 1px solid #f2f2f2 !important;
|
||||
|
||||
.active {
|
||||
border: 3px solid #f2f2f2 !important;
|
||||
background-color: #000000 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.owl-stage-outer {
|
||||
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;
|
||||
|
||||
&:hover {
|
||||
border-color: $main-color;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-outline-danger {
|
||||
border-color: $main-color;
|
||||
color: $main-color;
|
||||
|
||||
&:hover {
|
||||
border-color: $main-color;
|
||||
background-color: $main-color;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.wave {
|
||||
> div {
|
||||
background-color: #f2f2f2;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: relative;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 112px;
|
||||
background: url('../img/wave/border-wave-top.svg') center no-repeat;
|
||||
background-size: 100% 112px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 112px;
|
||||
background: url('../img/wave/border-wave-bottom.svg') center no-repeat;
|
||||
background-size: 100% 112px;
|
||||
}
|
||||
}
|
||||
|
||||
&-no-bottom {
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-no-top {
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-block {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.hide-menu {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.container,
|
||||
.container-lg,
|
||||
.container-md,
|
||||
.container-sm,
|
||||
.container-xl {
|
||||
max-width: 1195px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 770px) {
|
||||
.wave {
|
||||
&::before {
|
||||
height: 55px;
|
||||
background-size: 100% 55px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
height: 55px;
|
||||
background-size: 100% 55px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
h2 {
|
||||
font-size: 28px !important;
|
||||
}
|
||||
|
||||
.var-line {
|
||||
.row {
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.packages-item {
|
||||
width: 255px;
|
||||
}
|
||||
|
||||
.full-page__border {
|
||||
display: none;
|
||||
height: auto !important;
|
||||
|
||||
.callback-modal__body {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
.form-block {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.wave > div {
|
||||
background: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -2,10 +2,11 @@
|
||||
display:none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 576px){
|
||||
@media screen and (max-width: 576px) {
|
||||
.main .slider-mobile {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .slider-desktop{
|
||||
display:none;
|
||||
}
|
||||
|
||||
@ -3,12 +3,13 @@
|
||||
* Template Name: Сертификаты/Certificates
|
||||
*/
|
||||
?>
|
||||
|
||||
<?php
|
||||
get_header();
|
||||
get_template_part('parts/contacts/contacts-header');
|
||||
get_template_part('parts/certificates/text');
|
||||
get_template_part('parts/certificates/advantages');
|
||||
?>
|
||||
?>
|
||||
<div class="wave">
|
||||
<?php get_template_part('parts/certificates/target'); ?>
|
||||
</div>
|
||||
@ -29,8 +30,7 @@
|
||||
document.querySelector('.holiday-descr__text').innerHTML = `<?php echo the_field('cert_text', 35)?>`;
|
||||
$('.holiday-descr h2').remove();
|
||||
</script>
|
||||
<?php get_footer();
|
||||
?>
|
||||
<?php get_footer(); ?>
|
||||
|
||||
|
||||
|
||||
|
||||
@ -3,15 +3,12 @@
|
||||
* Template Name: Контакты/Contacts
|
||||
*/
|
||||
?>
|
||||
<?php
|
||||
get_header();
|
||||
?>
|
||||
|
||||
<?php get_header(); ?>
|
||||
<div class="page contacts">
|
||||
<?php
|
||||
get_template_part( 'parts/contacts/contacts-header');
|
||||
get_template_part( 'parts/contacts/contacts-text');
|
||||
// get_template_part( 'parts/map-block');
|
||||
|
||||
?>
|
||||
<div class="contacts-map armanty_map_desktop" style="width: 100%; max-width: 1360px; margin: 0 auto;">
|
||||
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Af18ed4c0cd95416d562fde1c5e3dc89675e160302780e8f981fc5f8fc709412f&width=1280&height=720&lang=ru_RU&scroll=true"></script>
|
||||
@ -20,9 +17,6 @@
|
||||
<div class="contacts-map armanty_map_mobile" style="width: 100%; max-width: 1360px; margin: 0 auto;">
|
||||
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A4ce98d9dce69d7b215cc3206427d64224c40b45b58131a2522b9b52668eb89ab&width=500&height=400&lang=ru_RU&scroll=true"></script>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<?php
|
||||
get_footer();
|
||||
?>
|
||||
|
||||
<?php get_footer(); ?>
|
||||
@ -3,6 +3,7 @@
|
||||
* Template Name: Главная Форма/Main Form
|
||||
*/
|
||||
?>
|
||||
|
||||
<?php
|
||||
get_header();
|
||||
get_template_part('parts/form/form-content');
|
||||
|
||||
@ -9,5 +9,4 @@
|
||||
get_template_part('parts/gallery/gallery-header');
|
||||
get_template_part('parts/gallery/gallery-content');
|
||||
get_footer();
|
||||
|
||||
?>
|
||||
@ -3,11 +3,12 @@
|
||||
* Template Name: Праздник/Holiday
|
||||
*/
|
||||
?>
|
||||
|
||||
<?php
|
||||
get_header();
|
||||
get_template_part('parts/quests/quests-header');
|
||||
// get_template_part('parts/holiday/main');
|
||||
get_template_part('parts/home/entertaiment'); ?>
|
||||
get_template_part('parts/home/entertaiment');
|
||||
?>
|
||||
<div class="full-page__border"></div>
|
||||
<?php
|
||||
get_template_part('parts/home/places');
|
||||
@ -16,15 +17,14 @@
|
||||
get_template_part('parts/holiday/photos');
|
||||
get_template_part('parts/holiday/packages');
|
||||
get_template_part('parts/holiday/var');
|
||||
// get_template_part('parts/home/present');?>
|
||||
<!-- <div class="" style="background: #f2f2f2">
|
||||
?>
|
||||
<?php get_template_part('parts/home/principals'); ?>
|
||||
</div> -->
|
||||
<!-- <?php
|
||||
get_template_part('parts/home/map-block'); ?> -->
|
||||
</div>
|
||||
|
||||
<div class="" style="background: #f2f2f2">
|
||||
<?php get_template_part('parts/holiday/description'); ?>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
if(is_page('24')){?>
|
||||
<script>
|
||||
|
||||
@ -4,13 +4,14 @@
|
||||
*/
|
||||
?>
|
||||
|
||||
<?php get_header();
|
||||
get_template_part( 'parts/home/main');
|
||||
get_template_part( 'parts/home/entertaiment');
|
||||
get_template_part( 'parts/home/order');
|
||||
get_template_part( 'parts/home/places');
|
||||
get_template_part( 'parts/home/discount');
|
||||
get_template_part( 'parts/home/present');
|
||||
get_template_part( 'parts/home/principals');
|
||||
|
||||
get_footer() ?>
|
||||
<?php
|
||||
get_header();
|
||||
get_template_part( 'parts/home/main');
|
||||
get_template_part( 'parts/home/entertaiment');
|
||||
get_template_part( 'parts/home/order');
|
||||
get_template_part( 'parts/home/places');
|
||||
get_template_part( 'parts/home/discount');
|
||||
get_template_part( 'parts/home/present');
|
||||
get_template_part( 'parts/home/principals');
|
||||
get_footer()
|
||||
?>
|
||||
@ -3,6 +3,7 @@
|
||||
* Template Name: Цены/Price
|
||||
*/
|
||||
?>
|
||||
|
||||
<?php
|
||||
get_header();
|
||||
get_template_part( 'parts/price/main');
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
<?php
|
||||
/*
|
||||
Template Name: Квесты/Quests
|
||||
*/
|
||||
get_header();
|
||||
/**
|
||||
*Template Name: Квесты/Quests
|
||||
*/
|
||||
?>
|
||||
|
||||
<div class="quests">
|
||||
<?php get_template_part('parts/quests/quests-header');
|
||||
get_template_part('parts/quests/quests-content'); ?>
|
||||
|
||||
@ -1,24 +1,18 @@
|
||||
<?php
|
||||
/**
|
||||
* Template Name: Скидки/Sales
|
||||
*/
|
||||
/**
|
||||
* Template Name: Скидки/Sales
|
||||
*/
|
||||
?>
|
||||
|
||||
<?php
|
||||
get_header();
|
||||
?>
|
||||
<?php get_header();?>
|
||||
|
||||
<div class="page sales">
|
||||
<div class="page-header" style="background: url('<?php echo the_field('armanty_discount_img') ?>') top left no-repeat; background-size: cover" >
|
||||
<div class="page-overlay"></div>
|
||||
<h1>Скидки и акции на квесты</h1>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
get_template_part('parts/home/discount');
|
||||
?>
|
||||
|
||||
<script>
|
||||
document.querySelector('.discount h2').style.display = `none`;
|
||||
</script>
|
||||
<?php
|
||||
get_footer();
|
||||
get_footer();
|
||||
?>
|
||||
|
||||
@ -4,13 +4,12 @@
|
||||
* Template Post Type: armanty_quests
|
||||
*/
|
||||
?>
|
||||
|
||||
<?php
|
||||
get_header();
|
||||
get_template_part('parts/quests/single/slider');
|
||||
get_template_part('parts/quests/single/description'); ?>
|
||||
<div class="quest__booking container">
|
||||
<?php the_field('quest_booking')?>
|
||||
<?php the_field('quest_booking')?>
|
||||
</div>
|
||||
<?php
|
||||
get_footer();
|
||||
?>
|
||||
<?php get_footer(); ?>
|
||||
Loading…
x
Reference in New Issue
Block a user