FileMaster

Edit File: homepage-template-store.php

<?php

/**
 * Title: Homepage Template: Store
 * Slug: fotawp/homepage-template-store
 * Categories: fotawp-homepage
 */
$fotawp_url = trailingslashit(get_template_directory_uri());
$fotawp_images = array(
    $fotawp_url . 'assets/images/store_banner_bg.jpg',
    $fotawp_url . 'assets/images/pattern_img_5.jpg',
    $fotawp_url . 'assets/images/review_star.svg',
    $fotawp_url . 'assets/images/fota_testimonial_1.png',
    $fotawp_url . 'assets/images/store_cta_bg.jpg'
)
?>

<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
    <div class="wp-block-cover alignfull" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:750px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-60 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-3374" alt="" src="<?php echo esc_url($fotawp_images[0]) ?>" data-object-fit="cover" />
        <div class="wp-block-cover__inner-container">
            <div class="wp-block-group" style="margin-top:0;margin-bottom:0;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" style="margin-top:0;margin-bottom:0">
                    <div class="wp-block-group">

</div>

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

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

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

<div class="wp-block-group">
                <h5 class="wp-block-heading has-text-align-center has-text-color has-small-font-size" style="color:#10d2d2"><?php esc_html_e('Summer Sale Offer', 'fotawp') ?></h5>

<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:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:0;padding-left:0;font-size:64px;font-style:normal;font-weight:800;line-height:1.5;text-transform:uppercase"><?php esc_html_e('Save Flat 40% on Every Buy!', 'fotawp') ?></h2>

<div class="wp-block-buttons" style="margin-top:40px">
                    <div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:17px;font-style:normal;font-weight:600;text-transform:uppercase"><a class="wp-block-button__link has-background-color has-text-color has-background has-text-align-center wp-element-button" style="border-radius:13px;background-color:#03aaaa;padding-top:22px;padding-right:45px;padding-bottom:22px;padding-left:45px"><?php esc_html_e('Visit Store', 'fotawp') ?></a></div>
                    
                </div>
                
            </div>

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

<div class="wp-block-group" style="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" style="padding-right:0;padding-bottom:40px;padding-left:0">
            <h2 class="wp-block-heading has-text-align-center" style="font-size:32px"><?php esc_html_e('Featured Products', 'fotawp') ?></h2>

<p class="has-text-align-center" style="font-size:17px"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'fotawp') ?></p>
            
        </div>

<div class="wp-block-query ct-products-block">
            
            <div class="wp-block-group is-style-default" style="border-style:none;border-width:0px;border-radius:0px;margin-top:0;margin-bottom:0;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
                <div class="wp-block-cover is-light has-custom-content-position is-position-top-right ct-product-featured-image-holder is-style-fotawp-cover-round-style" style="border-radius:0px;min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-10 has-background-dim" style="background-color:#e8eae9"></span>
                    <div class="wp-block-cover__inner-container"></div>
                </div>

<div class="wp-block-group" style="padding-top:16px;padding-right:0;padding-bottom:16px;padding-left:0">
                    <div class="wp-block-group" style="margin-top:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">

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

<p></p>
            
            
        </div>

<div class="wp-block-buttons" style="margin-top:40px">
            <div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link has-background wp-element-button" style="border-radius:13px;background-color:#03aaaa;padding-top:20px;padding-right:35px;padding-bottom:20px;padding-left:35px"><?php esc_html_e('Visit Store', 'fotawp') ?></a></div>
            
        </div>
        
    </div>

<div class="wp-block-group has-background" style="background-color:#107d790f;padding-top:140px;padding-right:var(--wp--preset--spacing--40);padding-bottom:140px;padding-left:var(--wp--preset--spacing--40)">
        <div class="wp-block-columns">
            <div class="wp-block-column">
                <div class="wp-block-cover is-light is-style-default" style="min-height:540px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#a9a7a4"></span><img class="wp-block-cover__image-background wp-image-3360" alt="" src="<?php echo esc_url($fotawp_images[1]) ?>" data-object-fit="cover" />
                    <div class="wp-block-cover__inner-container">
                        <p class="has-text-align-center has-large-font-size"></p>
                        
                    </div>
                </div>
                
            </div>

<div class="wp-block-column is-vertically-aligned-center" style="padding-left:var(--wp--preset--spacing--50)">
                <h6 class="wp-block-heading has-text-color" style="color:#03aaaa"><?php esc_html_e('Our Story', 'fotawp') ?></h6>

<h1 class="wp-block-heading has-heading-color-color has-text-color" style="font-size:40px;font-style:normal;font-weight:700;line-height:1.3"><?php esc_html_e('Committed to delivering the best quality in the industry since a decade.', 'fotawp') ?></h1>

<p class="has-sub-heading-color-color has-text-color has-small-font-size" style="font-style:normal;font-weight:400;line-height:1.6"><?php esc_html_e('The purpose of lorem ipsum is to create a natural looking block of text (sentence, paragraph, page, etc.) that doesn\'t distract from the layout. A practice not without controversy, laying out pages with meaningless filler text can be very useful when the focus is meant to be on design, not content.', 'fotawp') ?></p>

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

