<?php  
$slides = [
    '<h1>Fast & intuitive BeBuilder</h1>',
    '<h2>View an element and customise it<br /> at the same time</h2>',
    '<h2>Hundreds of pre-built sections<br /> ready to use on click</h2>',
    '<h2>Create, save & restore whenever<br /> you want with Revisions</h2>',
    '<h2>Import & Export of content<br /> or single sections</h2>',
    '<h2>Live responsive preview for<br /> mobile, tablet & desktop layout</h2>',
  ];

$max = count( $slides );
$index = 1;

echo '<div class="mfn-intro-overlay" style="display:none">';
  echo '<div class="mfn-intro-container">';
    echo '<a class="mfn-intro-close close-button mfn-option-btn btn-large" href="#"><span class="mfn-icon mfn-icon-close-light"></span></a>';
    echo '<ul>';

      foreach( $slides as $slide ){

        echo '<li class="step-'. $index .'">
          <div class="pic"></div>
          <div class="desc">
            <p class="slide-number">'. $index .' / '. $max .'</p>
            '. $slide .'
            <a class="mfn-intro-close start-now" href="#">Skip</a>
          </div>
        </li>';

        $index++;
      }

    echo '</ul>';
  echo '</div>';
echo '</div>';

?>