File: /var/www/vhosts/greenclinic.kz/httpdocs/wp-content/themes/GreenClinic/index.php
<!DOCTYPE html>
<html lang="en">
<?php get_header(); ?>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/jquery.animatedheadline.css">
<style>
.slider-bottom{
display: block;
}
.header-inner1 {
background: rgba(147,149,152,0.74);
}
.slider-scrollbar .swiper-button-prev::after {
background-image: url(<?php bloginfo('template_directory'); ?>/images/icon/arrow-up-slider.svg);
background-repeat: no-repeat;
}
.slider-scrollbar .swiper-button-next::after {
background-image: url(<?php bloginfo('template_directory'); ?>/images/icon/arrow-down-slider.svg);
background-repeat: no-repeat;
}
.news .swiper-button-next::after {
background-image: url(<?php bloginfo('template_directory'); ?>/images/icon/news-arrow-slider-right.svg);
background-repeat: no-repeat;
}
.news .swiper-button-prev::after {
background-image: url(<?php bloginfo('template_directory'); ?>/images/icon/news-arrow-slider-left.svg);
background-repeat: no-repeat;
}
</style>
<body>
<div class="wrapper">
<section class="header__content">
<div class="slider-container">
<div class="slider-text">
<div class="swiper-wrapper">
<div class="swiper-slide slider-text__slide">
<div class="slider-text__content">
<h4 class="slider-text__heading">
Центр медицинской заботы
</h4>
<h1 class="slider-text__title">
Green clinic
</h1>
<div class="slider-text__desc">
<div class="container123">
<h1 class="ah-headline scale">
<span class="ah-words-wrapper">
<b style="font-weight:normal;" class="is-visible">Ваше здоровье - наша забота!</b>
<b style="font-weight:normal;">Ваше здоровье - наша забота!</b>
</span>
</h1>
</div>
</div>
</div>
</div>
<div class="swiper-slide slider-text__slide">
<div class="slider-text__content">
<h4 class="slider-text__heading">
Центр медицинской заботы
</h4>
<h1 class="slider-text__title">
Green clinic
</h1>
<!-- <h3 class="slider-text__desc">
Ваше здоровье - наша забота!
</h3>-->
</div>
</div>
<div class="swiper-slide slider-text__slide">
<div class="slider-text__content">
<h4 class="slider-text__heading">
Центр медицинской заботы
</h4>
<h1 class="slider-text__title">
Green clinic
</h1>
<!-- <h3 class="slider-text__desc">
Ваше здоровье - наша забота!
</h3>-->
</div>
</div>
</div>
</div>
<div class="slider-img">
<div class="swiper-wrapper">
<div class="swiper-slide slider-img__img">
<div class="slider-img__bg" data-swiper-parallax="1%"
style="background-image: url(<?php bloginfo('template_directory')?>/images/main-bg.jpg);">
</div>
</div>
<div class="swiper-slide slider-img__img">
<div class="slider-img__bg" data-swiper-parallax="1%"
style="background-image: url(<?php bloginfo('template_directory')?>/images/main-bg-2.jpg);">
</div>
</div>
<div class="swiper-slide slider-img__img">
<!--<div class="slider-img__bg" data-swiper-parallax="1%"
style="background-image: url(<?php bloginfo('template_directory')?>/images/main-bg.jpg);">
</div>-->
<div class="slider-img__bg" data-swiper-parallax="1%"
style="background-image: url(<?php bloginfo('template_directory')?>/images/banner.png);background-size:100%;">
</div>
</div>
</div>
</div>
</div>
</section>
<main class="main">
<div class="consultation">
<div class="container">
<div style="background-image: url(<?php bloginfo('template_directory')?>/images/form-bg.jpg);"
class="consultation-inner">
<h3 class="consultation__title">
Получить консультацию прямо сейчас
</h3>
<p class="consultation__text">
Мы всегда будем рады ответить на все Ваши вопросы и детально обсудить перспективы нашего сотрудничества!
</p>
<form id="form_mail" action="/wp-content/themes/GreenClinic/mail.php" class="consultation-from" enctype="multipart/form-data" method="post">
<input type="text" id="name" name="name" placeholder="Ваше имя">
<input type="text" id="iin" class="mask-iin" name="iin" placeholder="Ваш ИИН">
<input type="text" id="tel" class="mask-phone" name="tel" placeholder="Ваш телефон">
<input type="button" class="form__input sub" id="send" value="Отправить">
<div class="consultation__text form__input-bott_desc message">
</div>
</form>
</div>
</div>
</div>
<section class="service">
<div class="container">
<h3 class="service__title title">Услуги</h3>
<div class="service__inner">
<div class="services-btn">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<button class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home"
aria-selected="true">Поликлиника</button>
<li class="nav-item">
<button class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile"
aria-selected="false">Стационар</button>
</li>
<li class="nav-item">
<button class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact"
aria-selected="false">Отделение лучевой диагностики</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<?php
$control16 = new WP_Query( array(
'orderby' => 'date', // тип сортировки (в данном случае по дате)
'posts_per_page' => -1,
'order' => 'ASC',
'post_type' => 'control',
'tax_query' => array(
array (
'taxonomy' => 'control_category',
'field' => 'term_id',
'terms' => 16
)
),
));
$control17 = new WP_Query( array(
'orderby' => 'date', // тип сортировки (в данном случае по дате)
'posts_per_page' => -1,
'order' => 'ASC',
'post_type' => 'control',
'tax_query' => array(
array (
'taxonomy' => 'control_category',
'field' => 'term_id',
'terms' => 17
)
),
));
$control18 = new WP_Query( array(
'orderby' => 'date', // тип сортировки (в данном случае по дате)
'posts_per_page' => -1,
'order' => 'ASC',
'post_type' => 'control',
'tax_query' => array(
array (
'taxonomy' => 'control_category',
'field' => 'term_id',
'terms' => 18
)
),
));
?>
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div class="flex">
<?php while ( $control16->have_posts() ) { $control16->the_post(); ?>
<?php get_template_part( 'components/component', 'service16' ); ?>
<?php } ?>
</div>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<div class="flex">
<?php while ( $control17->have_posts() ) { $control17->the_post(); ?>
<?php get_template_part( 'components/component', 'service17' ); ?>
<?php } ?>
</div>
</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
<div class="flex">
<?php while ( $control18->have_posts() ) { $control18->the_post(); ?>
<?php get_template_part( 'components/component', 'service18' ); ?>
<?php } ?>
</div>
</div>
<div class="services__filter__pagination pagination__block"></div>
</div>
</div>
</div>
<div class="service__more">
<a href="/control/">Показать еще</a>
</div>
</div>
</section>
<section class="team" style="display:none">
<div class="container">
<div class="team-inner">
<div class="team-left">
<p class="team-left__text">Мы в социальных сетях</p>
<div class="team-left__socials">
<a href="https://www.instagram.com/greenclinic_astana/" class="team-left__social"><img
src="<?php echo esc_url(get_template_directory_uri() ) ?>/images/icon/instagram.svg"
alt=""></a>
<a href="https://api.whatsapp.com/send?phone=77768983800&text=&source=&data=" class="team-left__social"><img
src="<?php echo esc_url(get_template_directory_uri() ) ?>/images/icon/whatsapp.svg"
alt=""></a>
<a href="https://www.facebook.com/greenclinicastana" class="team-left__social"><img
src="<?php echo esc_url(get_template_directory_uri() ) ?>/images/icon/facebook.svg"
alt=""></a>
</div>
</div>
<div class="team-right">
<h3 class="team__title title">
Наша команда
</h3>
<div class="team-right__inner">
<div class="tabheader">
<div class="tabheader__items">
<?php
$media_news = new WP_Query( array(
'orderby' => 'date', // тип сортировки (в данном случае по дате)
'post_type' => 'doctor',
'posts_per_page' => '2000'
));
?>
<?php while ( $media_news->have_posts() ) { $media_news->the_post(); ?>
<div class="tabheader__item">
<?php get_template_part( 'components/component', 'doctor2' ); ?>
</div>
<?php } ?>
</div>
</div>
<div class="tabcontent-wrap">
<div class="tabcontent-wrap">
<?php while ( $media_news->have_posts() ) { $media_news->the_post(); ?>
<?php get_template_part( 'components/component', 'doctor3' ); ?>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="choice">
<div class="container">
<h3 class="choice__title title">
ПОЧЕМУ ВЫБИРАЮТ<br>
<span>GREEN CLINIC?</span>
</h3>
<div class="choice-inner">
<div class="choice-item">
<div class="choice-item__img">
<img src="<?php echo esc_url(get_template_directory_uri() ) ?>/images/icon/verified.svg"
alt="">
</div>
<div class="choice-item__info">
<h4 class="choice-item__title">Безопасность</h4>
<p class="choice-item__text">все медицинские услуги в нашей Клинике выполняются
опытным персоналом на современном медицинском оборудовании</p>
</div>
</div>
<div class="choice-item">
<div class="choice-item__img">
<img src="<?php echo esc_url(get_template_directory_uri() ) ?>/images/icon/time.svg"
alt="">
</div>
<div class="choice-item__info">
<h4 class="choice-item__title">Экономия времени</h4>
<p class="choice-item__text">широкий спектр медицинских услуг - от первичного приема
и диагностики до лечения и реабилитации</p>
</div>
</div>
<div class="choice-item">
<div class="choice-item__img">
<img src="<?php echo esc_url(get_template_directory_uri() ) ?>/images/icon/like.svg"
alt="">
</div>
<div class="choice-item__info">
<h4 class="choice-item__title">Комфорт</h4>
<p class="choice-item__text">внимательный и вежливый персонал, большая парковочная
зона, просторные зоны ожидания и приема пациентов</p>
</div>
</div>
<div class="choice-item">
<div class="choice-item__img">
<img src="<?php echo esc_url(get_template_directory_uri() ) ?>/images/icon/credit-card.svg"
alt="">
</div>
<div class="choice-item__info">
<h4 class="choice-item__title">Удобная оплата</h4>
<p class="choice-item__text">мы оказываем медицинские услуги на платной основе по
доступным ценам, в рамках добровольного медицинского страхования</p>
</div>
</div>
</div>
</div>
</section>
<section class="news">
<div class="container">
<div class="news-top">
<h3 class="news__title title">Новости</h3>
<a href="/news/" class="news__more">Смотреть все</a>
</div>
</div>
<div class="book-section">
<div class="container">
<?php
$media_news = new WP_Query( array(
'orderby' => 'date', // тип сортировки (в данном случае по дате)
'post_type' => 'news',
'posts_per_page' => 6,
//'offset' => $b,
));
?>
<?php $j=0; $cc=0; ?>
<? for ($i=0; $i <=0; $i++) {?>
<div class="right">
<?php while ( $media_news->have_posts() ) { $media_news->the_post(); ?>
<?php get_template_part( 'components/component', 'news2' ); ?>
<? /*echo ($cc)*/?>
<? if(($cc%2!==0) && ($cc!==5)){ ?>
</div><div class="right">
<?} ?>
<? $cc++; } ?>
</div>
<? } ?>
<button class="swiper-button-prev" onclick="turnLeft()">Prev</button>
<button class="swiper-button-next" onclick="turnRight()">Next</button>
</div>
</div>
</section>
<section class="partner">
<div class="container">
<h3 class="partner__title title">Партнеры</h3>
<div class="partner-slider">
<div class="swiper-wrapper">
<?php foreach(get_field('partnery_slajder',7) as $item){ ?>
<div class="partner-slide swiper-slide">
<a href="<?php echo $item['ssylka_partnera']; ?>" class="partners__item">
<img src="<?php echo $item['iconpartner']; ?>" alt="<?php echo $item['title']; ?>">
</a>
</div>
<?php } ?>
</div>
</div>
<div class="partner-pagination">
<div class="swiper-pagination"></div>
</div>
</div>
</section>
</main>
<?php get_footer(); ?>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" ></script>
<script src="<?php bloginfo('template_directory'); ?>/js/jquery.animatedheadline.min.js" ></script>
<script src="/js/jquery.maskedinput.min.js"></script>
<script>
var right = document.getElementsByClassName("right");
var si = right.length;
var z=1;
turnRight();
function turnRight()
{
if(si>=1){
si--;
}
else{
si=right.length-1;
function sttmot(i){
setTimeout(function(){right[i].style.zIndex="auto";},300);
}
for(var i=0;i<right.length;i++){
right[i].className="right";
sttmot(i);
z=1;
}
}
right[si].classList.add("flip");
z++;
right[si].style.zIndex=z;
}
function turnLeft()
{
if(si<right.length){
si++;
}
else{
si=1;
for(var i=right.length-1;i>0;i--){
right[i].classList.add("flip");
right[i].style.zIndex=right.length+1-i;
}
}
right[si-1].className="right";
setTimeout(function(){right[si-1].style.zIndex="auto";},350);
}
$(document).ready(function() {
$('.mask-phone').mask('+7 (999) 999-99-99');
$('.mask-iin').mask('999999999999');
$('figure.figure:nth-child(1)').addClass('back');
$('figure.figure:nth-child(2)').addClass('front');
$('.container123 h1').css('opacity','1');
$('.container123').animatedHeadline({
animationType: "scale",
/*animationDelay: 2500,
barAnimationDelay: 3800,
barWaiting: 800,
lettersDelay: 50,
typeLettersDelay: 150,
selectionDuration: 500,
typeAnimationDelay: 1300,
revealDuration: 600,
revealAnimationDelay: 1500*/
});
});
</script>
</div>
</body>
</html>