<div class="wp-block-buttons">
                    <div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:18px;text-decoration:none"><a class="wp-block-button__link has-background-color has-text-color has-background wp-element-button" style="border-radius:13px;background-color:#03aaaa;padding-top:20px;padding-right:40px;padding-bottom:20px;padding-left:40px"><?php esc_html_e('Read More', 'fotawp') ?></a></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:100px;padding-right:0;padding-bottom:var(--wp--preset--spacing--80);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 is-style-default has-background-background-color has-background" style="border-style:none;border-width:0px;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)">
                    <h2 class="wp-block-heading has-text-align-center has-text-color has-medium-font-size" style="color:#03aaaa;margin-bottom:35px;line-height:1.5;text-transform:capitalize"><?php esc_html_e('Thousands of 5 Star reviews from satisfied Customers', 'fotawp') ?></h2>

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

<p class="has-text-align-center has-text-color has-playfair-display-font-family has-medium-font-size" style="color:#292929;margin-bottom:var(--wp--preset--spacing--60);font-style:italic;font-weight:400;line-height:1.7"><?php esc_html_e('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, Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.', 'fotawp') ?></p>

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

<h5 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-medium-font-size" style="padding-top:10px;font-style:normal;font-weight:600"><?php esc_html_e('Alex Pawar', '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 esc_html_e('Digital Marketing, CozyThemes', 'fotawp') ?></p>
                    
                </div>
                
            </div>
        </div>
        
    </div>

<div class="wp-block-group" style="margin-top:0;margin-bottom:0">
        <div class="wp-block-cover" style="min-height:640px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><img class="wp-block-cover__image-background wp-image-3375" alt="" src="<?php echo esc_url($fotawp_images[4]) ?>" style="object-position:30% 7%" data-object-fit="cover" data-object-position="30% 7%" />
            <div class="wp-block-cover__inner-container">
                <div class="wp-block-group has-transparent-background-color has-background" style="padding-top:4rem;padding-right:var(--wp--preset--spacing--40);padding-bottom:4rem;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:48px;font-style:normal;font-weight:800;line-height:1.4;text-transform:uppercase"><?php esc_html_e('Get 50% OFF on OCULUS', 'fotawp') ?></h2>

<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--50)">
                        <div class="wp-block-button has-custom-font-size is-style-button-hover-secondary-bgcolor" style="font-size:18px"><a class="wp-block-button__link has-foregound-alt-color has-text-color has-background wp-element-button" style="border-radius:13px;background-color:#03aaaa;padding-top:25px;padding-right:40px;padding-bottom:25px;padding-left:40px"><?php esc_html_e('Explore More Features', 'fotawp') ?></a></div>
                        
                    </div>
                    
                </div>
                
            </div>
        </div>
        
    </div>

<div class="wp-block-group has-background-color has-text-color has-background" style="background-color:#242525;margin-top:0;margin-bottom:0;padding-top:5rem;padding-bottom:1.5rem">
        <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 esc_html_e('Categories', 'fotawp') ?></h3>

<ul 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;line-height:2;text-decoration:none" class="is-style-hide-bullet-list-link-hover-style-secondary has-link-color">
                    <li><a href="#"><?php esc_html_e('Womens Wear', 'fotawp') ?></a></li>

<li><a href="#"><?php esc_html_e('Kids Wear', 'fotawp') ?></a></li>

<li><a href="#"><?php esc_html_e('Footwear', 'fotawp') ?></a></li>

<li><a href="#"><?php esc_html_e('Mens Wear', 'fotawp') ?></a></li>

<li><a href="#"><?php esc_html_e('Smart Watch', 'fotawp') ?></a></li>

<li><a href="#"><?php esc_html_e('Smart Gadgets', '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 esc_html_e('Support', 'fotawp') ?></h3>

<ul 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;line-height:2" class="is-style-hide-bullet-list-link-hover-style-secondary has-link-color">
                    <li><a href="#"><?php esc_html_e('About us', 'fotawp') ?></a></li>

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

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

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

<li><a href="#"><?php esc_html_e('Conatct Us', '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 esc_html_e('Legal', 'fotawp') ?></h3>

<ul 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;line-height:2" class="is-style-hide-bullet-list-link-hover-style-secondary has-link-color">
                    <li><a href="#"><?php esc_html_e('Terms and Conditions', 'fotawp') ?></a></li>

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

<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:40%">
                <div class="wp-block-columns">
                    <div class="wp-block-column"></div>

<div class="wp-block-column" style="flex-basis:85%">
                        <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 esc_html_e('Fota Store', 'fotawp') ?></h3>

<p class="has-text-color" style="color:#dddfdf;margin-top:1.2rem;margin-right:0;margin-bottom:var(--wp--preset--spacing--30);margin-left:0;line-height:1.5"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam aliquip ex ea commodo consequat.', 'fotawp') ?></p>

<p><?php esc_html_e('Opening Hour: 7 Days/ 6:00AM - 10:00 PM', 'fotawp') ?></p>

<p><?php esc_html_e('1234 Seaside Street, South Wales California 234211, USA', 'fotawp') ?></p>

<p><?php esc_html_e('+1 (888) 012-3456', 'fotawp') ?></p>

<p><?php esc_html_e('email@example.com', 'fotawp') ?></p>
                        
                    </div>
                    
                </div>
                
            </div>
            
        </div>

<div class="wp-block-group" style="border-top-color:#323232;border-top-width:1px;margin-top:4rem;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--20);padding-left:0">
            <p class="has-foregound-alt-color has-text-color has-link-color"><?php esc_html_e('Proudly powered by WordPress | Theme: FotaWP by CozyThemes.', 'fotawp') ?></p>

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

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

Back