FileMaster

Edit File: homepage-template-default.php

<?php

/**
 * Title: Homepage Template: Default V2
 * Slug: fotawp/homepage-template-default
 * Categories: fotawp-homepage
 */
$fotawp_url = trailingslashit(get_template_directory_uri());
$fotawp_images = array(
    $fotawp_url . 'assets/images/banner_featured_image.png',
    $fotawp_url . 'assets/images/icon_easy_customize.svg',
    $fotawp_url . 'assets/images/icon_mobile_first.svg',
    $fotawp_url . 'assets/images/icon_pagebuilder.svg',
    $fotawp_url . 'assets/images/man_with_laptop.svg',
    $fotawp_url . 'assets/images/icon_strategy.svg',
    $fotawp_url . 'assets/images/icon_ecommerce.svg',
    $fotawp_url . 'assets/images/icon_screen.svg',
    $fotawp_url . 'assets/images/icon_data.svg',
    $fotawp_url . 'assets/images/icon_marketing.svg',
    $fotawp_url . 'assets/images/icon_social.svg',
    $fotawp_url . 'assets/images/project_1.png',
    $fotawp_url . 'assets/images/project_2.png',
    $fotawp_url . 'assets/images/templates_stack.png',
    $fotawp_url . 'assets/images/fota_testimonial_1.png',
    $fotawp_url . 'assets/images/fota_testimonial_2.png',
    $fotawp_url . 'assets/images/fota_testimonial_3.png',
    $fotawp_url . 'assets/images/review_star.svg',
    $fotawp_url . 'assets/images/logo1.png',
    $fotawp_url . 'assets/images/logo2.png',
    $fotawp_url . 'assets/images/logo3.png',
    $fotawp_url . 'assets/images/logo4.png',
    $fotawp_url . 'assets/images/logo5.png',
    $fotawp_url . 'assets/images/logo6.png',
);
?>

<div class="wp-block-cover alignfull is-light fotawpbanner-with-slantbottom" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);min-height:780px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient has-first-primary-gradient-gradient-background"></span>
    <div class="wp-block-cover__inner-container">
        <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--20);padding-left:0">
            <div class="wp-block-group">
                <div class="wp-block-group">

</div>

<div class="wp-block-group">

<ul class="wp-block-social-links has-icon-background-color">

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

<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>

<div class="wp-block-group">
            <div class="wp-block-columns">
                <div class="wp-block-column is-vertically-aligned-center is-style-default" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0;flex-basis:47%">
                    <h2 class="wp-block-heading alignwide has-text-align-left has-foregound-alt-color has-text-color" style="margin-top:0;margin-right:0;margin-bottom:32px;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:48px;font-style:normal;font-weight:600;line-height:1.4"><?php echo esc_html__('Make a Wise Decision, Get Website Today for Better Business!', 'fotawp') ?></h2>

<p class="has-foregound-alt-color has-text-color" style="margin-bottom:var(--wp--preset--spacing--60);font-size:16px;line-height:1.8"><?php echo esc_html__('The placeholder text, beginning with the line lorem ipsum looks like Latin because in its youth, centuries ago, it was Latin.', 'fotawp') ?></p>

<div class="wp-block-buttons">
                        <div class="wp-block-button is-style-button-hover-secondary-bgcolor"><a class="wp-block-button__link has-heading-color-color has-background-alt-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:10px;padding-top:1.3rem;padding-right:2.5rem;padding-bottom:1.3rem;padding-left:2.5rem"><?php echo esc_html__('Request Demo', 'fotawp') ?></a></div>

<div class="wp-block-button has-custom-font-size is-style-button-hover-white-bgcolor has-small-font-size"><a class="wp-block-button__link has-foregound-alt-color has-secondary-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:10px;padding-top:1.3rem;padding-right:2.5rem;padding-bottom:1.3rem;padding-left:2.5rem"><?php echo esc_html__('Schedule Call', 'fotawp') ?></a></div>
                        
                    </div>
                    
                </div>

<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
                    <figure class="wp-block-image alignright size-full"><img src="<?php echo esc_url($fotawp_images[0]) ?>" alt="" class="wp-image-1828" /></figure>
                    
                </div>
                
            </div>
            
        </div>

<div style="height:420px" aria-hidden="true" class="wp-block-spacer"></div>
        
    </div>
</div>

