add style lint
This commit is contained in:
parent
05b7be359b
commit
958f87722b
@ -1,10 +1,13 @@
|
|||||||
// js
|
// js
|
||||||
import gulp from 'gulp';
|
import gulp from 'gulp';
|
||||||
import gulpif from 'gulp-if';
|
import gulpif from 'gulp-if';
|
||||||
import sourcemaps from 'gulp-sourcemaps';
|
import sourcemaps from 'gulp-sourcemaps';
|
||||||
import uglify from 'gulp-uglify';
|
import uglify from 'gulp-uglify';
|
||||||
|
import source from 'vinyl-source-stream';
|
||||||
|
import buffer from 'vinyl-buffer';
|
||||||
|
|
||||||
import pathConfig from '../paths.js'
|
import pathConfig from '../paths.js'
|
||||||
|
import browserify from 'browserify';
|
||||||
|
|
||||||
export const scriptsBuild = () => {
|
export const scriptsBuild = () => {
|
||||||
return gulp.src(`${pathConfig.src.js}/**/*.js`)
|
return gulp.src(`${pathConfig.src.js}/**/*.js`)
|
||||||
@ -16,4 +19,21 @@ export const scriptsBuild = () => {
|
|||||||
.pipe(gulp.dest(pathConfig.assets.js))
|
.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';
|
import gcmq from 'gulp-group-css-media-queries';
|
||||||
|
|
||||||
export const stylesBuild = () => {
|
export const stylesBuild = () => {
|
||||||
return gulp.src(`${pathConfig.src.sass}/**/*.sass`, {
|
return gulp.src(`${pathConfig.src.sass}/**/*.scss`, {
|
||||||
ignore: pathConfig.isProd && [`${pathConfig.src.sass}/parts/*.sass`]
|
ignore: pathConfig.isProd && [`${pathConfig.src.sass}/parts/*.scss`]
|
||||||
})
|
})
|
||||||
|
|
||||||
.pipe(newer('*'))
|
.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,
|
imagesDevelop,
|
||||||
phpDevelop,
|
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",
|
"name": "ksv741_armanty",
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"description": "",
|
"description": "",
|
||||||
"main": "gulpfile.js",
|
"main": "gulpfile.babel.js",
|
||||||
"devDependencies": {
|
"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",
|
"browser-sync": "^2.26.14",
|
||||||
|
"browserify": "^17.0.0",
|
||||||
"del": "^6.0.0",
|
"del": "^6.0.0",
|
||||||
"gulp": "^4.0.2",
|
"gulp": "^4.0.2",
|
||||||
"gulp-autoprefixer": "^7.0.1",
|
"gulp-autoprefixer": "^7.0.1",
|
||||||
|
"gulp-browserify": "^0.5.1",
|
||||||
"gulp-changed": "^4.0.2",
|
"gulp-changed": "^4.0.2",
|
||||||
"gulp-clean-css": "^4.3.0",
|
"gulp-clean-css": "^4.3.0",
|
||||||
"gulp-group-css-media-queries": "^1.2.2",
|
"gulp-group-css-media-queries": "^1.2.2",
|
||||||
@ -31,6 +38,9 @@
|
|||||||
"stylelint-config-sass-guidelines": "^8.0.0",
|
"stylelint-config-sass-guidelines": "^8.0.0",
|
||||||
"stylelint-config-standard": "^21.0.0",
|
"stylelint-config-standard": "^21.0.0",
|
||||||
"stylelint-order": "^4.1.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"
|
"yargs": "^15.4.1"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
<?php
|
<?php
|
||||||
add_action('init', 'create_global_variable');
|
add_action('init', 'create_global_variable');
|
||||||
|
|
||||||
function create_global_variable() {
|
function create_global_variable() {
|
||||||
@ -15,4 +15,4 @@
|
|||||||
|
|
||||||
$version = '1.0.8';
|
$version = '1.0.8';
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|||||||
@ -6,49 +6,32 @@
|
|||||||
$libs = $GLOBALS['paths']['libs'];
|
$libs = $GLOBALS['paths']['libs'];
|
||||||
$version = $GLOBALS['version'];
|
$version = $GLOBALS['version'];
|
||||||
|
|
||||||
|
// jQuery
|
||||||
wp_deregister_script( 'jquery' );
|
wp_deregister_script( 'jquery' );
|
||||||
wp_register_script( 'jquery', $libs . '/jquery-3.4.1/jquery-3.4.1.min.js');
|
wp_register_script( 'jquery', $libs . '/jquery-3.4.1/jquery-3.4.1.min.js');
|
||||||
wp_enqueue_script('jquery');
|
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( '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')) {
|
// Common script
|
||||||
wp_enqueue_script( 'poper', $libs . '/bootstrap-4.4.1-dist/js/popper.min.js', ['jquery'], $version, true);
|
wp_enqueue_script( 'script', $js . '/script.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);
|
|
||||||
|
|
||||||
|
// Pages scripts
|
||||||
if(is_front_page() || is_page ('24') || is_page('35') || is_page('56')){
|
if (is_page_template('templates/certificates.php')) wp_enqueue_style('armanty_certificates', $js . '/pages/certificates.js', ['jquery'], $version, true);
|
||||||
wp_enqueue_script( 'main', $js . '/components/main.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 ('8')){
|
if (is_page_template('templates/holiday.php')) wp_enqueue_style('armanty_holiday', $js . '/pages/holiday.js', ['jquery'], $version, true);
|
||||||
wp_enqueue_script( 'quests', $js . '/components/quests.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);
|
||||||
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);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
?>
|
?>
|
||||||
@ -8,37 +8,23 @@
|
|||||||
$pagesStyle = $css . '/pages';
|
$pagesStyle = $css . '/pages';
|
||||||
$styleVersion = $GLOBALS['version'];
|
$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);
|
// Common styles
|
||||||
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);
|
|
||||||
wp_enqueue_style('armanty_style', $css . '/style.css', array(), $styleVersion);
|
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/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/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/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/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/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/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/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/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/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/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.remove('owl-carousel');
|
||||||
discountSlider.classList.add('sales-block');
|
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 orderModal = document.querySelector('.order-modal');
|
||||||
const orderModalOverlay = document.querySelector('.order-modal__overlay');
|
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 callBackBtn = document.querySelector('.order-call');
|
||||||
const callBackForm = document.querySelector('.callback-modal form');
|
const callBackForm = document.querySelector('.callback-modal form');
|
||||||
@ -22,14 +27,347 @@ $(document).ready(function(){
|
|||||||
const callbackName = document.getElementById('callback-name');
|
const callbackName = document.getElementById('callback-name');
|
||||||
const callbackPhone = document.getElementById('callback-phone');
|
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;
|
let scrollPos = 0;
|
||||||
|
|
||||||
// Add styles
|
// Add styles
|
||||||
$('#datapicker').datetimepicker({locale: 'ru', format: 'DD.MM.YYYY'});
|
$('#datapicker').datetimepicker({locale: 'ru', format: 'DD.MM.YYYY'});
|
||||||
$('#datapicker2').datetimepicker({locale: 'ru', format: 'DD.MM.YYYY'});
|
$('#datapicker2').datetimepicker({locale: 'ru', format: 'DD.MM.YYYY'});
|
||||||
$(callbackPhone).mask('+7 (900) 000-00-00');
|
$(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
|
// 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) => {
|
callBackBtn.addEventListener('click', (e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|||||||
@ -53,3 +53,14 @@
|
|||||||
font-family: 'Roboto';
|
font-family: 'Roboto';
|
||||||
src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
|
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 '../constansts';
|
||||||
@import '../parts/order';
|
@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 {
|
.btn, body {
|
||||||
font-size: 16px !important;
|
font-size: 16px !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -26,8 +26,6 @@ body {
|
|||||||
|
|
||||||
main {
|
main {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
// height: 1019px
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background: center url('../../img/graduation/main_bg.png');
|
background: center url('../../img/graduation/main_bg.png');
|
||||||
@ -327,11 +325,6 @@ main {
|
|||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-family: 'Shadow Regular', sans-serif;
|
font-family: 'Shadow Regular', sans-serif;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:hover {
|
|
||||||
// text-decoration: none
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tooltip {
|
#tooltip {
|
||||||
@ -351,8 +344,6 @@ main {
|
|||||||
&_button {
|
&_button {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
// padding: 5px 10px
|
|
||||||
padding: 20px 25px;
|
padding: 20px 25px;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|||||||
@ -24,8 +24,6 @@
|
|||||||
&-headers {
|
&-headers {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
|
|
||||||
// height: 100%
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -104,8 +102,6 @@
|
|||||||
&-icons {
|
&-icons {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
// flex-direction:
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
max-width: 350px;
|
max-width: 350px;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
|||||||
@ -170,7 +170,6 @@
|
|||||||
|
|
||||||
.carousel-control-next, .carousel-control-prev, .carousel-control-next-icon, .carousel-control-prev-icon {
|
.carousel-control-next, .carousel-control-prev, .carousel-control-next-icon, .carousel-control-prev-icon {
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
// width: 20px !important
|
|
||||||
height: 40px !important;
|
height: 40px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -24,7 +24,6 @@
|
|||||||
|
|
||||||
.ent {
|
.ent {
|
||||||
position: relative;
|
position: relative;
|
||||||
// padding-top: 20px 10.10.2020
|
|
||||||
padding-top: 70px;
|
padding-top: 70px;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
font-family: 'PT Sans', sans-serif;
|
font-family: 'PT Sans', sans-serif;
|
||||||
@ -229,8 +228,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.owl-item {
|
.owl-item {
|
||||||
// background-size: cover
|
|
||||||
|
|
||||||
&:nth-child(3n+1) {
|
&:nth-child(3n+1) {
|
||||||
h3 {
|
h3 {
|
||||||
color: #5cbae9;
|
color: #5cbae9;
|
||||||
|
|||||||
@ -1,14 +1,8 @@
|
|||||||
.footer { // margin-top: 50px
|
.footer {
|
||||||
padding-top: 25px;
|
padding-top: 25px;
|
||||||
padding-bottom: 25px;
|
padding-bottom: 25px;
|
||||||
background-color: #3c3d41;
|
background-color: #3c3d41;
|
||||||
font-family: 'PT Sans', sans-serif;
|
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 {
|
img {
|
||||||
display: none;
|
display: none;
|
||||||
@ -32,7 +26,6 @@
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
letter-spacing: 0.2px;
|
letter-spacing: 0.2px;
|
||||||
// margin: 0 0 20px 0
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
@ -41,9 +34,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__submenu { // margin-top: 30px
|
&__submenu {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
// transition: 0.15s ease-in-out
|
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin: 15px 0;
|
margin: 15px 0;
|
||||||
|
|||||||
@ -191,8 +191,6 @@
|
|||||||
left: auto !important;
|
left: auto !important;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
// width: 138px
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
background-color: $main-color;
|
background-color: $main-color;
|
||||||
@ -265,10 +263,6 @@
|
|||||||
margin-top: 20px !important;
|
margin-top: 20px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-submenu {
|
|
||||||
//right: -10px !important
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-navmenu__container {
|
.header-navmenu__container {
|
||||||
overflow: visible !important;
|
overflow: visible !important;
|
||||||
padding: 15px 350px;
|
padding: 15px 350px;
|
||||||
@ -537,7 +531,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header-navmenu__container .header-navmenu {
|
.header-navmenu__container .header-navmenu {
|
||||||
// box-shadow: none
|
|
||||||
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.25);
|
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.25);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -569,11 +562,6 @@
|
|||||||
padding: 15px 50px;
|
padding: 15px 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header button {
|
|
||||||
// padding: 3px 0
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-phone-number-block {
|
.header-phone-number-block {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -72,8 +72,6 @@
|
|||||||
&.current-menu-item {
|
&.current-menu-item {
|
||||||
background: #f2f2f2;
|
background: #f2f2f2;
|
||||||
|
|
||||||
// border-bottom: 2px solid $main-color
|
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $main-color;
|
color: $main-color;
|
||||||
}
|
}
|
||||||
@ -112,10 +110,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-submenu {
|
|
||||||
//right: -10px !important
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-navmenu__container {
|
.header-navmenu__container {
|
||||||
overflow: visible !important;
|
overflow: visible !important;
|
||||||
padding: 15px 350px;
|
padding: 15px 350px;
|
||||||
@ -154,11 +148,6 @@
|
|||||||
padding: 15px 50px;
|
padding: 15px 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header button {
|
|
||||||
// padding: 3px 0
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-phone-number-block {
|
.header-phone-number-block {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -59,7 +59,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// text-align: center
|
|
||||||
|
|
||||||
@media screen and (max-width: 770px) {
|
@media screen and (max-width: 770px) {
|
||||||
.map-block {
|
.map-block {
|
||||||
|
|||||||
@ -9,10 +9,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.owl-nav {
|
.owl-nav {
|
||||||
// display: block !important
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
// right: 268px
|
|
||||||
right: 320px;
|
right: 320px;
|
||||||
bottom: 5px;
|
bottom: 5px;
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
@ -20,10 +17,6 @@
|
|||||||
width: 200px;
|
width: 200px;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
|
|
||||||
// margin-left: 15px
|
|
||||||
// margin-right: 15px
|
|
||||||
// position: absolute
|
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 55px;
|
width: 55px;
|
||||||
height: 55px;
|
height: 55px;
|
||||||
@ -55,7 +48,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-item {
|
&-item {
|
||||||
// background: none !important
|
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 1100px;
|
width: 1100px;
|
||||||
height: auto;
|
height: auto;
|
||||||
@ -130,7 +122,6 @@
|
|||||||
|
|
||||||
li {
|
li {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
// position: relative
|
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
letter-spacing: 0.2px;
|
letter-spacing: 0.2px;
|
||||||
@ -223,7 +214,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
// font-size: 16px
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 1.38;
|
line-height: 1.38;
|
||||||
}
|
}
|
||||||
@ -273,12 +263,9 @@
|
|||||||
&-item {
|
&-item {
|
||||||
width: 290px;
|
width: 290px;
|
||||||
max-width: 100% !important;
|
max-width: 100% !important;
|
||||||
// height: 570px
|
|
||||||
height: 455px;
|
height: 455px;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
|
|
||||||
//background: none !important
|
|
||||||
|
|
||||||
&__layout {
|
&__layout {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,10 +1,5 @@
|
|||||||
.present {
|
.present {
|
||||||
|
|
||||||
// background: #f2f2f2
|
|
||||||
padding-top: 60px;
|
padding-top: 60px;
|
||||||
|
|
||||||
// padding-left: 10px
|
|
||||||
// padding-right: 10px
|
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
font-family: 'PT Sans', sans-serif;
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
|
||||||
@ -37,7 +32,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-layout {
|
&-layout {
|
||||||
// background: #f2f2f2
|
|
||||||
padding-bottom: 30px;
|
padding-bottom: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -62,7 +56,6 @@
|
|||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
// right: 115px
|
|
||||||
left: -115px;
|
left: -115px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -91,8 +84,6 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
||||||
// justify-content: center
|
|
||||||
width: 757px;
|
width: 757px;
|
||||||
height: 360px;
|
height: 360px;
|
||||||
padding: 70px 100px 0 251px;
|
padding: 70px 100px 0 251px;
|
||||||
@ -147,9 +138,6 @@
|
|||||||
&:last-child {
|
&:last-child {
|
||||||
.present-item__text {
|
.present-item__text {
|
||||||
padding: 20px !important;
|
padding: 20px !important;
|
||||||
|
|
||||||
//padding-right: 251px
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -159,7 +147,6 @@
|
|||||||
@media screen and (max-width: 770px) {
|
@media screen and (max-width: 770px) {
|
||||||
.present {
|
.present {
|
||||||
&-item {
|
&-item {
|
||||||
// transform: scale(0.8)
|
|
||||||
height: 250px;
|
height: 250px;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|||||||
@ -33,13 +33,6 @@
|
|||||||
&-slider {
|
&-slider {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
// position: relative
|
|
||||||
// div
|
|
||||||
// display: flex
|
|
||||||
// justify-content: center
|
|
||||||
// align-items: center
|
|
||||||
// // width: 141px
|
|
||||||
|
|
||||||
&__prev {
|
&__prev {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 33%;
|
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/header';
|
||||||
@import 'parts/footer';
|
@import 'parts/footer';
|
||||||
|
|
||||||
@ -7,3 +14,467 @@ body {
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
font-family: 'Museo Regular', sans-serif;
|
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;
|
display:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 576px){
|
@media screen and (max-width: 576px) {
|
||||||
.main .slider-mobile {
|
.main .slider-mobile {
|
||||||
display:block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main .slider-desktop{
|
.main .slider-desktop{
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,12 +3,13 @@
|
|||||||
* Template Name: Сертификаты/Certificates
|
* Template Name: Сертификаты/Certificates
|
||||||
*/
|
*/
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_header();
|
get_header();
|
||||||
get_template_part('parts/contacts/contacts-header');
|
get_template_part('parts/contacts/contacts-header');
|
||||||
get_template_part('parts/certificates/text');
|
get_template_part('parts/certificates/text');
|
||||||
get_template_part('parts/certificates/advantages');
|
get_template_part('parts/certificates/advantages');
|
||||||
?>
|
?>
|
||||||
<div class="wave">
|
<div class="wave">
|
||||||
<?php get_template_part('parts/certificates/target'); ?>
|
<?php get_template_part('parts/certificates/target'); ?>
|
||||||
</div>
|
</div>
|
||||||
@ -29,8 +30,7 @@
|
|||||||
document.querySelector('.holiday-descr__text').innerHTML = `<?php echo the_field('cert_text', 35)?>`;
|
document.querySelector('.holiday-descr__text').innerHTML = `<?php echo the_field('cert_text', 35)?>`;
|
||||||
$('.holiday-descr h2').remove();
|
$('.holiday-descr h2').remove();
|
||||||
</script>
|
</script>
|
||||||
<?php get_footer();
|
<?php get_footer(); ?>
|
||||||
?>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -3,15 +3,12 @@
|
|||||||
* Template Name: Контакты/Contacts
|
* Template Name: Контакты/Contacts
|
||||||
*/
|
*/
|
||||||
?>
|
?>
|
||||||
<?php
|
|
||||||
get_header();
|
<?php get_header(); ?>
|
||||||
?>
|
|
||||||
<div class="page contacts">
|
<div class="page contacts">
|
||||||
<?php
|
<?php
|
||||||
get_template_part( 'parts/contacts/contacts-header');
|
get_template_part( 'parts/contacts/contacts-header');
|
||||||
get_template_part( 'parts/contacts/contacts-text');
|
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;">
|
<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>
|
<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;">
|
<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>
|
<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>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<?php
|
|
||||||
get_footer();
|
<?php get_footer(); ?>
|
||||||
?>
|
|
||||||
@ -3,6 +3,7 @@
|
|||||||
* Template Name: Главная Форма/Main Form
|
* Template Name: Главная Форма/Main Form
|
||||||
*/
|
*/
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_header();
|
get_header();
|
||||||
get_template_part('parts/form/form-content');
|
get_template_part('parts/form/form-content');
|
||||||
|
|||||||
@ -9,5 +9,4 @@
|
|||||||
get_template_part('parts/gallery/gallery-header');
|
get_template_part('parts/gallery/gallery-header');
|
||||||
get_template_part('parts/gallery/gallery-content');
|
get_template_part('parts/gallery/gallery-content');
|
||||||
get_footer();
|
get_footer();
|
||||||
|
|
||||||
?>
|
?>
|
||||||
@ -3,11 +3,12 @@
|
|||||||
* Template Name: Праздник/Holiday
|
* Template Name: Праздник/Holiday
|
||||||
*/
|
*/
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_header();
|
get_header();
|
||||||
get_template_part('parts/quests/quests-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>
|
<div class="full-page__border"></div>
|
||||||
<?php
|
<?php
|
||||||
get_template_part('parts/home/places');
|
get_template_part('parts/home/places');
|
||||||
@ -16,15 +17,14 @@
|
|||||||
get_template_part('parts/holiday/photos');
|
get_template_part('parts/holiday/photos');
|
||||||
get_template_part('parts/holiday/packages');
|
get_template_part('parts/holiday/packages');
|
||||||
get_template_part('parts/holiday/var');
|
get_template_part('parts/holiday/var');
|
||||||
// get_template_part('parts/home/present');?>
|
?>
|
||||||
<!-- <div class="" style="background: #f2f2f2">
|
|
||||||
<?php get_template_part('parts/home/principals'); ?>
|
<?php get_template_part('parts/home/principals'); ?>
|
||||||
</div> -->
|
</div>
|
||||||
<!-- <?php
|
|
||||||
get_template_part('parts/home/map-block'); ?> -->
|
|
||||||
<div class="" style="background: #f2f2f2">
|
<div class="" style="background: #f2f2f2">
|
||||||
<?php get_template_part('parts/holiday/description'); ?>
|
<?php get_template_part('parts/holiday/description'); ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
if(is_page('24')){?>
|
if(is_page('24')){?>
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@ -4,13 +4,14 @@
|
|||||||
*/
|
*/
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php get_header();
|
<?php
|
||||||
get_template_part( 'parts/home/main');
|
get_header();
|
||||||
get_template_part( 'parts/home/entertaiment');
|
get_template_part( 'parts/home/main');
|
||||||
get_template_part( 'parts/home/order');
|
get_template_part( 'parts/home/entertaiment');
|
||||||
get_template_part( 'parts/home/places');
|
get_template_part( 'parts/home/order');
|
||||||
get_template_part( 'parts/home/discount');
|
get_template_part( 'parts/home/places');
|
||||||
get_template_part( 'parts/home/present');
|
get_template_part( 'parts/home/discount');
|
||||||
get_template_part( 'parts/home/principals');
|
get_template_part( 'parts/home/present');
|
||||||
|
get_template_part( 'parts/home/principals');
|
||||||
get_footer() ?>
|
get_footer()
|
||||||
|
?>
|
||||||
@ -3,6 +3,7 @@
|
|||||||
* Template Name: Цены/Price
|
* Template Name: Цены/Price
|
||||||
*/
|
*/
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_header();
|
get_header();
|
||||||
get_template_part( 'parts/price/main');
|
get_template_part( 'parts/price/main');
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
<?php
|
<?php
|
||||||
/*
|
/**
|
||||||
Template Name: Квесты/Quests
|
*Template Name: Квесты/Quests
|
||||||
*/
|
*/
|
||||||
get_header();
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div class="quests">
|
<div class="quests">
|
||||||
<?php get_template_part('parts/quests/quests-header');
|
<?php get_template_part('parts/quests/quests-header');
|
||||||
get_template_part('parts/quests/quests-content'); ?>
|
get_template_part('parts/quests/quests-content'); ?>
|
||||||
|
|||||||
@ -1,24 +1,18 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Template Name: Скидки/Sales
|
* Template Name: Скидки/Sales
|
||||||
*/
|
*/
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php
|
<?php get_header();?>
|
||||||
get_header();
|
|
||||||
?>
|
|
||||||
<div class="page sales">
|
<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-header" style="background: url('<?php echo the_field('armanty_discount_img') ?>') top left no-repeat; background-size: cover" >
|
||||||
<div class="page-overlay"></div>
|
<div class="page-overlay"></div>
|
||||||
<h1>Скидки и акции на квесты</h1>
|
<h1>Скидки и акции на квесты</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_template_part('parts/home/discount');
|
get_template_part('parts/home/discount');
|
||||||
?>
|
get_footer();
|
||||||
|
|
||||||
<script>
|
|
||||||
document.querySelector('.discount h2').style.display = `none`;
|
|
||||||
</script>
|
|
||||||
<?php
|
|
||||||
get_footer();
|
|
||||||
?>
|
?>
|
||||||
|
|||||||
@ -4,13 +4,12 @@
|
|||||||
* Template Post Type: armanty_quests
|
* Template Post Type: armanty_quests
|
||||||
*/
|
*/
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
get_header();
|
get_header();
|
||||||
get_template_part('parts/quests/single/slider');
|
get_template_part('parts/quests/single/slider');
|
||||||
get_template_part('parts/quests/single/description'); ?>
|
get_template_part('parts/quests/single/description'); ?>
|
||||||
<div class="quest__booking container">
|
<div class="quest__booking container">
|
||||||
<?php the_field('quest_booking')?>
|
<?php the_field('quest_booking')?>
|
||||||
</div>
|
</div>
|
||||||
<?php
|
<?php get_footer(); ?>
|
||||||
get_footer();
|
|
||||||
?>
|
|
||||||
Loading…
x
Reference in New Issue
Block a user