| Server IP : 104.26.4.103 / Your IP : 216.73.216.4 Web Server : nginx/1.27.1 System : Linux in-5 5.15.0-143-generic #153-Ubuntu SMP Fri Jun 13 19:10:45 UTC 2025 x86_64 User : arabianexpress ( 1872) PHP Version : 8.0.30 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,parse_ini_file,show_source MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /storage/v9321/leapdubai/public_html/wp-content/plugins/printx-core/include/elementor/ |
Upload File : |
<?php
namespace TPCore\Widgets;
use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use \Elementor\Group_Control_Background;
use \Elementor\Group_Control_Image_Size;
use \Elementor\Repeater;
use \Elementor\Utils;
use \Elementor\Control_Media;
use TPCore\Elementor\Controls\Group_Control_TPBGGradient;
use TPCore\Elementor\Controls\Group_Control_TPGradient;
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
/**
* Tp Core
*
* Elementor widget for hello world.
*
* @since 1.0.0
*/
class TP_About extends Widget_Base {
use \TPCore\Widgets\TPCoreElementFunctions;
/**
* Retrieve the widget name.
*
* @since 1.0.0
*
* @access public
*
* @return string Widget name.
*/
public function get_name() {
return 'about';
}
/**
* Retrieve the widget title.
*
* @since 1.0.0
*
* @access public
*
* @return string Widget title.
*/
public function get_title() {
return __( 'About', 'tpcore' );
}
/**
* Retrieve the widget icon.
*
* @since 1.0.0
*
* @access public
*
* @return string Widget icon.
*/
public function get_icon() {
return 'tp-icon';
}
/**
* Retrieve the list of categories the widget belongs to.
*
* Used to determine where to display the widget in the editor.
*
* Note that currently Elementor supports only one category.
* When multiple categories passed, Elementor uses the first one.
*
* @since 1.0.0
*
* @access public
*
* @return array Widget categories.
*/
public function get_categories() {
return [ 'tpcore' ];
}
/**
* Retrieve the list of scripts the widget depended on.
*
* Used to set scripts dependencies required to run the widget.
*
* @since 1.0.0
*
* @access public
*
* @return array Widget scripts dependencies.
*/
public function get_script_depends() {
return [ 'tpcore' ];
}
/**
* Register the widget controls.
*
* Adds different input fields to allow the user to change and customize the widget settings.
*
* @since 1.0.0
*
* @access protected
*/
protected function register_controls(){
$this->register_controls_section();
$this->style_tab_content();
}
protected function register_controls_section() {
// layout Panel
$this->start_controls_section(
'tp_layout',
[
'label' => esc_html__('Design Layout', 'tpcore'),
]
);
$this->add_control(
'tp_design_style',
[
'label' => esc_html__('Select Layout', 'tpcore'),
'type' => Controls_Manager::SELECT,
'options' => [
'layout-1' => esc_html__('Layout 1', 'tpcore'),
'layout-2' => esc_html__('Layout 2', 'tpcore'),
'layout-3' => esc_html__('Layout 3', 'tpcore'),
'layout-4' => esc_html__('Layout 4', 'tpcore'),
'layout-5' => esc_html__('Layout 5', 'tpcore'),
],
'default' => 'layout-1',
]
);
$this->end_controls_section();
$this->tp_section_title_render_controls('about', 'Section Title', 'Sub Title', 'your title here', $default_description = 'Hic nesciunt galisum aut dolorem aperiam eum soluta quod ea cupiditate.', ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']);
// Features Sections
$this->start_controls_section(
'about_features_list_sec',
[
'label' => esc_html__( 'Features List', 'tpcore' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
'condition' => [
'tp_design_style' => ['layout-1', 'layout-2', 'layout-5']
]
]
);
$this->add_control(
'tp_light_switcher',
[
'label' => esc_html__( 'Light Version', 'tpcore' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'tpcore' ),
'label_off' => esc_html__( 'No', 'tpcore' ),
'return_value' => 'yes',
'default' => '0',
'separator' => 'before',
'condition' => [
'tp_design_style' => 'layout-1'
]
]
);
$repeater = new \Elementor\Repeater();
$repeater->add_control(
'repeater_condition',
[
'label' => __( 'Field condition', 'tpcore' ),
'type' => Controls_Manager::SELECT,
'options' => [
'style_1' => __( 'Style 1', 'tpcore' ),
'style_2' => __( 'Style 2', 'tpcore' ),
'style_5' => __( 'Style 5', 'tpcore' ),
],
'default' => 'style_1',
'frontend_available' => true,
'style_transfer' => true,
]
);
$repeater->add_control(
'tp_box_icon_type',
[
'label' => esc_html__('Select Icon Type', 'tpcore'),
'type' => \Elementor\Controls_Manager::SELECT,
'default' => 'icon',
'options' => [
'image' => esc_html__('Image', 'tpcore'),
'icon' => esc_html__('Icon', 'tpcore'),
'svg' => esc_html__('SVG', 'tpcore'),
],
]
);
$repeater->add_control(
'tp_box_icon_svg',
[
'show_label' => false,
'type' => Controls_Manager::TEXTAREA,
'label_block' => true,
'placeholder' => esc_html__('SVG Code Here', 'tpcore'),
'condition' => [
'tp_box_icon_type' => 'svg',
]
]
);
$repeater->add_control(
'tp_box_icon_image',
[
'label' => esc_html__('Upload Icon Image', 'tpcore'),
'type' => Controls_Manager::MEDIA,
'default' => [
'url' => Utils::get_placeholder_image_src(),
],
'condition' => [
'tp_box_icon_type' => 'image',
]
]
);
if (tp_is_elementor_version('<', '2.6.0')) {
$repeater->add_control(
'tp_box_icon',
[
'show_label' => false,
'type' => Controls_Manager::ICON,
'label_block' => true,
'default' => 'fa fa-star',
'condition' => [
'tp_box_icon_type' => 'icon',
]
]
);
} else {
$repeater->add_control(
'tp_box_selected_icon',
[
'show_label' => false,
'type' => Controls_Manager::ICONS,
'fa4compatibility' => 'icon',
'label_block' => true,
'default' => [
'value' => 'fas fa-star',
'library' => 'solid',
],
'condition' => [
'tp_box_icon_type' => 'icon',
]
]
);
}
$repeater->add_control(
'about_features_title',
[
'label' => esc_html__( 'About List Title', 'tpcore' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => esc_html__( 'See the action in live', 'tpcore' ),
'label_block' => true,
]
);
$repeater->add_control(
'about_features_des',
[
'label' => esc_html__( 'Description', 'tpcore' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'default' => esc_html__( 'Understand how your keyword/group is ranking specific cases.', 'tpcore' ),
'label_block' => true,
]
);
$this->add_control(
'about_features_list',
[
'label' => esc_html__( 'About Features List', 'tpcore' ),
'type' => \Elementor\Controls_Manager::REPEATER,
'fields' => $repeater->get_controls(),
'default' => [
[
'about_features_title' => esc_html__( 'See the action in live', 'tpcore' ),
],
[
'about_features_title' => esc_html__( 'Intuitive dashboard', 'tpcore' ),
],
],
'title_field' => '{{{ about_features_title }}}',
]
);
$this->end_controls_section();
// list
$this->start_controls_section(
'tp_list_sec',
[
'label' => esc_html__( 'Info List', 'tpcore' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$repeater = new \Elementor\Repeater();
$repeater->add_control(
'tp_text_list_title',
[
'label' => esc_html__( 'Title', 'tpcore' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => esc_html__( 'Default-value', 'tpcore' ),
'label_block' => true,
]
);
$this->add_control(
'tp_text_list_list',
[
'label' => esc_html__( 'List', 'tpcore' ),
'type' => \Elementor\Controls_Manager::REPEATER,
'fields' => $repeater->get_controls(),
'default' => [
[
'tp_text_list_title' => esc_html__( 'Neque sodales', 'tpcore' ),
],
[
'tp_text_list_title' => esc_html__( 'Adipiscing elit', 'tpcore' ),
],
[
'tp_text_list_title' => esc_html__( 'Mauris commodo', 'tpcore' ),
],
],
'title_field' => '{{{ tp_text_list_title }}}',
]
);
$this->end_controls_section();
$this->tp_button_render('about', 'Button', ['layout-3', 'layout-4']);
// _tp_image
$this->start_controls_section(
'_tp_image',
[
'label' => esc_html__('Thumbnail', 'tpcore'),
]
);
$this->add_control(
'tp_image',
[
'label' => esc_html__( 'Choose Image', 'tpcore' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'default' => [
'url' => \Elementor\Utils::get_placeholder_image_src(),
],
]
);
$this->add_control(
'tp_image2',
[
'label' => esc_html__( 'Choose Image 2', 'tpcore' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'default' => [
'url' => \Elementor\Utils::get_placeholder_image_src(),
],
]
);
$this->add_control(
'tp_image3',
[
'label' => esc_html__( 'Choose Image 3', 'tpcore' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'default' => [
'url' => \Elementor\Utils::get_placeholder_image_src(),
],
'condition' => [
'tp_design_style' => ['layout-1', 'layout-2', 'layout-3']
]
]
);
$this->add_control(
'tp_image4',
[
'label' => esc_html__( 'Choose Image 4', 'tpcore' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'default' => [
'url' => \Elementor\Utils::get_placeholder_image_src(),
],
'condition' => [
'tp_design_style' => ['layout-1', 'layout-2']
]
]
);
$this->add_group_control(
Group_Control_Image_Size::get_type(),
[
'name' => 'tp_image_size',
'default' => 'full',
'exclude' => [
'custom'
]
]
);
$this->add_control(
'tp_img_text',
[
'label' => esc_html__( 'Thumbnail Title', 'tpcore' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'default' => esc_html__( '500+ Customer Worldwide', 'tpcore' ),
'label_block' => true,
'condition' => [
'tp_design_style' => 'layout-1'
]
]
);
$this->end_controls_section();
// shape
$this->start_controls_section(
'tp_shape',
[
'label' => esc_html__( 'Shape Section', 'tpcore' ),
'condition' => [
'tp_design_style' => ['layout-1', 'layout-2', 'layout-3', 'layout-4']
]
]
);
$this->add_control(
'tp_shape_switch',
[
'label' => esc_html__( 'Shape On/Off', 'tpcore' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Show', 'tpcore' ),
'label_off' => esc_html__( 'Hide', 'tpcore' ),
'return_value' => 'yes',
'default' => '0',
]
);
$this->add_control(
'tp_shape_image_1',
[
'label' => esc_html__( 'Choose Shape Image 1', 'tpcore' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'default' => [
'url' => \Elementor\Utils::get_placeholder_image_src(),
],
'condition' => [
'tp_shape_switch' => 'yes'
]
]
);
$this->add_control(
'tp_shape_image_2',
[
'label' => esc_html__( 'Choose Shape Image 2', 'tpcore' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'default' => [
'url' => \Elementor\Utils::get_placeholder_image_src(),
],
'condition' => [
'tp_shape_switch' => 'yes',
]
]
);
$this->add_control(
'tp_shape_image_3',
[
'label' => esc_html__( 'Choose Shape Image 3', 'tpcore' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'default' => [
'url' => \Elementor\Utils::get_placeholder_image_src(),
],
'condition' => [
'tp_shape_switch' => 'yes',
]
]
);
$this->add_control(
'tp_shape_image_4',
[
'label' => esc_html__( 'Choose Shape Image 4', 'tpcore' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'default' => [
'url' => \Elementor\Utils::get_placeholder_image_src(),
],
'condition' => [
'tp_shape_switch' => 'yes',
'tp_design_style' => 'layout-1'
]
]
);
$this->add_control(
'tp_shape_image_5',
[
'label' => esc_html__( 'Choose Shape Image 5', 'tpcore' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'default' => [
'url' => \Elementor\Utils::get_placeholder_image_src(),
],
'condition' => [
'tp_shape_switch' => 'yes',
'tp_design_style' => 'layout-1'
]
]
);
$this->add_control(
'tp_shape_image_6',
[
'label' => esc_html__( 'Choose Shape Image 6', 'tpcore' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'default' => [
'url' => \Elementor\Utils::get_placeholder_image_src(),
],
'condition' => [
'tp_shape_switch' => 'yes',
'tp_design_style' => 'layout-1'
]
]
);
$this->add_group_control(
Group_Control_Image_Size::get_type(),
[
'name' => 'shape_image_size', // // Usage: `{name}_size` and `{name}_custom_dimension`, in this case `thumbnail_size` and `thumbnail_custom_dimension`.
'exclude' => ['custom'],
'condition' => [
'tp_shape_switch' => 'yes'
],
'default' => 'full'
]
);
$this->end_controls_section();
// _tp_exp
$this->start_controls_section(
'_tp_exp_sec',
[
'label' => esc_html__('Experience', 'tpcore'),
'condition' => [
'tp_design_style' => ['layout-2', 'layout-5']
]
]
);
$this->add_control(
'tp_exp_num',
[
'label' => esc_html__( 'Number of Years', 'tpcore' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'default' => esc_html__( '50', 'tpcore' ),
'label_block' => true,
]
);
$this->add_control(
'tp_exp_title',
[
'label' => esc_html__( 'Title', 'tpcore' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'default' => esc_html__( 'Years', 'tpcore' ),
'label_block' => true,
]
);
$this->add_control(
'tp_exp_after',
[
'label' => esc_html__( 'After Content', 'tpcore' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'default' => esc_html__( '+', 'tpcore' ),
'label_block' => true,
]
);
$this->end_controls_section();
// _tp_video
$this->start_controls_section(
'_tp_video_sec',
[
'label' => esc_html__('Video', 'tpcore'),
'condition' => [
'tp_design_style' => 'layout-5'
]
]
);
$this->add_control(
'tp_video_title',
[
'label' => esc_html__( 'Title', 'tpcore' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'default' => esc_html__( 'Painting', 'tpcore' ),
'label_block' => true,
]
);
$this->add_control(
'tp_video_url',
[
'label' => esc_html__( 'Video URL', 'tpcore' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'default' => esc_html__( 'https://www.youtube.com/watch?v=EW4ZYb3mCZk', 'tpcore' ),
'label_block' => true,
]
);
$this->end_controls_section();
}
// style_tab_content
protected function style_tab_content(){
$this->tp_section_style_controls('about_section', 'Section', '.tp-el-section');
$this->tp_basic_style_controls('heading_subtitle', 'Subtitle', '.tp-el-subtitle', ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']);
$this->tp_basic_style_controls('heading_title', 'Title', '.tp-el-title', ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']);
$this->tp_basic_style_controls('heading_desc', 'Description', '.tp-el-content', ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']);
$this->tp_link_controls_style('tpel_btn', 'Button', '.tp-el-btn', ['layout-3', 'layout-4']);
// fea
$this->tp_icon_style('rep_icon', 'Features List Icon/Image/SVG', '.tp-el-rep-icon', ['layout-1', 'layout-2', 'layout-5']);
$this->tp_basic_style_controls('rep_title', 'Features List Title', '.tp-el-rep-title', ['layout-1', 'layout-2', 'layout-5']);
$this->tp_basic_style_controls('rep_desc', 'Features List Description', '.tp-el-rep-content', ['layout-1', 'layout-2', 'layout-5']);
// info list
$this->tp_basic_style_controls('info_list', 'Info List', '.tp-el-list', ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']);
// experience
$this->tp_basic_style_controls('exp_num', 'Experience Number', '.tp-el-exNum', ['layout-2', 'layout-5']);
$this->tp_basic_style_controls('exp_title', 'Experience Title', '.tp-el-exTitle', ['layout-2', 'layout-5']);
$this->tp_basic_style_controls('exp_aftCon', 'Experience After Content', '.tp-el-exAftCon', ['layout-2', 'layout-5']);
// play
$this->start_controls_section(
'play_sec',
[
'label' => esc_html__( 'Video Play Button', 'tpcore' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
'condition' => [
'tp_design_style' => 'layout-5'
]
]
);
$this->add_control(
'playtxt_color',
[
'label' => esc_html__( 'Title Color', 'tpcore' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .play-txt' => 'color: {{VALUE}}',
],
]
);
$this->add_control(
'playicon_color',
[
'label' => esc_html__( 'Icon Color', 'tpcore' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .play-icon' => 'color: {{VALUE}}',
],
]
);
$this->add_control(
'playtxt_bgcolor',
[
'label' => esc_html__( 'Background Color', 'tpcore' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .play-bg' => 'background-color: {{VALUE}}',
],
]
);
$this->add_control(
'playtxt_bgAnOver',
[
'label' => esc_html__( 'Animation Overly Color', 'tpcore' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .play-bg::before,{{WRAPPER}} .play-bg::after' => 'background-color: {{VALUE}}',
],
]
);
$this->end_controls_section();
}
/**
* Render the widget output on the frontend.
*
* Written in PHP and used to generate the final HTML.
*
* @since 1.0.0
*
* @access protected
*/
protected function render() {
$settings = $this->get_settings_for_display();
?>
<?php if ( $settings['tp_design_style'] == 'layout-2' ) :
// thumbnail
if ( !empty($settings['tp_image']['url']) ) {
$tp_image = !empty($settings['tp_image']['id']) ? wp_get_attachment_image_url( $settings['tp_image']['id'], $settings['tp_image_size_size']) : $settings['tp_image']['url'];
$tp_image_alt = get_post_meta($settings["tp_image"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_image2']['url']) ) {
$tp_image2 = !empty($settings['tp_image2']['id']) ? wp_get_attachment_image_url( $settings['tp_image2']['id'], $settings['tp_image_size_size']) : $settings['tp_image2']['url'];
$tp_image_alt2 = get_post_meta($settings["tp_image2"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_image3']['url']) ) {
$tp_image3 = !empty($settings['tp_image3']['id']) ? wp_get_attachment_image_url( $settings['tp_image3']['id'], $settings['tp_image_size_size']) : $settings['tp_image3']['url'];
$tp_image_alt3 = get_post_meta($settings["tp_image3"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_image4']['url']) ) {
$tp_image4 = !empty($settings['tp_image4']['id']) ? wp_get_attachment_image_url( $settings['tp_image4']['id'], $settings['tp_image_size_size']) : $settings['tp_image4']['url'];
$tp_image_alt4 = get_post_meta($settings["tp_image4"]["id"], "_wp_attachment_image_alt", true);
}
// shape image
if ( !empty($settings['tp_shape_image_1']['url']) ) {
$tp_shape_image = !empty($settings['tp_shape_image_1']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_1']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_1']['url'];
$tp_shape_image_alt = get_post_meta($settings["tp_shape_image_1"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_shape_image_2']['url']) ) {
$tp_shape_image2 = !empty($settings['tp_shape_image_2']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_2']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_2']['url'];
$tp_shape_image_alt2 = get_post_meta($settings["tp_shape_image_2"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_shape_image_3']['url']) ) {
$tp_shape_image3 = !empty($settings['tp_shape_image_3']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_3']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_3']['url'];
$tp_shape_image_alt3 = get_post_meta($settings["tp_shape_image_3"]["id"], "_wp_attachment_image_alt", true);
}
$this->add_render_attribute('title_args', 'class', 'tp-section-title-3 tp-el-title');
?>
<div class="tp-service-2__area tp-service-2__space fix p-relative tp-el-section">
<?php if(!empty($tp_shape_image)) : ?>
<div class="tp-service-2__shape-4 d-none d-xl-block">
<img src="<?php echo esc_url($tp_shape_image); ?>" alt="<?php echo esc_attr($tp_shape_image_alt); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image2)) : ?>
<div class="tp-service-2__shape-5 d-none d-xl-block">
<img src="<?php echo esc_url($tp_shape_image2); ?>" alt="<?php echo esc_attr($tp_shape_image_alt2); ?>">
</div>
<?php endif; ?>
<div class="container custom-container-1">
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="tp-service-2__thumb-box p-relative text-end">
<?php if(!empty($tp_image)) : ?>
<div class="tp-service-2__main-thumb">
<img src="<?php echo esc_url($tp_image); ?>" alt="<?php echo esc_attr($tp_image_alt); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_image2)) : ?>
<div class="tp-service-2__thumb-sm">
<img src="<?php echo esc_url($tp_image2); ?>" alt="<?php echo esc_attr($tp_image_alt2); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image3)) : ?>
<div class="tp-service-2__shape-1 d-none d-xl-block">
<img src="<?php echo esc_url($tp_shape_image3); ?>"
alt="<?php echo esc_attr($tp_shape_image_alt3); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_image4)) : ?>
<div class="tp-service-2__shape-2 d-none d-xxl-block">
<img src="<?php echo esc_url($tp_image4); ?>" alt="<?php echo esc_attr($tp_image_alt4); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_image3)) : ?>
<div class="tp-service-2__shape-3 d-none d-xl-block">
<img src="<?php echo esc_url($tp_image3); ?>" alt="<?php echo esc_attr($tp_image_alt3); ?>">
</div>
<?php endif; ?>
</div>
</div>
<div class="col-xl-6 col-lg-6 wow tpfadeRight" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-service-2__right-box">
<div class="tp-service-2__section-title mb-30">
<?php if ( !empty($settings['tp_about_sub_title']) ) : ?>
<span class="tp-gradiant-section-subtitle tp-el-subtitle"><?php echo tp_kses($settings['tp_about_sub_title']); ?></span>
<?php endif; ?>
<?php
if ( !empty($settings['tp_about_title' ]) ) :
printf( '<%1$s %2$s>%3$s</%1$s>',
tag_escape( $settings['tp_about_title_tag'] ),
$this->get_render_attribute_string( 'title_args' ),
tp_kses( $settings['tp_about_title' ] )
);
endif;
?>
</div>
<div class="tp-service-2__text mb-25">
<?php if ( !empty($settings['tp_about_description']) ) : ?>
<p class="tp-el-content"><?php echo tp_kses( $settings['tp_about_description'] ); ?></p>
<?php endif; ?>
</div>
<div class="tp-service-2__list mb-35">
<ul>
<?php foreach($settings['about_features_list'] as $key => $item) : ?>
<li>
<div class="tp-service-2__list-content d-flex align-items-center">
<?php if($item['tp_box_icon_type'] == 'icon') : ?>
<?php if (!empty($item['tp_box_icon']) || !empty($item['tp_box_selected_icon']['value'])) : ?>
<span class="tp-el-rep-icon">
<?php tp_render_icon($item, 'tp_box_icon', 'tp_box_selected_icon'); ?>
</span>
<?php endif; ?>
<?php elseif( $item['tp_box_icon_type'] == 'image' ) : ?>
<?php if (!empty($item['tp_box_icon_image']['url'])): ?>
<span class="tp-el-rep-icon">
<img src="<?php echo $item['tp_box_icon_image']['url']; ?>"
alt="<?php echo get_post_meta(attachment_url_to_postid($item['tp_box_icon_image']['url']), '_wp_attachment_image_alt', true); ?>">
</span>
<?php endif; ?>
<?php else : ?>
<?php if (!empty($item['tp_box_icon_svg'])): ?>
<span class="tp-el-rep-icon">
<?php echo $item['tp_box_icon_svg']; ?>
</span>
<?php endif; ?>
<?php endif; ?>
<?php if(!empty($item['about_features_title'])) : ?>
<h5 class="tp-service-2__title-sm tp-el-rep-title">
<?php echo tp_kses($item['about_features_title']); ?></h5>
<?php endif; ?>
<?php if(!empty($item['about_features_des'])) : ?>
<p class="tp-el-rep-content"><?php echo tp_kses($item['about_features_des']); ?></p>
<?php endif; ?>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
<div class="row">
<div class="col-xl-7 col-12">
<div class="tp-service-2__list-box-2">
<ul>
<?php foreach ($settings['tp_text_list_list'] as $key => $item) : if(!empty($item['tp_text_list_title'])) : ?>
<li class="tp-el-list">
<i>
<svg width="17" height="16" viewBox="0 0 17 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M8.00832 0.000488281C3.59271 0.000488281 0 3.58946 0 8.00049C0 12.4115 3.59271 16.0005 8.00832 16.0005C12.4239 16.0005 16.0166 12.4115 16.0166 8.00049C16.0166 3.58946 12.4239 0.000488281 8.00832 0.000488281ZM12.4841 5.89523L7.36605 10.9679C7.06499 11.2687 6.58328 11.2887 6.26215 10.988L3.55256 8.52179C3.23143 8.22104 3.21136 7.71979 3.49235 7.39899C3.79342 7.07818 4.29519 7.05813 4.61633 7.35889L6.76392 9.3238L11.3401 4.75237C11.6612 4.43157 12.163 4.43157 12.4841 4.75237C12.8053 5.07317 12.8053 5.57442 12.4841 5.89523Z"
fill="#7252F3" />
</svg>
</i>
<?php echo tp_kses($item['tp_text_list_title']); ?>
</li>
<?php endif; endforeach; ?>
</ul>
</div>
</div>
<div class="col-xl-5 d-none d-xl-block">
<div class="tp-service-2__big-text p-relative">
<span class="tp-el-exTitle"><strong class="tp-el-exNum"><?php echo $settings['tp_exp_num'] ? tp_kses($settings['tp_exp_num']) : NULL; ?></strong>
<?php echo $settings['tp_exp_title'] ? tp_kses($settings['tp_exp_title']) : NULL; ?></span>
<div class="tp-service-2__text-shape-1">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/shape-3-3.jpg"
alt="">
</div>
<?php if(!empty($settings['tp_exp_after'])) : ?>
<div class="tp-service-2__text-shape-2">
<span class="tp-el-exAftCon">
<?php echo tp_kses($settings['tp_exp_after']); ?>
</span>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php elseif ( $settings['tp_design_style'] == 'layout-3' ) :
// thumbnail
if ( !empty($settings['tp_image']['url']) ) {
$tp_image = !empty($settings['tp_image']['id']) ? wp_get_attachment_image_url( $settings['tp_image']['id'], $settings['tp_image_size_size']) : $settings['tp_image']['url'];
$tp_image_alt = get_post_meta($settings["tp_image"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_image2']['url']) ) {
$tp_image2 = !empty($settings['tp_image2']['id']) ? wp_get_attachment_image_url( $settings['tp_image2']['id'], $settings['tp_image_size_size']) : $settings['tp_image2']['url'];
$tp_image_alt2 = get_post_meta($settings["tp_image2"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_image3']['url']) ) {
$tp_image3 = !empty($settings['tp_image3']['id']) ? wp_get_attachment_image_url( $settings['tp_image3']['id'], $settings['tp_image_size_size']) : $settings['tp_image3']['url'];
$tp_image_alt3 = get_post_meta($settings["tp_image3"]["id"], "_wp_attachment_image_alt", true);
}
// shape image
if ( !empty($settings['tp_shape_image_1']['url']) ) {
$tp_shape_image = !empty($settings['tp_shape_image_1']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_1']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_1']['url'];
$tp_shape_image_alt = get_post_meta($settings["tp_shape_image_1"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_shape_image_2']['url']) ) {
$tp_shape_image2 = !empty($settings['tp_shape_image_2']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_2']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_2']['url'];
$tp_shape_image_alt2 = get_post_meta($settings["tp_shape_image_2"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_shape_image_3']['url']) ) {
$tp_shape_image3 = !empty($settings['tp_shape_image_3']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_3']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_3']['url'];
$tp_shape_image_alt3 = get_post_meta($settings["tp_shape_image_3"]["id"], "_wp_attachment_image_alt", true);
}
// Link
if ('2' == $settings['tp_about_btn_link_type']) {
$this->add_render_attribute('tp-button-arg', 'href', get_permalink($settings['tp_about_btn_page_link']));
$this->add_render_attribute('tp-button-arg', 'target', '_self');
$this->add_render_attribute('tp-button-arg', 'rel', 'nofollow');
$this->add_render_attribute('tp-button-arg', 'class', 'tp-btn-gradiant tp-el-btn');
} else {
if ( ! empty( $settings['tp_about_btn_link']['url'] ) ) {
$this->add_link_attributes( 'tp-button-arg', $settings['tp_about_btn_link'] );
$this->add_render_attribute('tp-button-arg', 'class', 'tp-btn-gradiant tp-el-btn');
}
}
$this->add_render_attribute('title_args', 'class', 'tp-section-title-3 tp-el-title');
?>
<div class="tp-choose-3__area pb-120 tp-el-section">
<div class="container custom-container-1">
<div class="row align-items-end">
<div class="col-xl-6 col-lg-6 col-md-12 wow tpfadeLeft" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-choose-3__content">
<div class="tp-service-2__section-title mb-30">
<?php if ( !empty($settings['tp_about_sub_title']) ) : ?>
<span class="tp-gradiant-section-subtitle tp-el-subtitle"><?php echo tp_kses($settings['tp_about_sub_title']); ?></span>
<?php endif; ?>
<?php
if ( !empty($settings['tp_about_title' ]) ) :
printf( '<%1$s %2$s>%3$s</%1$s>',
tag_escape( $settings['tp_about_title_tag'] ),
$this->get_render_attribute_string( 'title_args' ),
tp_kses( $settings['tp_about_title' ] )
);
endif;
?>
</div>
<div class="tp-service-2__text mb-40">
<?php if ( !empty($settings['tp_about_description']) ) : ?>
<p class="tp-el-content"><?php echo tp_kses( $settings['tp_about_description'] ); ?></p>
<?php endif; ?>
</div>
<div class="tp-service-2__list-box-2 list-wrap mb-25">
<ul>
<?php foreach ($settings['tp_text_list_list'] as $key => $item) : if(!empty($item['tp_text_list_title'])) : ?>
<li class="tp-el-list">
<i>
<svg width="17" height="16" viewBox="0 0 17 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M8.00832 0C3.59271 0 0 3.58897 0 8C0 12.411 3.59271 16 8.00832 16C12.4239 16 16.0166 12.411 16.0166 8C16.0166 3.58897 12.4239 0 8.00832 0ZM12.4841 5.89474L7.36605 10.9674C7.06499 11.2682 6.58328 11.2882 6.26215 10.9875L3.55256 8.5213C3.23143 8.22055 3.21136 7.7193 3.49235 7.3985C3.79342 7.07769 4.29519 7.05764 4.61633 7.3584L6.76392 9.32331L11.3401 4.75188C11.6612 4.43108 12.163 4.43108 12.4841 4.75188C12.8053 5.07268 12.8053 5.57393 12.4841 5.89474Z"
fill="#7252F3" />
</svg>
</i>
<?php echo tp_kses($item['tp_text_list_title']); ?>
</li>
<?php endif; endforeach; ?>
</ul>
</div>
<?php if ( !empty($settings['tp_about_btn_text']) ) : ?>
<a <?php echo $this->get_render_attribute_string( 'tp-button-arg' ); ?>><?php echo tp_kses($settings['tp_about_btn_text']); ?></a>
<?php endif; ?>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="tp-choose-3__thumb-box p-relative">
<?php if(!empty($tp_image)) : ?>
<div class="tp-choose-3__main-thumb">
<img src="<?php echo esc_url($tp_image); ?>" alt="<?php echo esc_attr($tp_image_alt); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_image2)) : ?>
<div class="tp-choose-3__sub-thumb-1">
<img src="<?php echo esc_url($tp_image2); ?>" alt="<?php echo esc_attr($tp_image_alt2); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_image3)) : ?>
<div class="tp-choose-3__sub-thumb-2">
<img src="<?php echo esc_url($tp_image3); ?>" alt="<?php echo esc_attr($tp_image_alt3); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image)) : ?>
<div class="tp-choose-3__shape-1 d-none d-lg-block">
<img src="<?php echo esc_url($tp_shape_image); ?>"
alt="<?php echo esc_attr($tp_shape_image_alt); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image2)) : ?>
<div class="tp-choose-3__shape-2 d-none d-lg-block">
<img src="<?php echo esc_url($tp_shape_image2); ?>"
alt="<?php echo esc_attr($tp_shape_image_alt2); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image3)) : ?>
<div class="tp-choose-3__shape-3 d-none d-lg-block">
<img src="<?php echo esc_url($tp_shape_image3); ?>"
alt="<?php echo esc_attr($tp_shape_image_alt3); ?>">
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<?php elseif ( $settings['tp_design_style'] == 'layout-4' ) :
// thumbnail
if ( !empty($settings['tp_image']['url']) ) {
$tp_image = !empty($settings['tp_image']['id']) ? wp_get_attachment_image_url( $settings['tp_image']['id'], $settings['tp_image_size_size']) : $settings['tp_image']['url'];
$tp_image_alt = get_post_meta($settings["tp_image"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_image2']['url']) ) {
$tp_image2 = !empty($settings['tp_image2']['id']) ? wp_get_attachment_image_url( $settings['tp_image2']['id'], $settings['tp_image_size_size']) : $settings['tp_image2']['url'];
$tp_image_alt2 = get_post_meta($settings["tp_image2"]["id"], "_wp_attachment_image_alt", true);
}
// shape image
if ( !empty($settings['tp_shape_image_1']['url']) ) {
$tp_shape_image = !empty($settings['tp_shape_image_1']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_1']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_1']['url'];
$tp_shape_image_alt = get_post_meta($settings["tp_shape_image_1"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_shape_image_2']['url']) ) {
$tp_shape_image2 = !empty($settings['tp_shape_image_2']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_2']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_2']['url'];
$tp_shape_image_alt2 = get_post_meta($settings["tp_shape_image_2"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_shape_image_3']['url']) ) {
$tp_shape_image3 = !empty($settings['tp_shape_image_3']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_3']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_3']['url'];
$tp_shape_image_alt3 = get_post_meta($settings["tp_shape_image_3"]["id"], "_wp_attachment_image_alt", true);
}
// Link
if ('2' == $settings['tp_about_btn_link_type']) {
$this->add_render_attribute('tp-button-arg', 'href', get_permalink($settings['tp_about_btn_page_link']));
$this->add_render_attribute('tp-button-arg', 'target', '_self');
$this->add_render_attribute('tp-button-arg', 'rel', 'nofollow');
$this->add_render_attribute('tp-button-arg', 'class', 'tp-btn-purple yellow-bg-color tp-el-btn');
} else {
if ( ! empty( $settings['tp_about_btn_link']['url'] ) ) {
$this->add_link_attributes( 'tp-button-arg', $settings['tp_about_btn_link'] );
$this->add_render_attribute('tp-button-arg', 'class', 'tp-btn-purple yellow-bg-color tp-el-btn');
}
}
$this->add_render_attribute('title_args', 'class', 'tp-section-title-3 tp-el-title');
?>
<div class="tp-choose-5__area fix tp-choose-5__space tp-el-section">
<div class="container custom-container-4">
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="tp-choose-3__content">
<div class="tp-service-2__section-title mb-30">
<?php if ( !empty($settings['tp_about_sub_title']) ) : ?>
<span class="tp-gradiant-section-subtitle tp-el-subtitle"><?php echo tp_kses($settings['tp_about_sub_title']); ?></span>
<?php endif; ?>
<?php
if ( !empty($settings['tp_about_title' ]) ) :
printf( '<%1$s %2$s>%3$s</%1$s>',
tag_escape( $settings['tp_about_title_tag'] ),
$this->get_render_attribute_string( 'title_args' ),
tp_kses( $settings['tp_about_title' ] )
);
endif;
?>
</div>
<div class="tp-service-2__text mb-40">
<?php if ( !empty($settings['tp_about_description']) ) : ?>
<p class="tp-el-content"><?php echo tp_kses( $settings['tp_about_description'] ); ?></p>
<?php endif; ?>
</div>
<div class="tp-service-2__list-box-2 list-wrap mb-25">
<ul>
<?php foreach ($settings['tp_text_list_list'] as $key => $item) : if(!empty($item['tp_text_list_title'])) : ?>
<li class="tp-el-list">
<i>
<svg width="17" height="16" viewBox="0 0 17 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M8.00832 0C3.59271 0 0 3.58897 0 8C0 12.411 3.59271 16 8.00832 16C12.4239 16 16.0166 12.411 16.0166 8C16.0166 3.58897 12.4239 0 8.00832 0ZM12.4841 5.89474L7.36605 10.9674C7.06499 11.2682 6.58328 11.2882 6.26215 10.9875L3.55256 8.5213C3.23143 8.22055 3.21136 7.7193 3.49235 7.3985C3.79342 7.07769 4.29519 7.05764 4.61633 7.3584L6.76392 9.32331L11.3401 4.75188C11.6612 4.43108 12.163 4.43108 12.4841 4.75188C12.8053 5.07268 12.8053 5.57393 12.4841 5.89474Z"
fill="#7252F3" />
</svg>
</i>
<?php echo tp_kses($item['tp_text_list_title']); ?>
</li>
<?php endif; endforeach; ?>
</ul>
</div>
<?php if ( !empty($settings['tp_about_btn_text']) ) : ?>
<a <?php echo $this->get_render_attribute_string( 'tp-button-arg' ); ?>><?php echo tp_kses($settings['tp_about_btn_text']); ?></a>
<?php endif; ?>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="tp-choose-5__thumb-box p-relative">
<?php if(!empty($tp_image)) : ?>
<div class="tp-choose-5__main-thumb">
<img src="<?php echo esc_url($tp_image); ?>" alt="<?php echo esc_attr($tp_image_alt); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_image2)) : ?>
<div class="tp-choose-5__shape-1">
<img src="<?php echo esc_url($tp_image2); ?>" alt="<?php echo esc_attr($tp_image_alt2); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image)) : ?>
<div class="tp-choose-5__shape-2">
<img src="<?php echo esc_url($tp_shape_image); ?>" alt="<?php echo esc_attr($tp_shape_image_alt); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image2)) : ?>
<div class="tp-choose-5__shape-3">
<img src="<?php echo esc_url($tp_shape_image2); ?>" alt="<?php echo esc_attr($tp_shape_image_alt2); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image3)) : ?>
<div class="tp-choose-5__shape-4">
<img src="<?php echo esc_url($tp_shape_image3); ?>" alt="<?php echo esc_attr($tp_shape_image_alt3); ?>">
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<?php elseif ( $settings['tp_design_style'] == 'layout-5' ) :
// thumbnail
if ( !empty($settings['tp_image']['url']) ) {
$tp_image = !empty($settings['tp_image']['id']) ? wp_get_attachment_image_url( $settings['tp_image']['id'], $settings['tp_image_size_size']) : $settings['tp_image']['url'];
$tp_image_alt = get_post_meta($settings["tp_image"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_image2']['url']) ) {
$tp_image2 = !empty($settings['tp_image2']['id']) ? wp_get_attachment_image_url( $settings['tp_image2']['id'], $settings['tp_image_size_size']) : $settings['tp_image2']['url'];
$tp_image_alt2 = get_post_meta($settings["tp_image2"]["id"], "_wp_attachment_image_alt", true);
}
$this->add_render_attribute('title_args', 'class', 'tp-section-title-3 tp-el-title');
?>
<div class="tp-service-2__area pt-120 pb-120 tp-el-section">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="tp-service-2__thumb-box-2 p-relative">
<?php if(!empty($tp_image)) : ?>
<div class="tp-service-2__main-thumb-2 text-center text-lg-strat">
<img src="<?php echo esc_url($tp_image); ?>" alt="<?php echo esc_attr($tp_image_alt); ?>">
<?php if(!empty($settings['tp_video_url'])) : ?>
<div class="tp-service-2__icon">
<a class="popup-video play-icon play-bg" href="<?php echo esc_url($settings['tp_video_url']); ?>"><i class="fas fa-play"></i></a>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if(!empty($tp_image2)) : ?>
<div class="tp-service-2__shape-6">
<img src="<?php echo esc_url($tp_image2); ?>" alt="<?php echo esc_attr($tp_image_alt2); ?>">
</div>
<?php endif; ?>
<?php if(!empty($settings['tp_video_title'])) : ?>
<div class="tp-service-2__img-text">
<h6 class="play-txt"><?php echo tp_kses($settings['tp_video_title']); ?></h6>
</div>
<?php endif; ?>
</div>
</div>
<div class="col-xl-6 col-lg-6 wow tpfadeRight" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-service-2__right-box-2">
<div class="tp-service-2__section-title mb-30">
<?php if ( !empty($settings['tp_about_sub_title']) ) : ?>
<span class="tp-gradiant-section-subtitle tp-el-subtitle"><?php echo tp_kses($settings['tp_about_sub_title']); ?></span>
<?php endif; ?>
<?php
if ( !empty($settings['tp_about_title' ]) ) :
printf( '<%1$s %2$s>%3$s</%1$s>',
tag_escape( $settings['tp_about_title_tag'] ),
$this->get_render_attribute_string( 'title_args' ),
tp_kses( $settings['tp_about_title' ] )
);
endif;
?>
</div>
<div class="tp-service-2__text mb-25">
<?php if ( !empty($settings['tp_about_description']) ) : ?>
<p class="tp-el-content"><?php echo tp_kses( $settings['tp_about_description'] ); ?></p>
<?php endif; ?>
</div>
<div class="tp-service-2__list mb-35">
<ul>
<?php foreach($settings['about_features_list'] as $key => $item) : ?>
<li>
<div class="tp-service-2__list-content d-flex align-items-center">
<?php if($item['tp_box_icon_type'] == 'icon') : ?>
<?php if (!empty($item['tp_box_icon']) || !empty($item['tp_box_selected_icon']['value'])) : ?>
<span class="tp-el-rep-icon">
<?php tp_render_icon($item, 'tp_box_icon', 'tp_box_selected_icon'); ?>
</span>
<?php endif; ?>
<?php elseif( $item['tp_box_icon_type'] == 'image' ) : ?>
<?php if (!empty($item['tp_box_icon_image']['url'])): ?>
<span class="tp-el-rep-icon">
<img src="<?php echo $item['tp_box_icon_image']['url']; ?>"
alt="<?php echo get_post_meta(attachment_url_to_postid($item['tp_box_icon_image']['url']), '_wp_attachment_image_alt', true); ?>">
</span>
<?php endif; ?>
<?php else : ?>
<?php if (!empty($item['tp_box_icon_svg'])): ?>
<span class="tp-el-rep-icon">
<?php echo $item['tp_box_icon_svg']; ?>
</span>
<?php endif; ?>
<?php endif; ?>
<?php if(!empty($item['about_features_title'])) : ?>
<h5 class="tp-service-2__title-sm tp-el-rep-title"><?php echo tp_kses($item['about_features_title']); ?></h5>
<?php if(!empty($item['about_features_des'])) : ?>
<p class="tp-el-rep-content"><?php echo tp_kses($item['about_features_des']); ?></p>
<?php endif; ?>
<?php endif; ?>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
<div class="row">
<div class="col-xl-7 col-12">
<div class="tp-service-2__list-box-2">
<ul>
<?php foreach ($settings['tp_text_list_list'] as $key => $item) : if(!empty($item['tp_text_list_title'])) : ?>
<li class="tp-el-list">
<i>
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00832 0.000488281C3.59271 0.000488281 0 3.58946 0 8.00049C0 12.4115 3.59271 16.0005 8.00832 16.0005C12.4239 16.0005 16.0166 12.4115 16.0166 8.00049C16.0166 3.58946 12.4239 0.000488281 8.00832 0.000488281ZM12.4841 5.89523L7.36605 10.9679C7.06499 11.2687 6.58328 11.2887 6.26215 10.988L3.55256 8.52179C3.23143 8.22104 3.21136 7.71979 3.49235 7.39899C3.79342 7.07818 4.29519 7.05813 4.61633 7.35889L6.76392 9.3238L11.3401 4.75237C11.6612 4.43157 12.163 4.43157 12.4841 4.75237C12.8053 5.07317 12.8053 5.57442 12.4841 5.89523Z" fill="#7252F3"/>
</svg>
</i>
<?php echo tp_kses($item['tp_text_list_title']); ?>
</li>
<?php endif; endforeach; ?>
</ul>
</div>
</div>
<div class="col-xl-5 d-none d-xl-block">
<div class="tp-service-2__big-text p-relative">
<span class="tp-el-exTitle"><strong class="tp-el-exNum"><?php echo $settings['tp_exp_num'] ? tp_kses($settings['tp_exp_num']) : NULL; ?></strong> <?php echo $settings['tp_exp_title'] ? tp_kses($settings['tp_exp_title']) : NULL; ?></span>
<div class="tp-service-2__text-shape-1">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/shape-3-3.jpg" alt="">
</div>
<?php if(!empty($settings['tp_exp_after'])) : ?>
<div class="tp-service-2__text-shape-2">
<span class="tp-el-exAftCon">
<?php echo tp_kses($settings['tp_exp_after']); ?>
</span>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php else:
// thumbnail
if ( !empty($settings['tp_image']['url']) ) {
$tp_image = !empty($settings['tp_image']['id']) ? wp_get_attachment_image_url( $settings['tp_image']['id'], $settings['tp_image_size_size']) : $settings['tp_image']['url'];
$tp_image_alt = get_post_meta($settings["tp_image"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_image2']['url']) ) {
$tp_image2 = !empty($settings['tp_image2']['id']) ? wp_get_attachment_image_url( $settings['tp_image2']['id'], $settings['tp_image_size_size']) : $settings['tp_image2']['url'];
$tp_image_alt2 = get_post_meta($settings["tp_image2"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_image3']['url']) ) {
$tp_image3 = !empty($settings['tp_image3']['id']) ? wp_get_attachment_image_url( $settings['tp_image3']['id'], $settings['tp_image_size_size']) : $settings['tp_image3']['url'];
$tp_image_alt3 = get_post_meta($settings["tp_image3"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_image4']['url']) ) {
$tp_image4 = !empty($settings['tp_image4']['id']) ? wp_get_attachment_image_url( $settings['tp_image4']['id'], $settings['tp_image_size_size']) : $settings['tp_image4']['url'];
$tp_image_alt4 = get_post_meta($settings["tp_image4"]["id"], "_wp_attachment_image_alt", true);
}
// shape image
if ( !empty($settings['tp_shape_image_1']['url']) ) {
$tp_shape_image = !empty($settings['tp_shape_image_1']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_1']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_1']['url'];
$tp_shape_image_alt = get_post_meta($settings["tp_shape_image_1"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_shape_image_2']['url']) ) {
$tp_shape_image2 = !empty($settings['tp_shape_image_2']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_2']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_2']['url'];
$tp_shape_image_alt2 = get_post_meta($settings["tp_shape_image_2"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_shape_image_3']['url']) ) {
$tp_shape_image3 = !empty($settings['tp_shape_image_3']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_3']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_3']['url'];
$tp_shape_image_alt3 = get_post_meta($settings["tp_shape_image_3"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_shape_image_4']['url']) ) {
$tp_shape_image4 = !empty($settings['tp_shape_image_4']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_4']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_4']['url'];
$tp_shape_image_alt4 = get_post_meta($settings["tp_shape_image_4"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_shape_image_5']['url']) ) {
$tp_shape_image5 = !empty($settings['tp_shape_image_5']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_5']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_5']['url'];
$tp_shape_image_alt5 = get_post_meta($settings["tp_shape_image_5"]["id"], "_wp_attachment_image_alt", true);
}
if ( !empty($settings['tp_shape_image_6']['url']) ) {
$tp_shape_image6 = !empty($settings['tp_shape_image_6']['id']) ? wp_get_attachment_image_url( $settings['tp_shape_image_6']['id'], $settings['shape_image_size_size']) : $settings['tp_shape_image_6']['url'];
$tp_shape_image_alt6 = get_post_meta($settings["tp_shape_image_6"]["id"], "_wp_attachment_image_alt", true);
}
$this->add_render_attribute('title_args', 'class', 'tp-section-title pb-15 tp-el-title');
?>
<div class="tp-about__area tp-about__space fix p-relative tp-el-section">
<?php if(!empty($tp_shape_image5)) : ?>
<div class="tp-about__shape-8 d-none d-xl-block">
<img src="<?php echo esc_url($tp_shape_image5); ?>" alt="<?php echo esc_attr($tp_shape_image_alt5); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image6)) : ?>
<div class="tp-about__shape-9">
<img src="<?php echo esc_url($tp_shape_image6); ?>" alt="<?php echo esc_attr($tp_shape_image_alt6); ?>">
</div>
<?php endif; ?>
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-6">
<div class="tp-about__thumb-box">
<?php if(!empty($tp_image)) : ?>
<div class="tp-about__thumb">
<img src="<?php echo esc_url($tp_image); ?>" alt="<?php echo esc_attr($tp_image_alt); ?>">
</div>
<?php endif; ?>
<?php if(!empty($settings['tp_img_text'])) : ?>
<div class="tp-about__thumb-text-box">
<div class="tp-about__thumb-text">
<span><?php echo tp_kses($settings['tp_img_text']); ?></span>
</div>
</div>
<?php endif; ?>
<?php if(!empty($tp_image4)) : ?>
<div class="tp-about__shape-1 d-none d-xxl-block">
<img src="<?php echo esc_url($tp_image4); ?>" alt="<?php echo esc_attr($tp_image_alt4); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image)) : ?>
<div class="tp-about__shape-2 d-none d-xxl-block">
<img src="<?php echo esc_url($tp_shape_image); ?>"
alt="<?php echo esc_attr($tp_shape_image_alt); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image2)) : ?>
<div class="tp-about__shape-3">
<img src="<?php echo esc_url($tp_shape_image2); ?>"
alt="<?php echo esc_attr($tp_shape_image_alt2); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_image2)) : ?>
<div class="tp-about__shape-4 d-none d-xxl-block">
<img src="<?php echo esc_url($tp_image2); ?>" alt="<?php echo esc_attr($tp_image_alt2); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_image3)) : ?>
<div class="tp-about__shape-5 d-none d-xxl-block">
<img src="<?php echo esc_url($tp_image3); ?>" alt="<?php echo esc_attr($tp_image_alt3); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image3)) : ?>
<div class="tp-about__shape-6 d-none d-xxl-block">
<img src="<?php echo esc_url($tp_shape_image3); ?>"
alt="<?php echo esc_attr($tp_shape_image_alt3); ?>">
</div>
<?php endif; ?>
<?php if(!empty($tp_shape_image4)) : ?>
<div class="tp-about__shape-7 d-none d-xxl-block">
<img src="<?php echo esc_url($tp_shape_image4); ?>"
alt="<?php echo esc_attr($tp_shape_image_alt4); ?>">
</div>
<?php endif; ?>
</div>
</div>
<div class="col-xl-6 col-lg-6 wow tpfadeRight" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-about__item-wrap">
<div class="tp-about__section-box">
<?php if ( !empty($settings['tp_about_sub_title']) ) : ?>
<span class="tp-section-subtitle tp-el-subtitle"><?php echo tp_kses($settings['tp_about_sub_title']); ?></span>
<?php endif; ?>
<?php
if ( !empty($settings['tp_about_title' ]) ) :
printf( '<%1$s %2$s>%3$s</%1$s>',
tag_escape( $settings['tp_about_title_tag'] ),
$this->get_render_attribute_string( 'title_args' ),
tp_kses( $settings['tp_about_title' ] )
);
endif;
?>
<?php if ( !empty($settings['tp_about_description']) ) : ?>
<p class="tp-el-content"><?php echo tp_kses( $settings['tp_about_description'] ); ?></p>
<?php endif; ?>
</div>
<div
class="tp-about__item-box d-flex align-items-center justify-content-start justify-content-md-between">
<?php foreach($settings['about_features_list'] as $key => $item) : ?>
<div class="tp-about__item d-flex align-items-start">
<div class="tp-about__icon">
<?php if($item['tp_box_icon_type'] == 'icon') : ?>
<?php if (!empty($item['tp_box_icon']) || !empty($item['tp_box_selected_icon']['value'])) : ?>
<span class="tp-el-rep-icon">
<?php tp_render_icon($item, 'tp_box_icon', 'tp_box_selected_icon'); ?>
</span>
<?php endif; ?>
<?php elseif( $item['tp_box_icon_type'] == 'image' ) : ?>
<?php if (!empty($item['tp_box_icon_image']['url'])): ?>
<span class="tp-el-rep-icon">
<img src="<?php echo $item['tp_box_icon_image']['url']; ?>"
alt="<?php echo get_post_meta(attachment_url_to_postid($item['tp_box_icon_image']['url']), '_wp_attachment_image_alt', true); ?>">
</span>
<?php endif; ?>
<?php else : ?>
<?php if (!empty($item['tp_box_icon_svg'])): ?>
<span class="tp-el-rep-icon">
<?php echo $item['tp_box_icon_svg']; ?>
</span>
<?php endif; ?>
<?php endif; ?>
</div>
<div class="tp-about__text">
<?php if(!empty($item['about_features_title'])) : ?>
<h5 class="tp-about__title-sm tp-el-rep-title"><?php echo tp_kses($item['about_features_title']); ?>
</h5>
<?php endif; ?>
<?php if(!empty($item['about_features_des'])) : ?>
<p class="tp-el-rep-content"><?php echo tp_kses($item['about_features_des']); ?></p>
<?php endif; ?>
</div>
</div>
<?php endforeach; ?>
</div>
<div class="tp-about__list-box">
<ul>
<?php foreach ($settings['tp_text_list_list'] as $key => $item) : if(!empty($item['tp_text_list_title'])) : ?>
<li class="tp-el-list">
<span>
<svg width="16" height="15" viewBox="0 0 16 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.794 2.174C14.426 3.422 13.094 4.874 11.798 6.53C10.67 7.958 9.656 9.422 8.756 10.922C7.94 12.266 7.346 13.418 6.974 14.378C6.962 14.414 6.938 14.444 6.902 14.468C6.866 14.504 6.824 14.522 6.776 14.522C6.764 14.534 6.752 14.54 6.74 14.54C6.656 14.54 6.596 14.516 6.56 14.468L0.134 7.934C0.122 7.922 0.278 7.766 0.602 7.466C0.926 7.154 1.244 6.872 1.556 6.62C1.904 6.332 2.09 6.2 2.114 6.224L5.642 8.996C6.674 7.784 7.832 6.584 9.116 5.396C11.048 3.62 13.04 2.108 15.092 0.86C15.128 0.86 15.266 1.028 15.506 1.364L15.866 1.886C15.878 1.934 15.878 1.988 15.866 2.048C15.854 2.096 15.83 2.138 15.794 2.174Z"
fill="#6B14FA" />
</svg>
</span><?php echo tp_kses($item['tp_text_list_title']); ?>
</li>
<?php endif; endforeach; ?>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endif;
}
}
$widgets_manager->register( new TP_About() );