Sid Gifari Advanced File Manager

✏️ Editing: layout-1.php

<?php $html_id = pxl_get_element_id($settings); ?>
<div class="pxl-banner pxl-banner1 el-parallax-wrap">
	<div class="pxl-banner-inner">
		<?php if(!empty($settings['banner_image']['id'])) :
			$img = pxl_get_image_by_size( array(
				'attach_id'  => $settings['banner_image']['id'],
				'thumb_size' => 'full',
			));
			$thumbnail = $img['thumbnail']; ?>
			<div class="pxl-item--image">
				<?php echo pxl_print_html($thumbnail); ?>
			</div>
		<?php endif; ?>
		<div class="pxl-counter--wrap">
			<div class="pxl-counter--holder">
				<div class="pxl-counter--number">
		            <span class="pxl-counter--value effect-default" data-duration="2000" data-startnumber="1" data-endnumber="<?php echo esc_attr($settings['number']); ?>" data-to-value="<?php echo esc_attr($settings['number']); ?>">1</span>
		            <?php if(!empty($settings['suffix'])) : ?>
		                <span class="pxl-counter--suffix"><?php echo pxl_print_html($settings['suffix']); ?></span>
		            <?php endif; ?>
		        </div>
		        <div class="pxl-counter--title"><?php echo esc_attr($settings['title']); ?></div>
		    </div>
	    </div>
	    <?php if(!empty($settings['shape_image1']['id'])) :
			$img_shape1 = pxl_get_image_by_size( array(
				'attach_id'  => $settings['shape_image1']['id'],
				'thumb_size' => 'full',
			));
			$thumbnail_shape1 = $img_shape1['thumbnail']; ?>
			<div class="pxl-item--shape1 el-parallax-item">
				<?php echo pxl_print_html($thumbnail_shape1); ?>
			</div>
		<?php endif; ?>
		<?php if(!empty($settings['shape_image2']['id'])) :
			$img_shape2 = pxl_get_image_by_size( array(
				'attach_id'  => $settings['shape_image2']['id'],
				'thumb_size' => 'full',
			));
			$thumbnail_shape2 = $img_shape2['thumbnail']; ?>
			<div class="pxl-item--shape2 el-parallax-item">
				<?php echo pxl_print_html($thumbnail_shape2); ?>
			</div>
		<?php endif; ?>
		<?php if(!empty($settings['circle_title'])) : ?>
			<div class="pxl-circle--box">
				<?php if(!empty($settings['circle_image']['id'])) :
					$img_circle = pxl_get_image_by_size( array(
						'attach_id'  => $settings['circle_image']['id'],
						'thumb_size' => '286x286',
					));
					$thumbnail_circle = $img_circle['thumbnail']; ?>
					<div class="pxl-circle--image">
						<?php echo pxl_print_html($thumbnail_circle); ?>
					</div>
				<?php endif; ?>
				<div class="pxl-circle--text">
					<svg class="pxl-circle-svg1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.48 144.48">
		                <path id="pxl-circle-text-<?php echo esc_attr($html_id); ?>" d="M242.93,123A71.74,71.74,0,1,1,171.2,51.22,71.73,71.73,0,0,1,242.93,123Z" transform="translate(-98.96 -50.72)"></path>
		                <text> 
		                    <textPath href="#pxl-circle-text-<?php echo esc_attr($html_id); ?>"><?php echo esc_attr($settings['circle_title']); ?></textPath>
		                </text>
		            </svg>
		            <svg class="pxl-circle-svg2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.48 144.48">
		                <path id="pxl-circle-text-<?php echo esc_attr($html_id); ?>" d="M242.93,123A71.74,71.74,0,1,1,171.2,51.22,71.73,71.73,0,0,1,242.93,123Z" transform="translate(-98.96 -50.72)"></path>
		                <text> 
		                    <textPath href="#pxl-circle-text-<?php echo esc_attr($html_id); ?>"><?php echo esc_attr($settings['circle_title']); ?></textPath>
		                </text>
		            </svg>
		            <div class="pxl-circle-dots">
		            	<i class="pxl-circle-icon1 flaticon-star"></i>
		            	<i class="pxl-circle-icon2 flaticon-star"></i>
		            </div>
		        </div>
			</div>
		<?php endif; ?>
	</div>
</div>

📁 File Manager Pro