<?php

/**
 * Template Name: opencex
 */

get_header('new');

?>

<div class="onencex-first-screen">
	     <div class="container">
			 
<div class="onencex-first-screen-iner">
<div class="opencex-first-screen-left">
	<h1 class="opencex-first-screen-titlh1"><?php the_field('заголовок_h1_экран_1');?></h1>
	<div class="opencex-first-screen-descr"><?php the_field('подзаголовок_экран_1');?></div>
	<a href="<?php the_field('ссылка_на_кнопке_экран_1');?>" class="button-opencex1"><?php the_field('текст_на_кнопке_экран_1');?></a>
	<div class="opencex-first-screen-priem-items">
		<div class="opencex-first-screen-item">
			<a href="<?php the_field('ссылка_на_тексте_1');?>" target="_blank">
			<div class="opencex-first-screen-image"><img src="<?php the_field('иконка___к_тексту_1');?>" alt=""></div>
			<div class="opencex-first-screen-item-text">
				<?php the_field('текст_на_экране_1');?>
			</div>
			<img src="<?php echo get_template_directory_uri(); ?>/img/att.svg" alt=""> 
				</a>
		</div>
		<div class="opencex-first-screen-item">
			<a href="<?php the_field('ссылка_на_тексте_2');?>" target="_blank">
			<div class="opencex-first-screen-image"><img src="<?php the_field('иконка___к_тексту_2');?>" alt=""></div>
			<div class="opencex-first-screen-item-text">
				<?php the_field('текст_на_экране_2');?>
			</div>
			<img src="<?php echo get_template_directory_uri(); ?>/img/att.svg" alt=""> 
				</a>
		</div>
	</div>
</div>
<div class="opencex-first-screen-right">
	<a style="width: 100%;" href="<?php the_field('iframe_видео_youtube');?>	" target="_blank">	<img style="width: 100%;" src="<?php the_field('iframe_видео_youtu');?>	" alt=""> </a>

</div>
			 </div>
	     </div>
</div>





<section class="section-opencex-two">
    <div class="container">
        
        <div class="open-sex-two-title">		<?php the_field('заголовок_второго_экрана');?></div>
        <div class="open-cex-two-cards">
			
			<?php if(get_field('карточки_на_втором_экране_')): ?>     
    <?php while(has_sub_field('карточки_на_втором_экране_')): ?>  
	  <div class="open-cex-two-card">
                <div class="open-sec-two-card-header">
                    <div class="open-sec-two-card-image"><img src="<?php the_sub_field('иконка'); ?>" alt=""></div>
                    <div class="open-sec-two-card-title"><?php the_sub_field('заголовок_'); ?></div>
                </div>
                <div class="open-sec-two-card-text"><?php the_sub_field('текст'); ?></div>
            </div>
  <?php endwhile; ?> 
<?php endif; ?>
			
			
          
        </div>
    </div>
</section>

<!--
<section class="section-opencex-tree">
	<div class="container">
		<div class="opencex-tree-left">
			<div class="opencex-tree-left-subtitle"><?php the_field('экран_3_-_над_заголовком'); ?></div>
			<div class="opencex-tree-left-title"><?php the_field('экран_3_-заголовок'); ?></div>
			<div class="opencex-tree-leftdescr"><?php the_field('экран_3_-_текст'); ?></div>
		</div>
		<div class="opencex-tree-rght">
			<div class="opencex-tree-cards">
				<div class="opencex-tree-card">
					<div class="opencex-tree-card-title"><?php the_field('заголовок_карточки_1'); ?></div>
					<?php if(get_field('активные_пункты_карточка_1')): ?>     
    <?php while(has_sub_field('активные_пункты_карточка_1')): ?>  
<div class="opencex-tree-card-punkt"><img src="<?php echo get_template_directory_uri(); ?>/img/check.svg" alt=""><?php the_sub_field('текст_пункта'); ?></div>
  <?php endwhile; ?> 
<?php endif; ?>
					
					<?php if(get_field('вные_пункты_карточка_1')): ?>     
    <?php while(has_sub_field('вные_пункты_карточка_1')): ?>  
<div class="opencex-tree-card-punkt opencex-tree-card-punktno"><img src="<?php echo get_template_directory_uri(); ?>/img/check.svg" alt=""><?php the_sub_field('текст_пункта'); ?></div>
  <?php endwhile; ?> 
<?php endif; ?>
<a href="#instruction" class="opencex-tree-card-button opencex-tree-card-button1"><?php the_field('текст_на_кнопке_1'); ?></a>
				</div>
				<div class="opencex-tree-card opencex-tree-card2">
					<div class="opencex-tree-card-title"><?php the_field('заголовок_карточки_2'); ?></div>
					<?php if(get_field('активные_пункты_карточка_2')): ?>     
    <?php while(has_sub_field('активные_пункты_карточка_2')): ?>  
<div class="opencex-tree-card-punkt"><img src="<?php echo get_template_directory_uri(); ?>/img/check.svg" alt=""><?php the_sub_field('текст_пункта'); ?></div>
  <?php endwhile; ?> 
<?php endif; ?>
<a href data-popup="form" class="opencex-tree-card-button opencex-tree-card-button2"><?php the_field('текст_на_кнопке_2'); ?></a>
				</div>
			</div>
		</div>
	</div>
</section>
-->
    
<div class="section-instruct" id="instruction" style="margin-top: 139px">
    <div class="container">
        <div class="section-title-my"><?php the_field('заголовок_экрана_4');?><a name="installation"> </a></div>
        <div class="imcstjgj-container">
            <div class="instruct-iner-title"><?php the_field('заголовок_в_рамке_-_инструкция');?></div>
            <div class="instruct-iner-text"><?php the_field('текст_в_рамке_-_инструкция');?></div>
        </div>
    </div>