<main class="wp-block-group">
    <div class="wp-block-group fotawp-overlap-ctasection" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
        <div class="wp-block-columns">
            <div class="wp-block-column is-style-default" style="border-style:none;border-width:0px;padding-top:0;padding-right:var(--wp--preset--spacing--30);padding-bottom:0;padding-left:0">
                <div class="wp-block-group is-style-fotawp-boxshadow has-border-color has-border-color-border-color has-background-background-color has-background" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--60)">
                    <figure class="wp-block-image aligncenter size-full fotawp-duotone-primary"><img src="<?php echo esc_url($fotawp_images[1]) ?>" alt="" class="wp-image-974" /></figure>

<h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-medium-font-size" style="margin-top:var(--wp--preset--spacing--40);font-style:normal;font-weight:600"><?php echo esc_html__('Easy Customizable', 'fotawp') ?></h4>

<p class="has-text-align-center" style="font-size:18px;line-height:1.5"><?php echo esc_html__('FSE block builder is the way of creating site and our customizable features added value on.', 'fotawp') ?></p>

<div class="wp-block-buttons">
                        <div class="wp-block-button has-custom-font-size is-style-button-hover-secondary-color" style="font-size:18px"><a class="wp-block-button__link has-foreground-color has-background-background-color has-text-color has-background has-text-align-center wp-element-button" href="#" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php echo esc_html__('Learn More', 'fotawp') ?></a></div>
                        
                    </div>
                    
                </div>
                
            </div>

<div class="wp-block-column is-style-default" style="border-style:none;border-width:0px;padding-top:0;padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:0">
                <div class="wp-block-group is-style-fotawp-boxshadow has-border-color has-border-color-border-color has-background-background-color has-background" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--60)">
                    <figure class="wp-block-image aligncenter size-full fotawp-duotone-primary"><img src="<?php echo esc_url($fotawp_images[2]) ?>" alt="" class="wp-image-974" /></figure>

<h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-medium-font-size" style="margin-top:var(--wp--preset--spacing--40);font-style:normal;font-weight:600"><?php echo esc_html__('Mobile First Approach', 'fotawp') ?></h4>

<p class="has-text-align-center" style="font-size:18px;line-height:1.5"><?php echo esc_html__('Modern era of website builder does not imagine without responsive and we will taken care of it seamlessly.', 'fotawp') ?></p>

<div class="wp-block-column is-style-default" style="border-style:none;border-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
                <div class="wp-block-group is-style-fotawp-boxshadow has-border-color has-border-color-border-color has-background-background-color has-background" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--60)">
                    <figure class="wp-block-image aligncenter size-full fotawp-duotone-primary"><img src="<?php echo esc_url($fotawp_images[3]) ?>" alt="" class="wp-image-164" /></figure>

<h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-medium-font-size" style="margin-top:var(--wp--preset--spacing--40);font-style:normal;font-weight:600"><?php echo esc_html__('Pagebuilder Integrated', 'fotawp') ?></h4>

<p class="has-text-align-center" style="font-size:18px;line-height:1.5"><?php echo esc_html__('While it comes with native builder FSE/Block builder and Elementor, making so easy.', 'fotawp') ?></p>

<div class="wp-block-group about-section-topslant" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
        <div class="wp-block-cover is-light" style="min-height:692px"><span aria-hidden="true" class="wp-block-cover__background has-background-background-color has-background-dim-0 has-background-dim"></span>
            <div class="wp-block-cover__inner-container">
                <div style="height:146px" aria-hidden="true" class="wp-block-spacer"></div>

<div class="wp-block-group">
                    <div class="wp-block-columns">
                        <div class="wp-block-column is-vertically-aligned-center" style="padding-top:var(--wp--preset--spacing--80);flex-basis:45%">
                            <h6 class="wp-block-heading has-foreground-color has-text-color has-x-small-font-size" style="margin-top:0;margin-bottom:0;font-style:normal;font-weight:600"><?php echo esc_html__('OUR STORY', 'fotawp') ?></h6>

<h2 class="wp-block-heading has-heading-color-color has-text-color" style="margin-top:var(--wp--preset--spacing--20);font-size:48px;font-style:normal;font-weight:600"><?php echo esc_html__('Full Site Editing, Take Full Control Over Your Website!', 'fotawp') ?></h2>

