Add Feature List Javascript

I would like to add this to my page https://jqueryglobe.com/labs/feature_list/

The code can be found here https://jqueryglobe.com/article/feature-list

This is the website https://www.mj-roofs.be/wordpress/diensten

I would like to have a list of the pages under “Diensten” and a corresponding image to show in the slideshow/FeatureList. I can get a full list, but can’t include the array, without giving my syntax errors. Please bear with me, as I don’t know any PHP.

The HTML code for the slideshow:

<div id="feature_list">
	<ul id="tabs">
		<li>
		<a href="javascript:;">
			<h3>Services</h3>
			<span>Lorem ipsum dolor sit amet consect</span>
		</a>
		</li>
	</ul>
	<ul id="output">
		<li>
			<img src="images/featurelist01.jpg" />
			<a href="#">Meer informatie &raquo;</a>
		</li>
	</ul>

</div>

#tabs h3 = title of the page
the image in #output: Featured image of each page

Can anyone please help me out with the code? This would be a great help! Thanks in advance!