File: /var/www/html/dooblo.cccinfotech.com/wp-content/themes/dooblo/data-collection.php
<?php
/**
* Template Name: Data Collection
*
* This is the most generic template file in a WordPress theme
* and one of the two required files for a theme (the other being style.css).
* It is used to display a page when nothing more specific matches a query.
* E.g., it puts together the home page when no home.php file exists.
*
* @link https://codex.wordpress.org/Template_Hierarchy
*
* @package Dooblo
*/
get_header('datacollection'); ?>
<div id="research-page" class="content-area" >
<div id="top-page"></div>
<?php $image_m = get_field('banner_image');?>
<section class="research-top data_collection collection-deskto-banner" style="background-image: url(<?php echo $image_m; ?>);" >
<div class="banner-info-main">
<div class="col-sm-3 col-xs-12 image-banner-left"><a href="#save_your_spot">
<?php $save_your_spot = get_field('save_your_spot');?>
<img src ="<?php echo $save_your_spot;?>"></a>
</div>
<div class="col-sm-6 col-xs-12 image-banner-center">
<div class="info">
<a href="#"> live webinar</a>
<?php the_field('banner_text'); ?>
</div>
</div>
<div class="col-sm-3 col-xs-12 image-banner-right">
<h2><?php the_field('hosted_name'); ?></h2>
<div class="image-hosted">
<img src="<?php echo $hosted_image1 = get_field('hosted_image1'); ?>">
</div>
<div class="hosted-main">
<div class="hosted-content">
<h4><?php the_field('hosted_title'); ?></h4>
<p><?php the_field('hosted_text'); ?></p>
</div>
</div>
<div class="hosted-main">
<div class="hosted-image">
<img src="<?php echo $hosted_image1 = get_field('hosted_image2'); ?>">
</div>
<div class="hosted-content">
<h4><?php the_field('hosted_title2'); ?></h4>
<p><?php the_field('hosted_text2'); ?></p>
</div>
</div>
</div>
</div>
</section>
<!--end of collection desktop banner-->
<?php $image_m = get_field('banner_image');?>
<section class="research-top data_collection collection-mobile-banner" style="background-image: url(<?php echo $image_m; ?>);" >
<div class="banner-info-main">
<div class="col-sm-12 col-xs-12 image-banner-center">
<div class="info">
<a href="#"> live webinar</a>
<?php the_field('banner_text'); ?>
</div>
</div>
</div>
</section>
<section class="banner-bottom-section">
<div class="col-sm-3 col-xs-12 image-banner-right">
<h2><?php the_field('hosted_name'); ?></h2>
<div class="hosted-main">
<div class="image-hosted">
<img src="<?php echo $hosted_image1 = get_field('hosted_image1'); ?>">
</div>
<div class="hosted-content">
<h4><?php the_field('hosted_title'); ?></h4>
<p><?php the_field('hosted_text'); ?></p>
</div>
</div>
<div class="hosted-main">
<div class="hosted-image">
<img src="<?php echo $hosted_image1 = get_field('hosted_image2'); ?>">
</div>
<div class="hosted-content">
<h4><?php the_field('hosted_title2'); ?></h4>
<p><?php the_field('hosted_text2'); ?></p>
</div>
</div>
</div>
</section>
<section class="research1 collection-new mobile">
<div class="container">
<div class="row">
<div class="col-md-12 mid_banner">
<?php $midbanner1 = get_field('midbanner'); ?>
<img src="<?php echo $midbanner1; ?>" alt="">
<div class="collection-text">
<?php the_field('midbanner_text'); ?>
</div>
</div>
</div>
</div>
</section>
<section class="research1 collection-main desktop">
<div class="container">
<div class="row desktop-mid-sec">
<div class="col-md-12 mid_banner">
<?php $midbanner1 = get_field('midbanner'); ?>
<img src="<?php echo $midbanner1; ?>" alt="">
<div class="collection-text">
<?php the_field('midbanner_text'); ?>
</div>
</div>
</div>
<div class="form-box" id="save_your_spot">
<div class="save-spot-head">
<img src="<?php echo $save_your_spot_icon = get_field('save_your_spot_icon'); ?>" alt="">
<h2><?php the_field('save_your_post2'); ?></h2>
</div>
<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: "7896641",
formId: "ddfbdea6-51d6-4dcf-a9e7-86eaf0858dc9"
});
</script>
</div>
</div>
</section>
<section class="research3 learn-content-sec">
<div class="container">
<div class="row">
<h1><?php the_field('title'); ?></h1>
</div>
<div class="row">
<div class="col-md-4">
<div class="extent">
<?php $image_icon1 = get_field('icion_image1'); ?>
<img src="<?php echo $image_icon1; ?>">
<?php the_field('icon_image_text1'); ?>
</div>
</div>
<div class="col-md-4">
<div class="extent">
<?php $image_icon2 = get_field('icon_image2'); ?>
<img src="<?php echo $image_icon2; ?>" a>
<?php the_field('icon_image_text2'); ?>
</div>
</div>
<div class="col-md-4">
<div class="extent">
<?php $image_icon3 = get_field('icon_image3'); ?>
<img src="<?php echo $image_icon3; ?>" >
<?php the_field('icon_image_text3'); ?>
</div>
</div>
</div>
</div>
<div class="mobile-content-last-collect">
<div class="info section_four">
<a href="#"> live webinar</a>
</div>
<?php $image_bottom = get_field('save_your_spot_icon'); ?>
<img src="<?php echo $image_bottom; ?>"/>
<?php the_field('About_text'); ?>
<?php $hosted_image_new = get_field('hosted_image_new'); ?>
</div>
</section>
<?php $image_m = get_field('banner_image');?>
<section class="research-last" style="background-image: url(<?php echo $image_m; ?>);" >
<div class="desktop-content-last-collect">
<div class="info section_four">
<a href="#"> live webinar</a>
</div>
<?php $image_bottom = get_field('save_your_spot_icon'); ?>
<img src="<?php echo $image_bottom; ?>"/>
<?php the_field('About_text'); ?>
<?php $hosted_image_new = get_field('hosted_image_new'); ?>
</div>
<div class="speaker-main-sec">
<?php the_field('aboutspeaker'); ?>
<div class="speaker-left-sec col-sm-6 col-xs-12">
<img src="<?php echo $hosted_image_new; ?>"/>
<h4><?php the_field('hosted_name_2'); ?></h4>
<?php the_field('hosted_name2_text'); ?>
</div>
<div class="speaker-right-sec col-sm-6 col-xs-12">
<?php $hosted_image_new3 = get_field('hosted_image_new3'); ?>
<img src="<?php echo $hosted_image_new3; ?>"/>
<h4><?php the_field('hosted_name_new3'); ?></h4>
<?php the_field('hosted_name_new_text'); ?>
</div>
</div>
</section>
<section class="last-section-bottom">
<div class="participant-bottom">
<div class="participant-bottom-left">
<?php $image_last = get_field('last_section_img'); ?>
<img src="<?php echo $image_last; ?>"/>
</div>
<div class="participant-bottom-right">
<?php the_field('last_section_text'); ?>
</div>
</div>
</section>
<?php get_footer('research'); ?>