<p class="has-foreground-color has-text-color" style="font-size:18px;line-height:1.5"><?php echo esc_html__('Comes with native builder Full Site Editing/Gutenberg and integration of page builder Elementor adding the full control of site and making FotaWP perfect powerful tools of site builder that you easily build your site without coding knowledge.', 'fotawp') ?></p>

<div class="wp-block-buttons">
                                <div class="wp-block-button is-style-button-hover-primary-bgcolor"><a class="wp-block-button__link has-foregound-alt-color has-secondary-background-color has-text-color has-background wp-element-button" style="border-radius:10px;padding-top:1.2em;padding-right:2.5rem;padding-bottom:1.2em;padding-left:2.5rem"><?php echo esc_html__('Read More', 'fotawp') ?> </a></div>
                                
                            </div>
                            
                        </div>

<div class="wp-block-column is-vertically-aligned-center">
                            <figure class="wp-block-image size-full"><img src="<?php echo esc_url($fotawp_images[4]) ?>" alt="" class="wp-image-171" /></figure>
                            
                        </div>
                        
                    </div>
                    
                </div>

<div style="height:114px" aria-hidden="true" class="wp-block-spacer"></div>
                
            </div>
        </div>
        
    </div>

<div class="wp-block-group has-heading-color-color has-background-alt-background-color has-text-color has-background" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
        <div class="wp-block-cover is-light" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40)"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
            <div class="wp-block-cover__inner-container">
                <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50)">
                    <div class="wp-block-columns">
                        <div class="wp-block-column">
                            <h6 class="wp-block-heading has-foreground-color has-text-color has-x-small-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('SERVICES', 'fotawp') ?></h6>

<h1 class="wp-block-heading has-heading-color-color has-text-color" style="margin-top:var(--wp--preset--spacing--40);font-size:48px;font-style:normal;font-weight:600"><?php echo esc_html__('Our Services', 'fotawp') ?></h1>
                            
                        </div>

<div class="wp-block-column">
                            <p class="has-foreground-color has-text-color" style="font-size:18px;line-height:1.5"><?php echo esc_html__('Cras tincidunt tellus at mi tristique rhoncus. Etiam dapibus rutrum leo consectetur accumsan. Vivamus viverra ante turpis, dignissim condimentum elit egestas sit amet. Phasellus', 'fotawp') ?></p>

<div class="wp-block-buttons">
                                <div class="wp-block-button has-custom-font-size is-style-button-hover-secondary-color" style="font-size:18px"><a class="wp-block-button__link has-heading-color-color has-transparent-background-color has-text-color has-background wp-element-button" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php echo esc_html__('Read More', 'fotawp') ?></a></div>
                                
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </div>

<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--50)">
                    <div class="wp-block-columns">
                        <div class="wp-block-column">
                            <div class="wp-block-group is-style-fotawp-boxshadow-hover has-background-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
                                <div class="wp-block-group">
                                    <figure class="wp-block-image alignleft size-full fotawp-duotone-primary"><img src="<?php echo esc_url($fotawp_images[5]) ?>" alt="" class="wp-image-1114" /></figure>

<h6 class="wp-block-heading has-heading-color-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('Business Strategy', 'fotawp') ?></h6>

<p class="has-foreground-color has-text-color" style="font-size:18px;line-height:1.5"><?php echo esc_html__('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vesti bulum vel at risus arcu porta sociist', 'fotawp') ?></p>
                                    
                                </div>
                                
                            </div>
                            
                        </div>

<div class="wp-block-column">
                            <div class="wp-block-group is-style-fotawp-boxshadow-hover has-background-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
                                <div class="wp-block-group">
                                    <figure class="wp-block-image alignleft size-full is-resized fotawp-duotone-primary"><img src="<?php echo esc_url($fotawp_images[6]) ?>" alt="" class="wp-image-167" style="width:60px;height:60px" width="60" height="60" /></figure>

<h6 class="wp-block-heading has-heading-color-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('eCommerce', 'fotawp') ?></h6>

<p class="has-foreground-color has-text-color" style="font-size:18px;line-height:1.5"><?php echo esc_html__('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vesti bulum vel at risus arcu porta sociist', 'fotawp') ?></p>
                                    
                                </div>
                                
                            </div>
                            
                        </div>

