<?php
/**
 * Title: first price table
 * Slug: wp-it-courses/first_price_table
 * Categories: Price-tables
 * Viewport width: 1400
 */
?>

<!-- wp:group {"align":"full", "style":{"spacing":{"padding":"0px","margin":"0"}, "border":{"top":{"color":"#FFF","width":"0px"},"bottom":{"color":"#FFF","width":"0px"},"left":{"color":"#FFF","width":"0px"},"right":{"color":"#FFF","width":"0px"}}}} -->
<div class="wp-block-group alignfull wrapper-pattern-first_price_table"
    style="margin:0;padding: 0px;border-top-color:#FFF;border-top-width:0px;border-bottom-color:#FFF;border-bottom-width:0px;border-left-color:#FFF;border-left-width:0px;border-right-color:#FFF;border-right-width:0px;">

    <!-- wp:columns {"align":"full", "style":{"spacing":{"padding":"0px","margin":"0"}}, "layout":{"type":"flex","justifyContent":"space-between"}} -->
    <div class="wp-block-columns alignfull row" style="margin:0;padding: 0px;">

        <!-- wp:column {"backgroundColor":"white", "width":"24%", "style":{"spacing":{"padding":"20px","margin":"0 0.5%"}, "border":{"width":"2px", "style":"solid", "color":"#000", "radius":"5px"}}} -->
        <div class="wp-block-column is-vertically-aligned-center has-border-color has-white-background-color has-background"
            style="flex-basis:24%;margin:0 0.5%;padding: 20px;border-width:2px;border-style:solid;border-color:#000;border-radius:5px;">


            <!-- wp:paragraph {"backgroundColor":"dark-gray", "style":{"typography":{"lineHeight":"2","fontSize":"22px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-white-color has-dark-gray-background-color has-background"
                style="padding: 0px;font-size: 22px;font-weight: normal;margin: 0; line-height: 2;">
                <?php echo esc_html_x('Standart', 'Sample name package', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"dark-gray", "style":{"typography":{"lineHeight":"1","fontSize":"50px","fontWeight":"bold"},"spacing":{"padding":"0px","margin":"0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-white-color has-dark-gray-background-color has-background"
                style="padding: 0px;font-size: 50px;font-weight: bold;margin: 0; line-height: 1;">
                <?php echo esc_html_x('150 USD', 'Sample price', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"dark-gray", "style":{"typography":{"lineHeight":"2","fontSize":"18px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"0 0 20px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-white-color has-dark-gray-background-color has-background"
                style="padding: 0px;margin:0 0 20px 0;font-size: 18px;font-weight: normal;line-height: 2;">
                <?php echo esc_html_x('in month', 'Sample period', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->



            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0; line-height: 1;">
                <?php echo esc_html_x('3 months premium support access', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0; line-height: 1;">
                <?php echo esc_html_x('3 months updates access', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0; line-height: 1;">
                <?php echo esc_html_x('Unlimitted concurrent domain users', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0 30px"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0 30px; line-height: 1;">
                <?php echo esc_html_x('Free WP and theme setup', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->


            <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
            <div class="wp-block-buttons">
                <!-- wp:button {"backgroundColor":"pink", "className":"wp-block-button"} -->
                <div
                    class="wp-block-button has-pink-background-color has-background has-text-align-center has-white-color">
                    <a class="wp-block-button__link has-pink-background-color has-background wp-element-button">
                        <?php echo esc_html_x('DETAILS', 'Text button', 'wp-it-courses'); ?>
                    </a>
                </div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->

        </div>
        <!-- /wp:column -->

        <!-- wp:column {"backgroundColor":"white", "width":"24%", "style":{"spacing":{"padding":"20px","margin":"0 0.5%"}, "border":{"width":"2px", "style":"solid", "color":"#000", "radius":"5px"}}} -->
        <div class="wp-block-column is-vertically-aligned-center has-border-color has-white-background-color has-background"
            style="flex-basis:24%;margin:0 0.5%;padding: 20px;border-width:2px;border-style:solid;border-color:#000;border-radius:5px;">


            <!-- wp:paragraph {"backgroundColor":"dark-gray", "style":{"typography":{"lineHeight":"2","fontSize":"22px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-white-color has-dark-gray-background-color has-background"
                style="padding: 0px;font-size: 22px;font-weight: normal;margin: 0; line-height: 2;">
                <?php echo esc_html_x('Medium', 'Sample name package', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"dark-gray", "style":{"typography":{"lineHeight":"1","fontSize":"50px","fontWeight":"bold"},"spacing":{"padding":"0px","margin":"0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-white-color has-dark-gray-background-color has-background"
                style="padding: 0px;font-size: 50px;font-weight: bold;margin: 0; line-height: 1;">
                <?php echo esc_html_x('300 USD', 'Sample price', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"dark-gray", "style":{"typography":{"lineHeight":"2","fontSize":"18px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"0 0 20px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-white-color has-dark-gray-background-color has-background"
                style="padding: 0px;margin:0 0 20px 0;font-size: 18px;font-weight: normal;line-height: 2;">
                <?php echo esc_html_x('in month', 'Sample period', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->



            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0; line-height: 1;">
                <?php echo esc_html_x('6 months premium support access', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0; line-height: 1;">
                <?php echo esc_html_x('6 months updates access', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0; line-height: 1;">
                <?php echo esc_html_x('Unlimitted concurrent domain users', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0 30px"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0 30px; line-height: 1;">
                <?php echo esc_html_x('Free WP and theme setup', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
            <div class="wp-block-buttons">
                <!-- wp:button {"backgroundColor":"pink", "className":"wp-block-button"} -->
                <div
                    class="wp-block-button has-pink-background-color has-background has-text-align-center has-white-color">
                    <a class="wp-block-button__link has-pink-background-color has-background wp-element-button">
                        <?php echo esc_html_x('DETAILS', 'Text button', 'wp-it-courses'); ?>
                    </a>
                </div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->

        </div>
        <!-- /wp:column -->

        <!-- wp:column {"backgroundColor":"white", "width":"24%", "style":{"spacing":{"padding":"20px","margin":"0 0.5%"}, "border":{"width":"2px", "style":"solid", "color":"#000", "radius":"5px"}}} -->
        <div class="wp-block-column is-vertically-aligned-center has-border-color has-white-background-color has-background"
            style="flex-basis:24%;margin:0 0.5%;padding: 20px;border-width:2px;border-style:solid;border-color:#000;border-radius:5px;">


            <!-- wp:paragraph {"backgroundColor":"dark-gray", "style":{"typography":{"lineHeight":"2","fontSize":"22px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-white-color has-dark-gray-background-color has-background"
                style="padding: 0px;font-size: 22px;font-weight: normal;margin: 0; line-height: 2;">
                <?php echo esc_html_x('Premium', 'Sample name package', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"dark-gray", "style":{"typography":{"lineHeight":"1","fontSize":"50px","fontWeight":"bold"},"spacing":{"padding":"0px","margin":"0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-white-color has-dark-gray-background-color has-background"
                style="padding: 0px;font-size: 50px;font-weight: bold;margin: 0; line-height: 1;">
                <?php echo esc_html_x('500 USD', 'Sample price', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"dark-gray", "style":{"typography":{"lineHeight":"2","fontSize":"18px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"0 0 20px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-white-color has-dark-gray-background-color has-background"
                style="padding: 0px;margin:0 0 20px 0;font-size: 18px;font-weight: normal;line-height: 2;">
                <?php echo esc_html_x('in month', 'Sample period', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->



            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0; line-height: 1;">
                <?php echo esc_html_x('12 months premium support access', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0; line-height: 1;">
                <?php echo esc_html_x('12 months updates access', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0; line-height: 1;">
                <?php echo esc_html_x('Unlimitted concurrent domain users', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0 30px"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0 30px; line-height: 1;">
                <?php echo esc_html_x('Free WP and theme setup', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
            <div class="wp-block-buttons">
                <!-- wp:button {"backgroundColor":"pink", "className":"wp-block-button"} -->
                <div
                    class="wp-block-button has-pink-background-color has-background has-text-align-center has-white-color">
                    <a class="wp-block-button__link has-pink-background-color has-background wp-element-button">
                        <?php echo esc_html_x('DETAILS', 'Text button', 'wp-it-courses'); ?>
                    </a>
                </div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->

        </div>
        <!-- /wp:column -->

        <!-- wp:column {"backgroundColor":"white", "width":"24%", "style":{"spacing":{"padding":"20px","margin":"0 0.5%"}, "border":{"width":"2px", "style":"solid", "color":"#000", "radius":"5px"}}} -->
        <div class="wp-block-column is-vertically-aligned-center has-border-color has-white-background-color has-background"
            style="flex-basis:24%;margin:0 0.5%;padding: 20px;border-width:2px;border-style:solid;border-color:#000;border-radius:5px;">


            <!-- wp:paragraph {"backgroundColor":"dark-gray", "style":{"typography":{"lineHeight":"2","fontSize":"22px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-white-color has-dark-gray-background-color has-background"
                style="padding: 0px;font-size: 22px;font-weight: normal;margin: 0; line-height: 2;">
                <?php echo esc_html_x('Gold', 'Sample name package', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"dark-gray", "style":{"typography":{"lineHeight":"1","fontSize":"50px","fontWeight":"bold"},"spacing":{"padding":"0px","margin":"0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-white-color has-dark-gray-background-color has-background"
                style="padding: 0px;font-size: 50px;font-weight: bold;margin: 0; line-height: 1;">
                <?php echo esc_html_x('1000 USD', 'Sample price', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"dark-gray", "style":{"typography":{"lineHeight":"2","fontSize":"18px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"0 0 20px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-white-color has-dark-gray-background-color has-background"
                style="padding: 0px;margin:0 0 20px 0;font-size: 18px;font-weight: normal;line-height: 2;">
                <?php echo esc_html_x('in month', 'Sample period', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->



            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0; line-height: 1;">
                <?php echo esc_html_x('2 years premium support access', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0; line-height: 1;">
                <?php echo esc_html_x('2 years updates access', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0; line-height: 1;">
                <?php echo esc_html_x('Unlimitted concurrent domain users', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"backgroundColor":"white", "style":{"typography":{"lineHeight":"1","fontSize":"20px","fontWeight":"normal"},"spacing":{"padding":"0px","margin":"10px 0 30px"}}} -->
            <p class="custom-white-space has-text-color has-text-align-center has-black-color has-white-background-color has-background"
                style="padding: 0px;font-size: 20px;font-weight: normal;margin: 10px 0 30px; line-height: 1;">
                <?php echo esc_html_x('Free WP and theme setup', 'Sample text', 'wp-it-courses'); ?>
            </p>
            <!-- /wp:paragraph -->

            <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
            <div class="wp-block-buttons">
                <!-- wp:button {"backgroundColor":"pink", "className":"wp-block-button"} -->
                <div
                    class="wp-block-button has-pink-background-color has-background has-text-align-center has-white-color">
                    <a class="wp-block-button__link has-pink-background-color has-background wp-element-button">
                        <?php echo esc_html_x('DETAILS', 'Text button', 'wp-it-courses'); ?>
                    </a>
                </div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->

        </div>
        <!-- /wp:column -->

    </div>
    <!-- /wp:columns -->

</div>
<!-- /wp:group -->