FileMaster

Edit File: homepage-template-agency.php

<?php

/**
 * Title: Homepage Template: Creative Agency
 * Slug: fotawp/homepage-template-agency
 * Categories: fotawp-homepage
 */
$fotawp_url = trailingslashit(get_template_directory_uri());
$fotawp_images = array(
    $fotawp_url . 'assets/images/pattern_about_full.jpg',
    $fotawp_url . 'assets/images/icon_31.png',
    $fotawp_url . 'assets/images/icon_32.png',
    $fotawp_url . 'assets/images/icon_33.png',
    $fotawp_url . 'assets/images/icon_34.png',
    $fotawp_url . 'assets/images/icon_35.png',
    $fotawp_url . 'assets/images/icon_36.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',
);
?>

<div class="wp-block-cover alignfull" 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:500px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#5f79bb"></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">

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

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

<div class="wp-block-group">
            <h2 class="wp-block-heading alignwide has-text-align-center has-foregound-alt-color has-text-color" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:55px;font-style:normal;font-weight:600;line-height:1.5"><?php echo esc_html__('Most Powerful Block based WordPress Theme', 'fotawp') ?></h2>

<p class="has-text-align-center has-foregound-alt-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--60);line-height:1.8"><?php echo esc_html__('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.', '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" style="border-radius:12px;padding-top:var(--wp--preset--spacing--50);padding-right:3rem;padding-bottom:var(--wp--preset--spacing--50);padding-left:3rem"><?php echo esc_html__('Request Demo', 'fotawp') ?></a></div>
                
            </div>
            
        </div>
        
    </div>
</div>

<div class="wp-block-group has-background" style="background:linear-gradient(180deg,rgb(95,121,187) 46%,rgb(255,255,255) 46%);margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
    <figure class="wp-block-image alignwide size-large"><img src="<?php echo esc_url($fotawp_images[0]) ?>" alt="" class="wp-image-1588" /></figure>
    
</div>

<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--50);padding-bottom:120px;padding-left:var(--wp--preset--spacing--50)">
    <div class="wp-block-columns">
        <div class="wp-block-column" style="flex-basis:40%">
            <h2 class="wp-block-heading has-xx-large-font-size" style="font-style:normal;font-weight:600;line-height:1.2"><?php echo esc_html__('Delivering top notch products in the industry.', 'fotawp') ?></h2>
            
        </div>

<div class="wp-block-column" style="flex-basis:60%">
            <p style="line-height:1.5"><?php echo esc_html__('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.', 'fotawp') ?></p>

<p style="line-height:1.5"><?php echo esc_html__('Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. The passage experienced a surge in popularity during the 1960s when Letraset used it on their dry-transfer sheets, and again during the 90s as desktop publishers bundled the text with their software. Today it\'s seen all around the web; on templates, websites, and stock designs. Use our generator to get your own, or read on for the authoritative history of lorem ipsum.', 'fotawp') ?></p>

<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--60)">
                <div class="wp-block-button is-style-button-hover-secondary-bgcolor"><a class="wp-block-button__link has-background wp-element-button" style="background-color:#5f79bb"><?php echo esc_html__('Read More', 'fotawp') ?></a></div>
                
            </div>
            
        </div>
        
    </div>
    
</div>

<div class="wp-block-group has-background" style="background-color:#eff2f8;padding-top:100px;padding-right:var(--wp--preset--spacing--50);padding-bottom:100px;padding-left:var(--wp--preset--spacing--50)">
    <div class="wp-block-group">
        <div class="wp-block-group">
            <h2 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color" style="font-style:normal;font-weight:600"><?php echo esc_html__('Our Services', 'fotawp') ?></h2>

<p class="has-text-align-center has-sub-heading-color-color has-text-color has-small-font-size" style="line-height:1.9"><?php echo esc_html__('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'fotawp') ?></p>
            
        </div>
        
    </div>

<div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--50)">
        <div class="wp-block-column">
            <div class="wp-block-group has-background-background-color has-background" style="border-radius:10px;min-height:0px;padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px">
                <figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="<?php echo esc_url($fotawp_images[1]) ?>" alt="" class="wp-image-1647" style="border-radius:50px;object-fit:cover;width:90px;height:90px" width="90" height="90" /></figure>

<div class="wp-block-group" style="padding-top:0">
                    <h3 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-large-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('CRM Integration', 'fotawp') ?></h3>

