Laravel.io
<?php 
	//
	// EDIT THESE BASED ON YOUR SETUP
	//
	$extension = '.local';
	$http = 'http://';
	//
	//
	//
	// Created by Matt Hiscock @ Senses Web Solutions LTD. Copyright Senses Web Solutions.
?>

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="/docs/4.0/assets/img/favicons/favicon.ico">
    <title>Laragon Sites</title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
	<style>
		html {
		  font-size: 14px;
		}
		@media (min-width: 768px) {
		  html {
			font-size: 16px;
		  }
		}
		.container {
		  max-width: 960px;
		}
		.pricing-header {
		  max-width: 700px;
		}
		.card-deck .card {
		  min-width: 220px;
		}
		.border-top { border-top: 1px solid #e5e5e5; }
		.border-bottom { border-bottom: 1px solid #e5e5e5; }
		.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
	</style>
  </head>
  <body>
    <div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom box-shadow">
      <h5 class="my-0 mr-md-auto font-weight-normal">Senses</h5>
      <nav class="my-2 my-md-0 mr-md-3">
       <!-- <a class="p-2 text-dark" href="#">Features</a>
        <a class="p-2 text-dark" href="#">Enterprise</a>
        <a class="p-2 text-dark" href="#">Support</a>
        <a class="p-2 text-dark" href="#">Pricing</a> -->
      </nav>
      <!--<a class="btn btn-outline-primary" href="#">Sign up</a>-->
    </div>

    <div class="pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
      <h1 class="display-4">Sites</h1>
      <p class="lead">Your local sites being served up by Laragon</p>
    </div>

    <div class="container">
	  <div class='row'>
	  <?php
	  function makeCard($dir, $extension, $http)
	  {
		  $html = '<div class="col-4 ">
		  <a href="'.$http.'[[URL]]" target="_blank" class="" style="text-decoration: none; color: black;">
			<div class="card mb-4 box-shadow">
			  <div class="card-body">
				<h5 class="card-title mb-0">[[TITLE]]</h5>
				<small class="card-subtitle mb-2 text-muted">[[SUBTITLE]]</small><br/>
				<small class="card-subtitle text-muted">[[DESCRIPTION]]</small>
				<div class="mt-2"><a href="'.$http.'[[URL]]" target="_blank" class="card-link">Visit</a></div>
			  </div>
			</div>
			</a>
		</div>';
		$title = ltrim(preg_replace('/(?<!\ )[A-Z][a-z]/', ' $0', $dir));
		$title = str_replace('-', ' ', $title);
		$title = str_replace('./', '', $title);
		$title = ucwords($title);
		$html = str_replace('[[TITLE]]', $title, $html);
		$html = str_replace('[[SUBTITLE]]', $dir, $html);
		$url = str_replace('./', '', $dir).$extension;
		$html = str_replace('[[URL]]', $url, $html);
		$created = 'Created: '.date ("d F Y.", filemtime($dir));
		$html = str_replace('[[DESCRIPTION]]', $created, $html);
		return $html;
	  }
		
	  
	  $directories = glob('./*' , GLOB_ONLYDIR);
	  natcasesort($directories);
	  foreach($directories as $dir)
	  {
		  echo makeCard($dir, $extension, $http);
	  }
	  ?>
      </div>
      <footer class="pt-4 my-md-5 pt-md-5 border-top">
        <div class="row">
          <div class="col-12 col-md">
            <img class="mb-2" src="https://senses.co.uk/wp-content/themes/laravel-mix-theme/images/senses-icon.jpg" alt="" width="24" height="24">
            <small class="d-block mb-3 text-muted">&copy; 2021</small>
          </div>
          <div class="col-6 col-md">
            <h5>Manage Servers</h5>
            <ul class="list-unstyled text-small">
              <li><a class="text-muted" href="#">Forge</a></li>
              <li><a class="text-muted" href="#">Digital Ocean</a></li>
            </ul>
          </div>
          <div class="col-6 col-md">
            <h5>Resources</h5>
            <ul class="list-unstyled text-small">
              <li><a class="text-muted" href="#">Laravel</a></li>
			  <li><a class="text-muted" href="#">Laracasts</a></li>
            </ul>
          </div>
          <div class="col-6 col-md">
            <h5>Stuff</h5>
            <ul class="list-unstyled text-small">
              <li><a class="text-muted" href="#">?????</a></li>
            </ul>
          </div>
        </div>
      </footer>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
  </body>
</html>

Please note that all pasted data is publicly available.