<div class="wp-block-column">
                            <div class="wp-block-group is-style-fotawp-boxshadow-hover has-background-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
                                <div class="wp-block-group">
                                    <figure class="wp-block-image alignleft size-full is-resized fotawp-duotone-primary"><img src="<?php echo esc_url($fotawp_images[7]) ?>" alt="" class="wp-image-167" style="width:60px;height:60px" width="60" height="60" /></figure>

<h6 class="wp-block-heading has-heading-color-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('Web Development', 'fotawp') ?></h6>

<p class="has-foreground-color has-text-color" style="font-size:18px;line-height:1.5"><?php echo esc_html__('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vesti bulum vel at risus arcu porta sociist', 'fotawp') ?></p>
                                    
                                </div>
                                
                            </div>
                            
                        </div>
                        
                    </div>

<div class="wp-block-columns">
                        <div class="wp-block-column">
                            <div class="wp-block-group is-style-fotawp-boxshadow-hover has-background-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
                                <div class="wp-block-group">
                                    <figure class="wp-block-image alignleft size-full is-resized fotawp-duotone-primary"><img src="<?php echo esc_url($fotawp_images[8]) ?>" alt="" class="wp-image-167" style="width:60px;height:60px" width="60" height="60" /></figure>

<h6 class="wp-block-heading has-heading-color-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('SEO', 'fotawp') ?></h6>

<p class="has-foreground-color has-text-color" style="font-size:18px;line-height:1.5"><?php echo esc_html__('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vesti bulum vel at risus arcu porta sociist', 'fotawp') ?></p>
                                    
                                </div>
                                
                            </div>
                            
                        </div>

<div class="wp-block-column">
                            <div class="wp-block-group is-style-fotawp-boxshadow-hover has-background-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
                                <div class="wp-block-group">
                                    <figure class="wp-block-image alignleft size-full is-resized fotawp-duotone-primary"><img src="<?php echo esc_url($fotawp_images[9]) ?>" alt="" class="wp-image-167" style="width:60px;height:60px" width="60" height="60" /></figure>

<h6 class="wp-block-heading has-heading-color-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('Digital Marketing', 'fotawp') ?></h6>

<p class="has-foreground-color has-text-color" style="font-size:18px;line-height:1.5"><?php echo esc_html__('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vesti bulum vel at risus arcu porta sociist', 'fotawp') ?></p>
                                    
                                </div>
                                
                            </div>
                            
                        </div>

<div class="wp-block-column">
                            <div class="wp-block-group is-style-fotawp-boxshadow-hover has-background-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
                                <div class="wp-block-group">
                                    <figure class="wp-block-image alignleft size-full is-resized fotawp-duotone-primary"><img src="<?php echo esc_url($fotawp_images[10]) ?>" alt="" class="wp-image-167" style="width:60px;height:60px" width="60" height="60" /></figure>

<h6 class="wp-block-heading has-heading-color-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('Social Media Marketing', 'fotawp') ?></h6>

<p class="has-foreground-color has-text-color" style="font-size:18px;line-height:1.5"><?php echo esc_html__('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vesti bulum vel at risus arcu porta sociist', 'fotawp') ?></p>
                                    
                                </div>
                                
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </div>
                
            </div>
        </div>
        
    </div>

<div class="wp-block-group fotawp-portfolio-section has-background-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
        <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:120px;padding-right:var(--wp--preset--spacing--50);padding-bottom:100px;padding-left:var(--wp--preset--spacing--50)">
            <div class="wp-block-columns are-vertically-aligned-top" style="padding-top:0;padding-bottom:0">
                <div class="wp-block-column is-vertically-aligned-top">
                    <h1 class="wp-block-heading has-heading-color-color has-text-color" style="font-size:32px;font-style:normal;font-weight:600;line-height:1.4;text-transform:capitalize"><?php echo esc_html__('A user friendly theme built with usability in mind', 'fotawp') ?></h1>

<p class="has-foreground-color has-text-color" style="font-size:18px;line-height:1.5"><?php echo esc_html__('Every project is different and so should the process be. We’ll define a clear framework of how we communicate, exchange feedback and effectively work together.', 'fotawp') ?></p>

<div class="wp-block-buttons" style="margin-bottom:var(--wp--preset--spacing--70)">
                        <div class="wp-block-button has-custom-font-size is-style-button-hover-secondary-color" style="font-size:18px"><a class="wp-block-button__link has-heading-color-color has-transparent-background-color has-text-color has-background wp-element-button" href="#" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php echo esc_html__('Read More', 'fotawp') ?></a></div>
                        
                    </div>

