<?php 
/**
 * Template part for displaying About Section
 *
 *@package carpenter-wood-works
 */
    $carpenter_wood_works_featured_about_section_aboutus_subheading          = carpenter_wood_works_get_option( 'featured_about_section_aboutus_subheading' );
    $carpenter_wood_works_featured_about_section_aboutus_heading          = carpenter_wood_works_get_option( 'featured_about_section_aboutus_heading' );
    $carpenter_wood_works_featured_about_section_aboutus_heading1          = carpenter_wood_works_get_option( 'featured_about_section_aboutus_heading1' );
    $carpenter_wood_works_featured_about_section_aboutus_description          = carpenter_wood_works_get_option( 'featured_about_section_aboutus_description' );
    $carpenter_wood_works_featured_about_section_aboutus_box1_heading          = carpenter_wood_works_get_option( 'featured_about_section_aboutus_box1_heading' );
    $carpenter_wood_works_featured_about_section_aboutus_box1_description          = carpenter_wood_works_get_option( 'featured_about_section_aboutus_box1_description' );
    $carpenter_wood_works_featured_about_section_aboutus_box2_heading          = carpenter_wood_works_get_option( 'featured_about_section_aboutus_box2_heading' );
    $carpenter_wood_works_featured_about_section_aboutus_box2_description          = carpenter_wood_works_get_option( 'featured_about_section_aboutus_box2_description' );

?>
<?php if (!get_theme_mod('carpenterwoodworks_enable_featured_about_section', true)) {
     return;
} ?>
<section id="featured-about">

    <div class="container-fluid my-5">
        <div class="row d-flex about-section-main">
            
            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12 col-12 col-div <?php echo esc_attr(get_theme_mod('carpenter_wood_works_featured_about_onload_effects', 'wow zoomIn')); ?>">

                <div class="myside">
                    <div class="col-sm-12 col-12 img-h2">
                        <!-- heading 1st -->
                        <h2 class="main-heaing"><span class="icon"></span><?php echo ($carpenter_wood_works_featured_about_section_aboutus_subheading); ?></h2>
                    </div>
                    <div class="col-sm-12 col-12 heading-2nd">
                        <!-- heading 2nd -->
                        <h2 class="sub-heaing1"><?php echo ($carpenter_wood_works_featured_about_section_aboutus_heading); ?></h2>
                        <h2 class="sub-heaing2"><?php echo ($carpenter_wood_works_featured_about_section_aboutus_heading1); ?></h2>
                    </div>
                    <div class="col-sm-12 col-12 description">
                        <p><?php echo ($carpenter_wood_works_featured_about_section_aboutus_description); ?></p>
                    </div>
                    <div class="col-sm-12 col-12 heading-3nd">
                        <div class="row pt-3">
                            <div class="col-lg-6 col-md-6 col-sm-12 about-imgdiv">
                                <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/about-img2.png' ); ?>" alt="List Icon Image" />
                                <h3><?php echo ($carpenter_wood_works_featured_about_section_aboutus_box1_heading); ?></h3>
                                <p><?php echo ($carpenter_wood_works_featured_about_section_aboutus_box1_description); ?></p>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 about-imgdiv">
                                <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/about-img3.png' ); ?>" alt="List Icon Image" />
                                <h3><?php echo ($carpenter_wood_works_featured_about_section_aboutus_box2_heading); ?></h3>
                                <p><?php echo ($carpenter_wood_works_featured_about_section_aboutus_box2_description); ?></p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12 col-12 justify-items-center col-div col-div1">
                            <?php
                            $about_before_img = get_theme_mod('carpenter_wood_works_about_image2', get_template_directory_uri() . '/assets/images/about-bgimg.png');
                            ?>
                            <style>
                                #featured-about .about-image::before {
                                    background-image: url(<?php echo esc_url($about_before_img); ?>);
                                }
                            </style>
                            <div class="about-image">
                                <?php
                                $carpenter_wood_works_about_image1 = get_theme_mod('carpenter_wood_works_about_image1');
                                if (!empty($carpenter_wood_works_about_image1)) {
                                    echo '<img alt="' . esc_html(get_the_title()) . '" src="' . esc_url($carpenter_wood_works_about_image1) . '" />';
                                } else {
                                    echo '<img alt="About us" src="' . get_template_directory_uri() . '/assets\images\about-img1.jpeg"/>';
                                }
                                ?>
                            </div>






            </div>
           
        </div>

    </div>
</section>
