FileMaster

Edit File: project-section.php

<?php

/**
 * Title: Project Section
 * Slug: fotawp/project-section
 * Categories: fotawp
 */
$fotawp_url = trailingslashit(get_template_directory_uri());
$fotawp_images = array(
    $fotawp_url . 'assets/images/project_11.jpg',
    $fotawp_url . 'assets/images/project_22.jpg'

);
?>

<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--40);padding-bottom:100px;padding-left:var(--wp--preset--spacing--40)">
        <div class="wp-block-columns are-vertically-aligned-top fotawp-projects-columns" style="padding-top:0;padding-bottom:0">
            <div class="wp-block-column is-vertically-aligned-top fotawp-fade-up" style="border-right-color:var(--wp--preset--color--tertiary-light);border-right-width:1px;padding-right:70px">
                <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 esc_html_e('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 esc_html_e('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 fotawp-button-with-icon is-style-button-hover-secondary-color" style="font-size:18px"><a class="wp-block-button__link has-primary-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 esc_html_e('Read More', 'fotawp') ?></a></div>
                    
                </div>

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

<div class="wp-block-column is-vertically-aligned-top fotawp-fade-up" style="padding-left:70px">
                <figure class="wp-block-image size-full has-custom-border fotawp-flip-up"><img src="<?php echo esc_url($fotawp_images[1]) ?>" alt="" class="wp-image-3467" style="border-radius:0px" /></figure>

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

<div class="wp-block-buttons">
                    <div class="wp-block-button has-custom-font-size fotawp-button-with-icon is-style-button-hover-secondary-color" style="font-size:18px"><a class="wp-block-button__link has-primary-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 esc_html_e('Read More', 'fotawp') ?></a></div>
                    
                </div>
                
            </div>
            
        </div>
        
    </div>
    
</div>

Back