<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url($fotawp_images[11]) ?>" alt="" class="wp-image-1080" style="border-radius:10px;object-fit:cover" /></figure>
                    
                </div>

<div class="wp-block-column is-vertically-aligned-top">
                    <figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url($fotawp_images[12]) ?>" alt="" class="wp-image-1085" style="border-radius:10px" /></figure>

<h1 class="wp-block-heading has-heading-color-color has-text-color" style="margin-top:var(--wp--preset--spacing--60);font-size:32px;font-style:normal;font-weight:600;line-height:1.4"><?php echo esc_html__('Build Your Website to the Ultimate Level with FotaWP', 'fotawp') ?></h1>

<p class="has-foreground-color has-text-color" style="font-size:18px;line-height:1.5"><?php echo esc_html__('Every project is different and so should the process be. We’ll define a clear framework of how we communicate, exchange feedback and effectively work together.', 'fotawp') ?></p>

<div class="wp-block-buttons">
                        <div class="wp-block-button has-custom-font-size is-style-button-hover-secondary-color" style="font-size:18px"><a class="wp-block-button__link has-heading-color-color has-transparent-background-color has-text-color has-background wp-element-button" href="#" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php echo esc_html__('Read More', 'fotawp') ?></a></div>
                        
                    </div>
                    
                </div>
                
            </div>
            
        </div>
        
    </div>

<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
        <div class="wp-block-group has-third-primary-gradient-gradient-background has-background" style="margin-top:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:0;padding-left:var(--wp--preset--spacing--40)">
            <div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
                <div class="wp-block-columns are-vertically-aligned-center">
                    <div class="wp-block-column is-vertically-aligned-center" style="padding-right:0;padding-bottom:var(--wp--preset--spacing--70)">
                        <div class="wp-block-group">
                            <h2 class="wp-block-heading has-foregound-alt-color has-text-color" style="font-size:54px;font-style:normal;font-weight:600;line-height:1.4"><?php echo esc_html__('Create Stunning Website like a Pro!', 'fotawp') ?></h2>

<p class="has-foregound-alt-color has-text-color has-large-font-size" style="font-style:normal;font-weight:400;line-height:1.4"><?php echo esc_html__('Even if you are beginner with zero coding knowledge, You can build awesome responsive sites using FOTAWP!', 'fotawp') ?></p>

<div class="wp-block-buttons">
                                <div class="wp-block-button is-style-button-hover-secondary-bgcolor"><a class="wp-block-button__link has-heading-color-color has-foregound-alt-background-color has-text-color has-background wp-element-button" href="#" style="border-style:none;border-width:0px;border-radius:10px;padding-top:1.3rem;padding-right:2.5rem;padding-bottom:1.3rem;padding-left:2.5rem"><?php echo esc_html__('Explore Demos', 'fotawp') ?></a></div>
                                
                            </div>
                            
                        </div>
                        
                    </div>

<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
                        <figure class="wp-block-image size-full"><img src="<?php echo esc_url($fotawp_images[13]) ?>" alt="" class="wp-image-1893" /></figure>
                        
                    </div>
                    
                </div>
                
            </div>
            
        </div>
        
    </div>

<div class="wp-block-group has-background-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:120px;padding-right:0;padding-bottom:0;padding-left:0">
        <div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-background-color has-background-dim-0 has-background-dim"></span>
            <div class="wp-block-cover__inner-container">
                <div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--80)">
                    <h6 class="wp-block-heading has-text-align-center has-foreground-color has-text-color has-x-small-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('TESTIMONIALS', 'fotawp') ?></h6>

<h1 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color" style="font-size:48px;font-style:normal;font-weight:600"><?php echo esc_html__('Our Client’s Feedbacks', 'fotawp') ?></h1>

<div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--60)">
                        <div class="wp-block-column" style="padding-right:0">
                            <div class="wp-block-group is-style-fotawp-boxshadow has-border-color has-border-color-border-color has-background-background-color has-background" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
                                <figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="<?php echo esc_url($fotawp_images[14]) ?>" alt="" class="wp-image-1822" style="width:70px;height:70px" width="70" height="70" /></figure>

