File "boxes.php"

Full Path: /home/concvitk/public_html/wp-content/themes/conceptualizate/template-parts/boxes.php
File size: 2.39 KB
MIME-type: text/html
Charset: utf-8

<div class="box box-1">
    <div class="box-header">
        <p class="text-balanced"> <?php esc_html( the_field('page_web_description') ) ?> </p>
        <a href="#" class="btn-primary button">Lorem Ipsum</a>
    </div>

    <div class="box-footer">
        <p class="hashtag"> <?php esc_html( the_field('page_web_hashtag') ) ?> </p>
    </div>
</div> <!-- Box 1 -->

<div class="box box-2">
    <?php $imagen_portada = get_field('imagen_portada_box_2')['sizes']['large'];?>
    <div class="box-image">
        <img src="<?php echo esc_attr( $imagen_portada ) ?>" alt="Portada">
    </div>
</div> <!-- Box 2 -->

<div class="box box-3">
    <?php
        $info_line_time = get_field('line_time');
        $clients_numbers = $info_line_time['numero_clientes'];
        $clients_text = $info_line_time['texto_numero_clientes'];

        // Inicializar arrays para almacenar los textos e imágenes
        $textos = [];
        $icon_images = [];
        $i = 1;

        // Iterar a través de los índices y asignar valores a los arrays
        for( $i; $i <= 3; $i++ ) {
            $textos[] = $info_line_time['texto_' . $i];
            $icon_images[] = $info_line_time['icon_imagen_' . $i]['sizes']['medium'];
        }
    ?>
    <div class="timeline container">
        <div class="content-timeline">
            <?php foreach( $textos as $index => $texto ): ?>
                <div class="card">
                    <div class="card-info">
                        <p><?php echo esc_html($texto)?></p>
                    </div>
                </div> <!-- Card -->
                <?php endforeach; ?>

            <div class="card">
                <div class="card-info brands">
                    <div class="icons-images">
                        <?php foreach ($icon_images as $icon_image): ?>
                            <div class="icon">
                                <img src="<?php echo esc_attr($icon_image) ?>" alt="Icono">
                            </div>
                        <?php endforeach; ?>
                    </div>

                    <div class="info">
                        <h4><?php echo esc_html($clients_numbers); ?></h4>
                        <div class="color"><?php echo esc_html($clients_text); ?></div>
                    </div>
                </div>
            </div> <!-- Card -->
        </div>
    </div>
</div> <!-- Box 3 -->