How can I fetch subpage title and date

I’m attempting to create a loop for a ticker tape on my home page and failing miserably. I need to fetch the date and title of the first three recent subpages.

File structure of subpage:
content > 2-visit > 1-news-events-and-offers > {subpages in here}

<div class="marquee3k"
            data-speed="0.5" → play around here
            data-pausable="bool" → Pause marquee on hover>
            <!--you can even have inline images,
            or any kind of html -->
            <ul class="tickers">
              <li>
								<a href="visit/news/news-watford-weekender-2018">
                <span>5 Oct</span>
                Watford hosts a weekend of offers and events
              	</a>
						  </li>
              <li>
								<a href="visit/news/news-free-tennis-sessions-in-watford.">
                <span>19 Sep</span>
                Free tennis sessions in Watford
              	</a>
							</li>
              <li>
								<a href="visit/news/news-learn-to-cook.html">
                <span>19 Sep</span>
                Learn to cook your home grown spuds and veggies with The Grove’s Head Chef
                </a>
						  </li>
            </ul>
        </div>

<?php 
  if($parent = page('visit/news-events-and-offers')):
  $subpages = $parent->children()->visible()->sortBy('date', 'desc')->limit(3); 
?>
<ul>
  <?php   foreach($subpages as $subpage): ?>
    <li>
      <a href="<?= $subpage->url() ?>"><span>5 Oct</span><?= $subpage->title() ?></a>
    </li>
  <?php endforeach ?>
<?php endif ?>
</ul>

Thanks so much for your speedy reply. It’s fantastic service really appreciated.

I was making a lot of mistakes compared to yours. Just had to add the class on the ul in your code and i was all set :slight_smile: