File: /var/www/html/dooblo.cccinfotech.com/wp-content/themes/dooblo/page-pricing-test.php
<?php
/* Template Name: Pricingtest1 */
get_header();
$orgid = isset($_GET['orgid']) ? $_GET['orgid'] : '';
$orgname = $orgid = isset($_GET['orgname']) ? $_GET['orgname'] : '';
function createURL($fieldName)
{
$orgID = $_GET['orgid'];
$enc = $_GET['enc'];
if (!empty($orgID)) {
if (!empty($enc))
{
echo the_sub_field($fieldName) . "&orgid=" . $orgID . "&orgname=" . $_GET['orgname'] . "&enc=" . $_GET['enc'];
}
else
{
echo the_sub_field($fieldName) . "&orgid=" . $orgID . "&orgname=" . $_GET['orgname'];
}
}
else
{
echo the_sub_field($fieldName);
}
}
?>
<style>
@media(max-width:480px){
ul.tabs-list{
display:flex;
}
}
</style>
<div id="pricing-page" class="content-area price-cst" <?php post_class(); ?>>
<section class="pricing-top">
<div class="bg-image" style="<?php the_field('top_header_background_image'); ?>"></div>
<div class="bg-dark"></div>
<div class="info">
<h1><?php the_field('top_header_big_text'); ?></h1>
<h2><?php the_field('top_header_paragraph_text'); ?></h2>
</div>
</section>
<div class="tabs">
<ul class="tabs-list">
<?php
if( get_field('sections_tab') ):
$r = 1;
while( the_repeater_field('sections_tab') ): ?>
<li><a href="#tab-<?php echo $r; ?>"><?php echo the_sub_field('add_new_tab');?></a></li>
<?php
$r++;
endwhile;
endif;
?>
</ul>
<div id="tab-1" class="tab active">
<?php
if( have_rows('tab_1') ):?>
<?php while(have_rows('tab_1')): the_row(); ?>
<?php
if(get_row_layout() == 'tab1_section_1'):?>
<section id="section1">
<div class="content">
<div class="sub-subtitle"><?php the_sub_field('tab1_title'); ?></div>
<div class="sub-subtitle"><?php the_sub_field('tab1_sub_title'); ?></div>
<div class="sub-subtitle"><?php the_sub_field('tab1_subtitle'); ?></div>
</div>
</section>
<?php
elseif(get_row_layout() == 'tab1_section_2'): ?>
<?php
// check if the flexible content field has rows of data
if( have_rows('tab1_pricing') ): ?>
<section id="section2">
<div class="workarea1 cf">
<?php while(have_rows('tab1_pricing')): the_row(); ?>
<div class="section <?php if(get_sub_field('tab1_pricing_featured') == true): ?>featured<?php endif; ?>">
<div class="inner">
<h3 class="section-1"><?php the_sub_field('tab1_pricing_title'); ?></h3>
<div class="section-2">
<div class="price"><?php the_sub_field('tab1_pricing_amount'); ?></div>
<div class="catchphrase"><?php the_sub_field('tab2_pricing_catchphrase'); ?></div>
<ul class="features">
<?php while(have_rows('tab1_pricing_featuresprice')): the_row();
?>
<li>
<strong><?php the_sub_field('tab1_feat_number'); ?></strong> <?php the_sub_field('tab1_feature_nam'); ?></li>
<?php endwhile; ?>
</ul>
<?php while(have_rows('tab1pricing_purchase')): the_row(); ?>
<a href="<?php createURL('tab1_purchase_url'); ?>" class="btn hover"><?php the_sub_field('tab1_purchase_text'); ?></a>
<?php endwhile; ?>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
</section>
<?php endif; ?>
<?php /*elseif(get_row_layout() == 'tab1_section_3'): ?>
<section id="section3">
<div class="background-image" style="background-image:url(<?php the_sub_field('tab1_banner') ?>);"></div>
<div class="workarea1">
<h2><?php the_sub_field('tab1_sec3_title'); ?></h2>
<ul class="items cf">
<?php while(have_rows('tab1_sec3_items')): the_row(); ?>
<li class="item alignleft span33">
<div class="icon"><img src="<?php the_sub_field('tab1_icons'); ?>"/></div>
<div class="text"><strong><?php the_sub_field('tab1_sec3_text_bold'); ?></strong> <?php the_sub_field('tab1_sec3_text_light'); ?></div>
</li>
<?php endwhile; ?>
</ul>
</div>
</section>
<?php */elseif(get_row_layout() == 'tab1_section_4'): ?>
<section id="section4">
<div class="workarea1">
<div class="title-wraper">
<h2><?php the_sub_field('tab1_title'); ?></h2>
<div class="subtitle"><?php the_sub_field('tab1_sec4_sub_title'); ?></div>
</div>
<div class="items">
<?php while(have_rows('tab1_sec4_accordan')): the_row(); ?>
<div class="item">
<div class="item-inner set">
<div class="ac-title"><?php the_sub_field('tab1_q-title'); ?><span class="title-icon"></span></div>
<div class="ac-content content"><?php the_sub_field('tab1_q-answer'); ?></div>
</div>
</div>
<?php endwhile; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div id="tab-2" class="tab" style="display:none;">
<?php
if( have_rows('tab_2') ):?>
<?php while(have_rows('tab_2')): the_row(); ?>
<?php
if(get_row_layout() == 'tab2_section_1'):?>
<section id="section1">
<div class="content">
<div class="sub-subtitle"><?php the_sub_field('tab2_title'); ?></div>
<div class="sub-subtitle"><?php the_sub_field('tab2_sub_title'); ?></div>
<div class="sub-subtitle"><?php the_sub_field('tab2_subtitle'); ?></div>
</div>
</section>
<?php
elseif(get_row_layout() == 'tab2_section_2'): ?>
<?php
// check if the flexible content field has rows of data
if( have_rows('tab2_pricing') ): ?>
<section id="section2">
<div class="workarea1 cf">
<?php while(have_rows('tab2_pricing')): the_row(); ?>
<div class="section <?php if(get_sub_field('tab2_pricing_featured') == true): ?>featured<?php endif; ?>">
<div class="inner">
<h3 class="section-1"><?php the_sub_field('tab2_pricing_title'); ?></h3>
<div class="section-2">
<div class="price"><?php the_sub_field('tab2_pricing_amount'); ?></div>
<div class="catchphrase"><?php the_sub_field('tab2_pricing_catchphrase'); ?></div>
<ul class="features">
<?php while(have_rows('tab2_pricing_featuresprice')): the_row(); ?>
<li>
<strong><?php the_sub_field('tab2_feat_number'); ?></strong> <?php the_sub_field('tab2_feature_nam'); ?></li>
<?php endwhile; ?>
</ul>
<?php while(have_rows('tab2pricing_purchase')): the_row(); ?>
<a href="<?php createURL('tab2_purchase_url'); ?>" class="btn hover"><?php the_sub_field('tab2_purchase_text'); ?></a>
<?php endwhile; ?>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
</section>
<?php endif; ?>
<?php /*elseif(get_row_layout() == 'tab2_section_3'): ?>
<section id="section3">
<div class="background-image" style="background-image:url(<?php the_sub_field('tab2_banner') ?>);"></div>
<div class="workarea1">
<h2><?php the_sub_field('tab2_sec3_title'); ?></h2>
<ul class="items cf">
<?php while(have_rows('tab2_sec3_items')): the_row(); ?>
<li class="item alignleft span33">
<div class="icon"><img src="<?php the_sub_field('tab2_icons'); ?>"/></div>
<div class="text"><strong><?php the_sub_field('tab2_sec3_text_bold'); ?></strong> <?php the_sub_field('tab2_sec3_text_light'); ?></div>
</li>
<?php endwhile; ?>
</ul>
</div>
</section>
<?php */elseif(get_row_layout() == 'tab2_section_4'): ?>
<section id="section4">
<div class="workarea1">
<div class="title-wraper">
<h2><?php the_sub_field('tab2_sec4_title'); ?></h2>
<div class="subtitle"><?php the_sub_field('tab2_sec4_sub_title'); ?></div>
</div>
<div class="items">
<?php while(have_rows('tab2_sec4_accordan')): the_row(); ?>
<div class="item">
<div class="item-inner set">
<div class="ac-title"><?php the_sub_field('tab2_q-title'); ?><span class="title-icon"></span></div>
<div class="ac-content content"><?php the_sub_field('tab2_q-answer'); ?></div>
</div>
</div>
<?php endwhile; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div id="tab-3" class="tab" style="display:none;">
<?php
if( have_rows('tab_3') ):?>
<?php while(have_rows('tab_3')): the_row(); ?>
<?php
if(get_row_layout() == 'tab3_section_1'):?>
<section id="section1">
<div class="content">
<div class="sub-subtitle"><?php the_sub_field('tab3_sec1__title'); ?></div>
<div class="sub-subtitle"><?php the_sub_field('tab3_sec1_sub_title'); ?></div>
<div class="sub-subtitle"><?php the_sub_field('tab3_subtitle'); ?></div>
</div>
</section>
<?php
elseif(get_row_layout() == 'tab3_section_2'): ?>
<?php
// check if the flexible content field has rows of data
if( have_rows('tab3_pricing') ): ?>
<section id="section2">
<div class="workarea1 cf">
<?php while(have_rows('tab3_pricing')): the_row(); ?>
<div class="section <?php if(get_sub_field('tab3_pricing_featured') == true): ?>featured<?php endif; ?>">
<div class="inner">
<h3 class="section-1"><?php the_sub_field('tab3_pricing_title'); ?></h3>
<div class="section-2">
<div class="price"><?php the_sub_field('tab3_pricing_amount'); ?></div>
<div class="catchphrase"><?php the_sub_field('tab3_pricing_catchphrase'); ?></div>
<ul class="features">
<?php while(have_rows('tab3_pricing_featuresprice')): the_row(); ?>
<li>
<strong><?php the_sub_field('tab3_feat_number'); ?></strong> <?php the_sub_field('tab3_feature_nam'); ?></li>
<?php endwhile; ?>
</ul>
<?php while(have_rows('tab3pricing_purchase')): the_row(); ?>
<a href="<?php createURL('tab3_purchase_url'); ?>" class="btn hover"><?php the_sub_field('tab3_purchase_text'); ?></a>
<?php endwhile; ?>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
</section>
<?php endif; ?>
<?php /*elseif(get_row_layout() == 'tab3_section_3'): ?>
<section id="section3">
<div class="background-image" style="background-image:url(<?php the_sub_field('tab3_banner') ?>);"></div>
<div class="workarea1">
<h2><?php the_sub_field('tab3_sec3_title'); ?></h2>
<ul class="items cf">
<?php while(have_rows('tab3_sec3_items')): the_row(); ?>
<li class="item alignleft span33">
<div class="icon"><img src="<?php the_sub_field('tab1_icons'); ?>"/></div>
<div class="text"><strong><?php the_sub_field('tab3_sec3_text_bold'); ?></strong> <?php the_sub_field('tab3_sec3_text_light'); ?></div>
</li>
<?php endwhile; ?>
</ul>
</div>
</section>
<?php */elseif(get_row_layout() == 'tab3_section_4'): ?>
<section id="section4">
<div class="workarea1">
<div class="title-wraper">
<h2><?php the_sub_field('tab3_sec4_title'); ?></h2>
<div class="subtitle"><?php the_sub_field('tab3_sec4_sub_title'); ?></div>
</div>
<ul class="items">
<?php while(have_rows('tab3_sec4_accordan')): the_row(); ?>
<li class="item">
<div class="item-inner">
<div class="ac-title"><?php the_sub_field('tab3_q-title'); ?><span class="title-icon"></span></div>
<div class="ac-content"><?php the_sub_field('tab3_q-answer'); ?></div>
</div>
</li>
<?php endwhile; ?>
</ul>
</div>
</section>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div id="tab-4" class="tab" style="display:none;">
<?php
if( have_rows('tab_4') ):?>
<?php while(have_rows('tab_4')): the_row(); ?>
<?php
if(get_row_layout() == 'tab4_section_1'):?>
<section id="section1">
<div class="content">
<div class="sub-subtitle"><?php the_sub_field('tab4_title'); ?></div>
<div class="sub-subtitle"><?php the_sub_field('tab4_sub_title'); ?></div>
<div class="sub-subtitle"><?php the_sub_field('tab4_subtitle'); ?></div>
</div>
</section>
<?php
elseif(get_row_layout() == 'tab4_section_2'): ?>
<?php
// check if the flexible content field has rows of data
if( have_rows('tab4_pricing') ): ?>
<section id="section2">
<div class="workarea1 cf">
<?php while(have_rows('tab4_pricing')): the_row(); ?>
<div class="section <?php if(get_sub_field('tab4_pricing_featured') == true): ?>featured<?php endif; ?>">
<div class="inner">
<h3 class="section-1"><?php the_sub_field('tab4_pricing_title'); ?></h3>
<div class="section-2">
<div class="price"><?php the_sub_field('tab4_pricing_amount'); ?></div>
<div class="catchphrase"><?php the_sub_field('tab4_pricing_catchphrase'); ?></div>
<ul class="features">
<?php while(have_rows('tab4_pricing_featuresprice')): the_row(); ?>
<li>
<strong><?php the_sub_field('tab4_feat_number'); ?></strong> <?php the_sub_field('tab4_feature_nam'); ?></li>
<?php endwhile; ?>
</ul>
<?php while(have_rows('tab4pricing_purchase')): the_row(); ?>
<a href="<?php createURL('tab1_purchase_url'); ?>" class="btn hover"><?php the_sub_field('tab4_purchase_text'); ?></a>
<?php endwhile; ?>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
</section>
<?php endif; ?>
<?php /*elseif(get_row_layout() == 'tab4_section_3'): ?>
<section id="section3">
<div class="background-image" style="background-image:url(<?php the_sub_field('tab4_banner') ?>);"></div>
<div class="workarea1">
<h2><?php the_sub_field('tab4_sec3_title'); ?></h2>
<ul class="items cf">
<?php while(have_rows('tab4_sec3_items')): the_row(); ?>
<li class="item alignleft span33">
<div class="icon"><img src="<?php the_sub_field('tab4_icons'); ?>"/></div>
<div class="text"><strong><?php the_sub_field('tab4_sec3_text_bold'); ?></strong> <?php the_sub_field('tab4_sec3_text_light'); ?></div>
</li>
<?php endwhile; ?>
</ul>
</div>
</section>
<?php */elseif(get_row_layout() == 'tab4_section_4'): ?>
<section id="section4">
<div class="workarea1">
<div class="title-wraper">
<h2><?php the_sub_field('tab4_sec4_title'); ?></h2>
<div class="subtitle"><?php the_sub_field('tab4_sec4_sub_title'); ?></div>
</div>
<div class="items">
<?php while(have_rows('tab4_sec4_accordan')): the_row(); ?>
<div class="item">
<div class="item-inner set">
<div class="ac-title"><?php the_sub_field('tab4_q-title'); ?><span class="title-icon"></span></div>
<div class="ac-content content"><?php the_sub_field('tab4_q-answer'); ?></div>
</div>
</div>
<?php endwhile; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div id="tab-5" class="tab" style="display:none;">
<?php
if( have_rows('tab_5') ):?>
<?php while(have_rows('tab_5')): the_row(); ?>
<?php
if(get_row_layout() == 'tab5_section_1'):?>
<section id="section1">
<div class="content">
<div class="sub-subtitle"><?php the_sub_field('tab5_title'); ?></div>
<div class="sub-subtitle"><?php the_sub_field('tab5_sub_title'); ?></div>
<div class="sub-subtitle"><?php the_sub_field('tab5_subtitle'); ?></div>
</div>
</section>
<?php
elseif(get_row_layout() == 'tab5_section_2'): ?>
<?php
// check if the flexible content field has rows of data
if( have_rows('tab5_pricing') ): ?>
<section id="section2">
<div class="workarea1 cf">
<?php while(have_rows('tab5_pricing')): the_row(); ?>
<div class="section <?php if(get_sub_field('tab5_pricing_featured') == true): ?>featured<?php endif; ?>">
<div class="inner">
<h3 class="section-1"><?php the_sub_field('tab5_pricing_title'); ?></h3>
<div class="section-2">
<div class="price"><?php the_sub_field('tab5_pricing_amount'); ?></div>
<div class="catchphrase"><?php the_sub_field('tab5_pricing_catchphrase'); ?></div>
<ul class="features">
<?php while(have_rows('tab5_pricing_featuresprice')): the_row(); ?>
<li>
<strong><?php the_sub_field('tab5_feat_number'); ?></strong> <?php the_sub_field('tab5_feature_nam'); ?></li>
<?php endwhile; ?>
</ul>
<?php while(have_rows('tab5pricing_purchase')): the_row(); ?>
<a href="<?php createURL('tab5_purchase_url'); ?>" class="btn hover"><?php the_sub_field('tab5_purchase_text'); ?></a>
<?php endwhile; ?>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
</section>
<?php endif; ?>
<?php /*elseif(get_row_layout() == 'tab5_section_3'): ?>
<section id="section3">
<div class="background-image" style="background-image:url(<?php the_sub_field('tab5_banner') ?>);"></div>
<div class="workarea1">
<h2><?php the_sub_field('tab5_sec3_title'); ?></h2>
<ul class="items cf">
<?php while(have_rows('tab5_sec3_items')): the_row(); ?>
<li class="item alignleft span33">
<div class="icon"><img src="<?php the_sub_field('tab5_icons'); ?>"/></div>
<div class="text"><strong><?php the_sub_field('tab5_sec3_text_bold'); ?></strong> <?php the_sub_field('tab5_sec3_text_light'); ?></div>
</li>
<?php endwhile; ?>
</ul>
</div>
</section>
<?php */elseif(get_row_layout() == 'tab5_section_4'): ?>
<section id="section4">
<div class="workarea1">
<div class="title-wraper">
<h2><?php the_sub_field('tab5_sec4_title'); ?></h2>
<div class="subtitle"><?php the_sub_field('tab5_sec4_sub_title'); ?></div>
</div>
<div class="items">
<?php while(have_rows('tab5_sec4_accordan')): the_row(); ?>
<div class="item">
<div class="item-inner set">
<div class="ac-title"><?php the_sub_field('tab5_q-title'); ?><span class="title-icon"></span></div>
<div class="ac-content content"><?php the_sub_field('tab5_q-answer'); ?></div>
</div>
</div>
<?php endwhile; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
<?php
if( have_rows('section_form') ):
while(have_rows('section_form')): the_row();
if(get_row_layout() == 'contact_form'): ?>
<section id="section5" class="cf">
<div class="section5-1 alignleft">
<img src="<?php the_sub_field('from_background'); ?>" />
</div>
<div class="section5-2 alignleft">
<div class="align-middle-center">
<div class="form">
<div class="section5-2-1"><?php the_sub_field('form_title'); ?></div>
<div class="section5-2-2"><?php the_sub_field('form_subtitle'); ?></div>
<div class="theForm"><?php the_sub_field('form_form'); ?></div>
<section class="message-sent">
<div class="row">
<div class="col-md-12">
<div class="icon">
<img src="<?= get_template_directory_uri(); ?>/images/contact/mailafter.png" alt="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h1>Your message has been <br>sent successfully!</h1>
</div>
</div>
</section>
<form id="pricing-form" class="cf" method="post" enctype="multipart/form-data">
<input type="hidden" name="subject" value="Dooblo - Ready for a demo" />
<input type="hidden" name="action" value="hpform_action">
<?php while(have_rows('form_form')): the_row(); ?>
<?php $type = get_sub_field('type'); ?>
<?php
if($type != 'submit'):
?>
<div class="input alignleft <?php the_sub_field('size'); ?>">
<input type="<?php echo $type; ?>" name="<?php the_sub_field('name'); ?>" placeholder="<?php the_sub_field('placeholder'); ?>" data-error="<?php the_sub_field('error'); ?>" data-placeholder="<?php the_sub_field('placeholder'); ?>" />
</div>
<?php
else:
?>
<div class="submit">
<input type="submit" name="<?php the_sub_field('name'); ?>" value="<?php the_sub_field('placeholder'); ?>" class="btn" />
</div>
<?php
endif;
?>
<?php endwhile; ?>
</form>
</div>
</div>
</div>
</section>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
</div>
<style type="text/css">
.page-id-3765 .tab section {
/*z-index: -1;*/
}
.tabs{
height:auto;
margin:0 auto;
}
/ tab list item /
.tabs .tabs-list{
list-style:none;
margin:0px;
padding:0px;
}
.tabs .tabs-list li{
width: 256px;
float: left;
margin: 0px;
margin-right: 2px;
padding: 10px 5px;
text-align: center;
background-color: #555;
}
.tabs .tabs-list li:hover{
cursor:pointer;
}
.tabs .tabs-list li a{
text-decoration: none;
color:white;
}
.active{
display:block !important;
}
.tabs .tabs-list li.active{
background-color:#555 !important;
color:black !important;
}
.price-cst .cf {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.price-cst .price {
font-size: 3.3em !important;
}
</style>
<script>
jQuery(document).ready(function(){
jQuery(".tabs-list li:first-child").addClass('active');
jQuery(".tabs-list li a").click(function(e){
e.preventDefault();
});
jQuery(".tabs-list li").click(function(){
var tabid = jQuery(this).find("a").attr("href");
jQuery(".tabs-list li,.tabs div.tab").removeClass("active"); // removing active class from tab and tab content
jQuery(".tab").hide(); // hiding open tab
jQuery(tabid).show(); // show tab
jQuery(this).addClass("active"); // adding active class to clicked tab
});
jQuery(document).on('click','.anchor', function(event) {
jQuery(window).scrollTop(0);
});
});
</script>
<?php get_footer(); ?>