<h5 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-medium-font-size" style="padding-top:var(--wp--preset--spacing--40);font-style:normal;font-weight:600"><?php echo esc_html__('Alex T', 'fotawp') ?></h5>

<p class="has-text-align-center has-foreground-color has-text-color has-x-small-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:var(--wp--preset--spacing--30);padding-right:0;padding-bottom:var(--wp--preset--spacing--30);padding-left:0"><?php echo esc_html__('Digital Marketing, CozyThemes', 'fotawp') ?></p>

<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url($fotawp_images[17]) ?>" alt="" class="wp-image-726" style="width:115px;height:20px" width="115" height="20" /></figure>

<p class="has-text-align-center has-foreground-color has-text-color" style="line-height:1.5"><?php echo esc_html__('Not only theme, it\s powerful tools for site building, native Full Site Editing block builder make it too easy for use and dozens of patterns, just WOW!!!', 'fotawp') ?></p>
                                
                            </div>
                            
                        </div>

<div class="wp-block-column" style="padding-right:0;padding-left:0">
                            <div class="wp-block-group is-style-fotawp-boxshadow has-border-color has-border-color-border-color has-background-background-color has-background" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
                                <figure class="wp-block-image aligncenter size-full is-resized has-custom-border is-style-fotawp-boxshadow"><img src="<?php echo esc_url($fotawp_images[15]) ?>" alt="" class="wp-image-1823" style="border-radius:50%;width:70px;height:70px" width="70" height="70" /></figure>

<h5 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-medium-font-size" style="padding-top:var(--wp--preset--spacing--40);font-style:normal;font-weight:600"> <?php echo esc_html__('Liyana R', 'fotawp') ?></h5>

<p class="has-text-align-center has-foreground-color has-text-color" style="line-height:1.5"><?php echo esc_html__('Comes with global style variations is great for color choice, switching my favourite color with just one click option is great experience!', 'fotawp') ?></p>
                                
                            </div>
                            
                        </div>

<div class="wp-block-column" style="padding-left:0">
                            <div class="wp-block-group is-style-fotawp-boxshadow has-border-color has-border-color-border-color has-background-background-color has-background" style="border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
                                <figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="<?php echo esc_url($fotawp_images[16]) ?>" alt="" class="wp-image-1826" style="width:70px;height:70px" width="70" height="70" /></figure>

<h5 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-medium-font-size" style="padding-top:var(--wp--preset--spacing--40);font-style:normal;font-weight:600"><?php echo esc_html__('Lexy M', 'fotawp') ?></h5>

<p class="has-text-align-center has-foreground-color has-text-color" style="line-height:1.5"><?php echo esc_html__('As freelancer, dozens of beautiful patterns and elementor widgets built professionally adding the real value of the theme.', 'fotawp') ?></p>
                                
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </div>
                
            </div>
        </div>
        
    </div>

<div class="wp-block-group has-background-background-color has-background" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--80)">
        <h5 class="wp-block-heading has-text-align-center has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('Trusted and used by 50+ Brands', 'fotawp') ?></h5>

<figure class="wp-block-gallery aligncenter has-nested-images columns-6 fotawp-brands-logos is-style-enable-grayscale-mode-on-image" style="margin-top:var(--wp--preset--spacing--70);margin-right:0;padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
            <figure class="wp-block-image size-full"><img src="<?php echo esc_url($fotawp_images[18]) ?>" alt="" class="wp-image-562" /></figure>

<figure class="wp-block-image size-full"><img src="<?php echo esc_url($fotawp_images[19]) ?>" alt="" class="wp-image-563" /></figure>

<figure class="wp-block-image size-large"><img src="<?php echo esc_url($fotawp_images[20]) ?>" alt="" class="wp-image-564" /></figure>

<figure class="wp-block-image size-large"><img src="<?php echo esc_url($fotawp_images[21]) ?>" alt="" class="wp-image-565" /></figure>

<figure class="wp-block-image size-full"><img src="<?php echo esc_url($fotawp_images[22]) ?>" alt="" class="wp-image-566" /></figure>

<figure class="wp-block-image size-large"><img src="<?php echo esc_url($fotawp_images[23]) ?>" alt="" class="wp-image-567" /></figure>
            
        </figure>
        
    </div>

