Image grid

Forma parte de las empresas líderes quienes ya impulsan su éxito con TorSal Solutions.

Grandes marcas confían en nuestras soluciones.

Gracias pro la confianza en la implementación de nuestros procesos

EMPRESAS TRANSPORTISTAS

Universidades y escuelas que han elegido nuestros servicios para transformar su comunidad educativa.

Contribuimos en el proceso de Desarrollo Universitario a Nivel Nacional

Embed

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nombre de la Página</title>
    <style>
        .contact-section {
            text-align: center; /* Centrar el título y los botones */
            margin-top: 20px;
        }

        .contact-container {
            display: inline-flex;
            gap: 40px; /* Incrementar el espacio entre botones */
            margin-top: 5px; /* Espacio entre el título y los botones */
        }

        .whatsapp-btn, .messenger-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px 20px;
            font-size: 16px;
            font-weight: bold;
            border-radius: 10px;
            text-decoration: none;
            color: white;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
            transition: transform 0.2s;
        }

        .whatsapp-btn {
            background-color: #25D366;
        }

        .messenger-btn {
            background-color: #0084FF;
        }

        .whatsapp-btn img {
            margin-right: 10px;
            width: 24px;
            height: 24px;
        }

        .whatsapp-btn .blink-text {
            animation: blink 1s infinite;
        }

        .whatsapp-btn:hover, .messenger-btn:hover {
            transform: scale(1.05);
        }

        @keyframes blink {
            0% { opacity: 1; }
            50% { opacity: 0.5; }
            100% { opacity: 1; }
        }

        .title {
            font-size: 16px;
            font-weight: normal;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>

<div class="contact-section">
    
    <h3 class="title">Soluciones personalizadas a un👆🏼Click </h3>

    <div class="contact-container">
        
        <a href="#" class="whatsapp-btn" id="whatsapp-link">
            <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp Logo">
            <span class="blink-text">+ Info.</span>
        </a>

        
        <a href="https://m.me/TorSalSolutionsCertificaciones" class="messenger-btn" target="_blank">
            Inbox FB
        </a>
    </div>
</div>

<script>
    // Obtener el título de la página
    const pageTitle = document.title;

    // Crear el mensaje personalizado para WhatsApp
    const whatsappMessage = `Información sobre: ${pageTitle}`;

    // Enlazar el botón de WhatsApp con el mensaje personalizado
    const whatsappNumber = '528671564413';
    const whatsappLink = `https://wa.me/${whatsappNumber}?text=${encodeURIComponent(whatsappMessage)}`;

    // Asignar el enlace dinámico al botón de WhatsApp
    document.getElementById('whatsapp-link').setAttribute('href', whatsappLink);
</script>

</body>
</html>