array('width' => 626, 'height' => 400 * 2), // mobile size 'tablet' => array('width' => 1188, 'height' => $image_height * 2), // tablet size 'desktop' => array('width' => 2228, 'height' => $image_height * 2), ); $img_vars = generate_srcsets($image['url'], $img_sizes, $crop = false); ?> make('core.style', [ "breakpoint__general" => " /* START: TEXT AREA */ ". flo_render_typography_styles( $b__uniq_for_css." ".$b__for_css."__pretitle", $pretitle_font ) ." ". flo_render_typography_styles( $b__uniq_for_css." ".$b__for_css."__title", $title_font ) ." ". flo_render_typography_styles( $b__uniq_for_css." ".$b__for_css."__title-paragraph", $title_paragraph_font ) ." ". flo_render_typography_styles( $b__uniq_for_css." ".$b__for_css."__button", $button_label_font ) ." ".$b__uniq_for_css." ".$b__for_css."__text-area { background-color: ".$text_area_background_color."; } ".$b__uniq_for_css." ".$b__for_css."__vertical-line { background-color: ".$elements_color."; } ".$b__uniq_for_css." ".$b__for_css."__button { border: 1px solid ".hex2rgba($elements_color, 0.3)."!important; } ".$b__uniq_for_css." ".$b__for_css."__button:hover { background-color: ".$elements_color."; color: ".$text_area_background_color."; border-color: ".$text_area_background_color."; } /* END: TEXT AREA */ ".$b__uniq_for_css." { color: ".$elements_color."; } ", "breakpoint__medium_up" => " /* START: IMAGE AREA */ ".$b__uniq_for_css." { min-height: ".$image_height_rem."; } /* END: IMAGE AREA */ " ], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?> startSection('block_content'); ?>
<?php echo $image['alt']; ?> <?php echo $image['alt']; ?>

stopSection(true); ?> make('layout.block', [ "block_classes" => "", // Will be added to main block div. e.g. flo-block--full-width "data_onready" => "flo_block_image_block_2" // Specify a function (see _blank.js on how to define) that will be executed on document ready. ], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>