<p class="has-text-align-center has-sub-heading-color-color has-text-color has-small-font-size" style="line-height:1.5"><?php echo esc_html__('Check out our new&nbsp;font generatorand 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>

<div class="wp-block-buttons">
                        <div class="wp-block-button is-style-button-hover-secondary-color"><a class="wp-block-button__link has-transparent-background-color has-text-color has-background wp-element-button" style="color:#5f79bb;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-column">
            <div class="wp-block-group has-background-background-color has-background" style="border-radius:10px;min-height:0px;padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px">
                <figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="<?php echo esc_url($fotawp_images[2]) ?>" alt="" class="wp-image-1647" style="border-radius:50px;object-fit:cover;width:90px;height:90px" width="90" height="90" /></figure>

<div class="wp-block-group" style="padding-top:0">
                    <h3 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-large-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('SasS Development', 'fotawp') ?></h3>

<div class="wp-block-column">
            <div class="wp-block-group has-background-background-color has-background" style="border-radius:10px;min-height:0px;padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px">
                <figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="<?php echo esc_url($fotawp_images[3]) ?>" alt="" class="wp-image-1647" style="border-radius:50px;object-fit:cover;width:90px;height:90px" width="90" height="90" /></figure>

<div class="wp-block-group" style="padding-top:0">
                    <h3 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-large-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('Mobile App', 'fotawp') ?></h3>

<div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--30)">
        <div class="wp-block-column">
            <div class="wp-block-group has-background-background-color has-background" style="border-radius:10px;min-height:0px;padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px">
                <figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="<?php echo esc_url($fotawp_images[4]) ?>" alt="" class="wp-image-1648" style="border-radius:50px;object-fit:cover;width:90px;height:90px" width="90" height="90" /></figure>

<div class="wp-block-group" style="padding-top:0">
                    <h3 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-large-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('Social Media Marketing', 'fotawp') ?></h3>

<div class="wp-block-column">
            <div class="wp-block-group has-background-background-color has-background" style="border-radius:10px;min-height:0px;padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px">
                <figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="<?php echo esc_url($fotawp_images[5]) ?>" alt="" class="wp-image-1649" style="border-radius:50px;object-fit:cover;width:90px;height:90px" width="90" height="90" /></figure>

<div class="wp-block-group" style="padding-top:0">
                    <h3 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-large-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('UI/UX Design', 'fotawp') ?></h3>

<div class="wp-block-column">
            <div class="wp-block-group has-background-background-color has-background" style="border-radius:10px;min-height:0px;padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px">
                <figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="<?php echo esc_url($fotawp_images[6]) ?>" alt="" class="wp-image-1649" style="border-radius:50px;object-fit:cover;width:90px;height:90px" width="90" height="90" /></figure>

<div class="wp-block-group" style="padding-top:0">
                    <h3 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-large-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('Case Study', 'fotawp') ?></h3>

<div class="wp-block-group has-background-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:100px;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)">
                <div class="wp-block-group">
                    <h1 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color" style="font-size:44px;font-style:normal;font-weight:600"><?php echo esc_html__('Testimonials', 'fotawp') ?></h1>

<p class="has-text-align-center has-foreground-color has-text-color" style="line-height:1.5"><?php echo esc_html__('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua.', 'fotawp') ?></p>
                    
                </div>

<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-default has-border-color has-background-background-color has-background" style="border-color:#eff2f8;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"><img src="<?php echo esc_url($fotawp_images[10]) ?>" 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="margin-bottom:var(--wp--preset--spacing--60);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>

<figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="<?php echo esc_url($fotawp_images[7]) ?>" 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>
                            
                        </div>
                        
                    </div>

<div class="wp-block-column" style="padding-right:0">
                        <div class="wp-block-group is-style-default has-border-color has-background-background-color has-background" style="border-color:#eff2f8;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"><img src="<?php echo esc_url($fotawp_images[10]) ?>" alt="" class="wp-image-726" style="width:115px;height:20px" width="115" height="20" /></figure>

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

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

<div class="wp-block-group has-background" style="background-color:#5f79bb;padding-top:8rem;padding-right:var(--wp--preset--spacing--40);padding-bottom:8rem;padding-left:var(--wp--preset--spacing--40)">
    <h2 class="wp-block-heading has-text-align-center has-foregound-alt-color has-text-color" style="font-size:64px;font-style:normal;font-weight:700"><?php echo esc_html__('Let\'s Connect Today', 'fotawp') ?></h2>

<p class="has-text-align-center has-foregound-alt-color has-text-color has-small-font-size" style="line-height:1.7"><?php echo esc_html__('The passage experienced a surge in popularity during the 1960s when Letraset used it on their dry-transfer sheets, and again during the 90s as desktop publishers bundled the text with their software.', 'fotawp') ?></p>

<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--70)">
        <div class="wp-block-button is-style-button-hover-secondary-bgcolor"><a class="wp-block-button__link has-heading-color-color has-background-background-color has-text-color has-background wp-element-button" style="padding-top:1.2rem;padding-right:var(--wp--preset--spacing--50);padding-bottom:1.2rem;padding-left:var(--wp--preset--spacing--50)"><?php echo esc_html__('Schedule an Appointment', 'fotawp') ?></a></div>
        
    </div>
    
</div>

<div class="wp-block-group has-background" style="border-top-color:#7689c5;border-top-width:1px;background-color:#5f79bb;margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
    <div class="wp-block-group">
        <p class="has-background-color has-text-color"><?php echo esc_html__('Proudly powered by WordPress&nbsp;|&nbsp;Theme: FotaWP by&nbsp;CozyThemes.', 'fotawp') ?></p>

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

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

Back