MINI MINI MANI MO

Path : /var/www/html/default/
File Upload :
Current File : /var/www/html/default/index.html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Sistemas de gestión de la Secretaría de administración y Finanzas del Poder Legislativo del Estado de México">
    <title>Sistemas de Gestión - SIASAF</title>

    <!-- Cargar Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Cargar Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">

    <style>
        body {
            font-family: 'Arial', sans-serif;
            background-color: #f4f4f4; /* Gris claro */
            color: #333; /* Gris oscuro para el texto */
        }
        .hero-section {
            background: #333; /* Gris oscuro */
            color: white;
            padding: 60px 0;
            text-align: center;
        }
        .hero-section h1 {
            font-size: 3rem;
        }
        .hero-section p {
            font-size: 1.25rem;
            margin-bottom: 30px;
        }
        .card-container {
            margin-top: 40px;
        }
        .card {
            border: 1px solid #ddd; /* Borde gris claro */
            border-radius: 15px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); /* Sombra suave */
        }
        .card-body {
            padding: 30px;
        }
        .footer {
            background-color: #222; /* Gris más oscuro */
            color: white;
            padding: 20px 0;
            text-align: center;
        }
        .btn-custom {
            background-color: #555; /* Gris intermedio */
            color: white;
            border: none;
        }
        .btn-custom:hover {
            background-color: #333; /* Gris oscuro en hover */
            color: white;
        }
    </style>
</head>
<body>

    <!-- Sección Hero -->
    <section class="hero-section">
        <div class="container">
            <h1>Sistemas de Gestión</h1>
            <p>de la Secretaría de Administración y Finanzas del Poder Legislativo del Estado de México</p>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <p>&copy; 2024 Secretaría de Administración y Finanzas del Poder Legislativo del Estado de México</p>
    </footer>

    <!-- Cargar Scripts de Bootstrap -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

OHA YOOOO