<div class="wp-block-group has-background-alt-background-color has-background" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40)">
        <div class="wp-block-columns are-vertically-aligned-center" style="padding-top:var(--wp--preset--spacing--60)">
            <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%">
                <h6 class="wp-block-heading has-foreground-color has-text-color has-x-small-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('BLOG', 'fotawp') ?></h6>

<h1 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--20);font-size:48px;font-style:normal;font-weight:600;line-height:1"><?php echo esc_html__('Recent News And Articles', 'fotawp') ?></h1>
                
            </div>

<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%">
                <p style="font-size:18px;font-style:normal;font-weight:400;line-height:1.5"><?php echo esc_html__('Cras tincidunt tellus at mi tristique rhoncus. Etiam dapibus rutrum leo consectetur accumsan. Vivamus viverra ante turpis, dignissim condimentum elit egestas sit amet. Phasellus dignissim condimentum elit egestas sit amet. Phasellus', 'fotawp') ?></p>

<div class="wp-block-buttons">
                    <div class="wp-block-button has-custom-font-size is-style-button-hover-secondary-color" style="font-size:18px"><a class="wp-block-button__link has-heading-color-color has-transparent-background-color has-text-color has-background wp-element-button" href="#" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><?php echo esc_html__('Read More', 'fotawp') ?></a></div>
                    
                </div>
                
            </div>
            
        </div>

<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60)">
            <div class="wp-block-query">
                
                <div class="wp-block-group has-background-background-color has-background" style="border-radius:10px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
                    <div class="wp-block-cover" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:150px"><span aria-hidden="true" class="wp-block-cover__background has-sub-heading-color-background-color has-background-dim-0 has-background-dim"></span>
                        <div class="wp-block-cover__inner-container">
                            <div class="wp-block-columns are-vertically-aligned-center" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
                                <div class="wp-block-column is-vertically-aligned-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:38%">
                                    <div class="wp-block-cover is-style-fotawp-cover-round-style" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:149px"><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim-10 has-background-dim"></span>
                                        <div class="wp-block-cover__inner-container"></div>
                                    </div>
                                    
                                </div>

<div class="wp-block-column is-vertically-aligned-center">
                                    <div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--40);padding-left:0">

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

<div class="wp-block-group has-background-background-color has-background" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40)">
        <h1 class="wp-block-heading has-text-align-left" style="font-size:48px;font-style:normal;font-weight:600"><?php echo esc_html__('Frequently Asked Questions', 'fotawp') ?></h1>

<div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--60)">
            <div class="wp-block-column" style="border-bottom-color:var(--wp--preset--color--border-color);border-bottom-width:2px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--60)">
                <h3 class="wp-block-heading" style="padding-bottom:0;font-size:24px"><?php echo esc_html__('What is Full Site Editing in WordPress?', 'fotawp') ?></h3>

<p style="font-size:18px;line-height:1.5"><?php echo esc_html__('Full Site Editing in WordPress refers to a feature that allows users to create and edit their website\s entire layout, including the header, footer, and other structural elements, using a visual editor.', 'fotawp') ?></p>
                
            </div>
            
        </div>

<div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--20)">
            <div class="wp-block-column" style="border-bottom-color:var(--wp--preset--color--border-color);border-bottom-width:2px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--60)">
                <h3 class="wp-block-heading" style="padding-bottom:0;font-size:24px"><?php echo esc_html__('What are the benefits of Full Site Editing in WordPress?', 'fotawp') ?></h3>

<p style="font-size:18px;line-height:1.5"><?php echo esc_html__('Full Site Editing in WordPress allows users to create and edit their website more efficiently and with more control. It enables users to create unique and custom designs without needing to have advanced coding skills.', 'fotawp') ?></p>
                
            </div>
            
        </div>

<div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--20)">
            <div class="wp-block-column" style="border-bottom-color:var(--wp--preset--color--border-color);border-bottom-width:2px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--60)">
                <h3 class="wp-block-heading" style="padding-bottom:0;font-size:24px"><?php echo esc_html__('How do I enable Full Site Editing in WordPress?', 'fotawp') ?></h3>

<p style="font-size:18px;line-height:1.5"><?php echo esc_html__('To enable Full Site Editing in WordPress, you need to ensure that you are using a compatible WordPress theme that supports Full Site Editing. You will also need to install the latest version of WordPress and enable the Gutenberg editor.', 'fotawp') ?></p>
                
            </div>
            
        </div>

