panel.html

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Panel Apache2</title>
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light">
  <div class="container mt-5">
    <div class="card shadow-sm">
      <div class="card-header bg-primary text-white">
        Configuración de Apache2
      </div>
      <div class="card-body">
        <h5 class="card-title">Estado del Servidor</h5>
        <p class="card-text">El servidor Apache2 está activo y corriendo en el puerto 80.</p>

        <h5 class="card-title mt-4">Directorio raíz</h5>
        <p class="card-text">La raíz del servidor web está configurada en: <code>/var/www/html</code>.</p>

        <h5 class="card-title mt-4">Archivo índice</h5>
        <p class="card-text">Los archivos índice definidos en <code>DirectoryIndex</code> son: <code>index.html</code>, <code>index.php</code>.</p>

        <a href="#" class="btn btn-outline-primary mt-3">Ver configuración completa</a>
      </div>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>