</div>

<?php if( get_field("who_needs_this_-_заголовок") ): ?>
<section class="section-opencex-two" style="margin-bottom: 100px">
    <div class="container">
        <div class="open-sex-two-title">		<?php the_field('who_needs_this_-_заголовок');?></div>
        <div class="open-cex-two-cards">		
			<?php if(get_field('who_needs_this_-_карточки')): ?>     
    <?php while(has_sub_field('who_needs_this_-_карточки')): ?>  
	  <div class="open-cex-two-card">
                <div class="open-sec-two-card-header">
                    <div class="open-sec-two-card-image"><img src="<?php the_sub_field('who_needs_this_-_иконка'); ?>" alt=""></div>
                    <div class="open-sec-two-card-title"><?php the_sub_field('who_needs_this_-_заголовок_карточки'); ?></div>
                </div>
                <div class="open-sec-two-card-text"><?php the_sub_field('who_needs_this_-_текст_на_карточке'); ?></div>
            </div>
  <?php endwhile; ?> 
<?php endif; ?>   
        </div>
    </div>
</section>
<?php else :?>
<?php endif; ?>



<section class="section-slider-blof-wrp">
    <div class="container">
           <div class="section-title-my"><?php the_field('заголовок_экрана_5');?></div>
        <div class="slider-blog">
			<?php if(get_field('статьи_на_экране_5')): ?>     
    <?php while(has_sub_field('статьи_на_экране_5')): ?>  
      <div class="slider-blog-item">
                <a target="_blank" rel="noindex nofollow" href="<?php the_sub_field('ссылка_на_статью'); ?>" class="slider-blog-s-link"></a>
                <div class="slider-blog-item-image"  style="background: url(<?php the_sub_field('изображение_статьи'); ?>); background-size: cover; background-position: center; background-repeat: no-repeat;"></div>
                <div class="slider-blog-item-title"><?php the_sub_field('название_статьи'); ?></div>
                <div class="slider-blog-item-meta">
                    <div class="slider-blog-item-name"><?php the_sub_field('автор_статьи'); ?></div>
                    <div class="slider-blog-item-data"><?php the_sub_field('дата_публикации'); ?></div>
                </div>
                <div class="slider-blog-item-short-text"><?php the_sub_field('краткое_содержание'); ?></div>
                <div class="slider-blog-item-read-more"><?php the_field('read_more' ,  233 );?> 	<img src="<?php echo get_template_directory_uri(); ?>/img/att.svg" alt=""> </div>
            </div>
  <?php endwhile; ?> 
<?php endif; ?>
				
					
         
        </div>
    </div>
</section>


<section class="section-social-wrapper">
    <div class="container">
        <div class="coxiality">
            <div class="coxiality-left">
                 <div class="section-title-my"><?php the_field('заголовок_экран_6');?></div>
                 <div class="coxiality-left-desc"><?php the_field('подзаголовок_экран_6');?></div>
                 <div class="coxiality-left-copyr"><?php the_field('копирайт_экран_6');?></div>
            </div>
            <div class="coxiality-right">
                <div class="coxiality-mess-wrp">
                    <div class="coxiality-item" style="background: #66B6FF ;">
                        <a href="<?php the_field('ссылка_социальная_сеть_1');?>" class="coxiality-item-link"></a>
                        <div class="coxiality-item-image"><img src="<?php the_field('иконка_социальная_сеть_1');?>" alt=""></div>
                        <div class="coxiality-item-title"><?php the_field('текстназвание_социальная_сеть_1');?></div>
                    </div>
                            
<!-- 
                    <div class="coxiality-item"  style="background: #6FA6F9;">
                        <a href="<?php the_field('ссылка_социальная_сеть_2');?>" class="coxiality-item-link"></a>
                        <div class="coxiality-item-image"><img src="<?php the_field('иконка_социальная_сеть_2');?>" alt=""></div>
                        <div class="coxiality-item-title"><?php the_field('текстназвание_социальная_сеть_2');?></div>
                    </div>
					 <div class="coxiality-item"  style="background: #5E72BB;">
                        <a href="<?php the_field('ссылка_социальная_сеть_3');?>" class="coxiality-item-link"></a>
                        <div class="coxiality-item-image"><img src="<?php the_field('иконка_социальная_сеть_3');?>" alt=""></div>
                        <div class="coxiality-item-title"><?php the_field('текстназвание_социальная_сеть_3');?></div>
                    </div>
					 <div class="coxiality-item"  style="background: #5B89CE;">
                        <a href="<?php the_field('ссылка_социальная_сеть_4');?>" class="coxiality-item-link"></a>
                        <div class="coxiality-item-image"><img src="<?php the_field('иконка_социальная_сеть_4');?>" alt=""></div>
                        <div class="coxiality-item-title"><?php the_field('текстназвание_социальная_сеть_4');?></div>
                    </div>
-->
                            
                </div>
                <div class="coxialuty-git">   <a href="<?php the_field('гитхаб_ссылка');?>" class="coxiality-item-link"></a>
                    <div class="coxialuty-git-img"><img src="<?php the_field('гитхаб_иконка');?>" alt=""></div>
                    <div class="coxialuty-git-text"><?php the_field('гитхаб_текст');?></div>
                </div>
            </div>
			    <div class="coxiality-left-copyr mobile"><?php the_field('копирайт_экран_6');?></div>
        </div>
    </div>
</section>


<style> 
	footer {
		display: none;
	}
</style>
<?php

get_footer('new');