<div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--20)">
            <div class="wp-block-column" style="border-bottom-style:none;border-bottom-width:0px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--60)">
                <h3 class="wp-block-heading" style="padding-bottom:0;font-size:24px"><?php echo esc_html__('What are some popular WordPress themes that support Full Site Editing?', 'fotawp') ?></h3>

<p style="font-size:18px;line-height:1.5"><?php echo esc_html__('Some popular WordPress themes that support Full Site Editing include the Kadence Theme, the Qubely Theme, and the GenerateBlocks Theme. These themes have built-in support for Full Site Editing, allowing users to create custom designs without needing to know how to code.', 'fotawp') ?></p>
                
            </div>
            
        </div>
        
    </div>
    
</main>

<div class="wp-block-group has-background-color has-second-primary-gradient-gradient-background has-text-color has-background" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)">
    <div class="wp-block-columns" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
        <div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
            <h3 class="wp-block-heading has-foregound-alt-color has-text-color has-large-font-size" style="margin-bottom:var(--wp--preset--spacing--40);font-style:normal;font-weight:600"><?php echo esc_html__('FOTAWP', 'fotawp') ?></h3>

<p class="has-foregound-alt-color has-text-color" style="margin-top:35px;margin-right:0;margin-bottom:var(--wp--preset--spacing--30);margin-left:0"><?php echo esc_html__('Check out our new font generator and level up your social bios. Need more? Head over to Glyphy for all the&nbsp;fancy fonts&nbsp;and&nbsp;cool symbols&nbsp;you could ever imagine.', 'fotawp') ?></p>

<ul class="wp-block-social-links has-icon-background-color is-style-default">

</ul>
            
        </div>

<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
            <h3 class="wp-block-heading has-foregound-alt-color has-text-color has-large-font-size" style="margin-bottom:var(--wp--preset--spacing--40);font-style:normal;font-weight:600"><?php echo esc_html__('Products', 'fotawp') ?></h3>

<ul class="is-style-hide-bullet-list-link-hover-style-secondary has-link-color" style="margin-top:30px;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;line-height:2">
                <li><a href="#"><?php echo esc_html__('Cozy Addons for Elementor', 'fotawp') ?></a></li>

<li><a href="#"><?php echo esc_html__('Cozy Essential Addons', 'fotawp') ?></a></li>

<li><a href="#"><?php echo esc_html__('PatternVerse', 'fotawp') ?></a></li>

<li><a href="#"><?php echo esc_html__('FotaWP', 'fotawp') ?></a></li>

<li><a href="#"><?php echo esc_html__('BookingAddons', 'fotawp') ?></a></li>

<li><a href="#"><?php echo esc_html__('BlockBerg', 'fotawp') ?></a></li>
                
            </ul>
            
        </div>

<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
            <h3 class="wp-block-heading has-foregound-alt-color has-text-color has-large-font-size" style="margin-bottom:var(--wp--preset--spacing--40);font-style:normal;font-weight:600"><?php echo esc_html__('Quick Menu', 'fotawp') ?></h3>

<ul class="is-style-hide-bullet-list-link-hover-style-secondary has-link-color" style="margin-top:30px;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;line-height:2">
                <li><a href="#"><?php echo esc_html__('About us', 'fotawp') ?></a></li>

<li><a href="#"><?php echo esc_html__('Blog', 'fotawp') ?></a></li>

<li><a href="#"><?php echo esc_html__('Our Team', 'fotawp') ?></a></li>

<li><a href="#"><?php echo esc_html__('Career', 'fotawp') ?></a></li>

<li><a href="#"><?php echo esc_html__('Conatct Us', 'fotawp') ?></a></li>
                
            </ul>
            
        </div>

<ul class="is-style-hide-bullet-list-link-hover-style-secondary has-link-color" style="margin-top:30px;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;line-height:2">
                <li><a href="#"><?php echo esc_html__('Teram &amp; Conditions', 'fotawp') ?></a></li>

<li><a href="#"><?php echo esc_html__('Policy', 'fotawp') ?></a></li>
                
            </ul>
            
        </div>
        
    </div>

<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--70);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
        <p class="has-foregound-alt-color has-text-color has-link-color"><?php echo esc_html__('Proudly powered by WordPress&nbsp;|&nbsp;Theme: FotaWP by&nbsp;CozyThemes.', 'fotawp') ?></p>
        
    </div>
    
</div>

Back