https://mundodelmuseo.com/GDC/

1<!DOCTYPE html>
2<html lang="es">
3
4<head>
5   <meta charset="UTF-8">
6   <meta name="viewport" content="width=device-width, initial-scale=1.0">
7   <title>GDC</title>
8   <link rel="stylesheet" href="https://ems.difusion.com.mx/lib/bootstrap/css/bootstrap.css">
9   <link rel="stylesheet" href="https://ems.difusion.com.mx/lib/sweetAlert/sweetalert2.min.css">
10   <link rel="stylesheet" href="https://ems.difusion.com.mx/lib/fontawesome/css/all.css">
11   <link rel="stylesheet" href="https://ems.difusion.com.mx/css/global.css">
12   <link rel="stylesheet" href="https://ems.difusion.com.mx/lib/dataTables/css/datatables.css">
13
14
15   <!-- Library CSS -->
16   
17   <!-- App CSS -->
18         <link rel="stylesheet" href="https://ems.difusion.com.mx/css/login.css">
19   </head>
20
21<body>
22   
23   <!-- Header -->
24   <!-- <div class="d-flex justify-content-between align-items-center px-5 py-3 bg-light-white">
25   <div>
26      <h1 class="fw-bold text-dark-blue">Actividades</h1>
27      <div>Gestiona tus actividades: citas, llamadas, seguimientos.</div>
28   </div>
29   <div class="input-group w-25">
30      <span class="input-group-text pointer">
31         <i class="fa-solid fa-magnifying-glass"></i>
32      </span>
33      <input type="text" id="searchPage" class="form-control">
34   </div>
35</div> -->
36
37         <!-- Vista -->
38      <div class="d-flex justify-content-center align-items-center h-100vh w-100 overflow-y-hidden">
39    <div class="bg-dark-blue h-100 w-50 p-4 left-form d-flex flex-column justify-content-center">
40        <div class="d-flex justify-content-center w-100">
41            <img class="logo-gdc" src="https://ems.difusion.com.mx/img/crm_gdc/Logo GDC_Blanco.png" alt="Logo blanco">
42        </div>
43        <div class="mt-5 text-center">
44            <h3 class="fw-bold m-0">BIENVENIDO</h3>
45        </div>
46        <div class="mt-5 text-center fs-3">Inicia sesión con tu correo de Outlook</div>
47        <form id="loginSystem" method="post">
48            <div class="mt-5 d-flex align-items-center gap-5 flex-wrap px-5 justify-content-center developer">
49                <div class="input-group w-50">
50                    <input type="email" id="loginEmail" class="form-control" placeholder="Correo electrónico">
51                    <span class="input-group-text bg-hard-info">
52                        <i class="fa-solid fa-at"></i>
53                    </span>
54                </div>
55                <div class="input-group w-50">
56                    <input type="password" id="loginPassword" class="form-control" placeholder="Contraseña">
57                    <span class="input-group-text bg-hard-info pointer icon-pass"></span>
58                </div>
59            </div>
60            <div class="mt-5 d-flex justify-content-center align-items-center gap-5 flex-wrap px-5">
61                <button type="submit" formaction="login/simple" class="btn btn-hard-blue fw-bold w-50 rounded developer">Ingresar con correo y contraseña</button>
62                <button id="loginOutlook" type="button" formaction="login/outlook" class="btn btn-hard-blue fw-bold w-50 rounded production">Ingresar con Outlook</button>
63            </div>
64        </form>
65    </div>
66    <div class="h-100 w-50 p-4 right-form d-flex flex-column justify-content-center">
67        <div>
68            <h1 class="ems-title">EMS</h1>
69            <div class="fs-3 fst-italic border-top-dark-blue text-dark-blue w-fit-content ems-description">
70                Enterprise Management System
71            </div>
72            <div class="mt-5">
73                <img class="w-stretch" src="https://ems.difusion.com.mx/img/crm_gdc/ems_img login.png" alt="Logo inicial">
74            </div>
75        </div>
76    </div>
77</div>   
78   <!-- Footer -->
79      

79<script>
80      const baseUrl = "https://ems.difusion.com.mx";
81      const sessionCsrfToken = '';
82      const sessionUser = null;
83   </script>

83
84   

84<script src="https://ems.difusion.com.mx/lib/jQuery/jquery-4.0.0.min.js"></script>

84
85   

85<script src="https://ems.difusion.com.mx/lib/jquery-validation/jquery.validate.min.js"></script>

85
86   

86<script src="https://ems.difusion.com.mx/lib/bootstrap/js/bootstrap.bundle.js"></script>

86
87   

87<script src="https://ems.difusion.com.mx/lib/sweetAlert/sweetalert2.all.min.js"></script>

87
88   

88<script src="https://ems.difusion.com.mx/lib/fontawesome/js/all.js"></script>

88
89   

89<script src="https://ems.difusion.com.mx/js/formatter.js"></script>

89
90   

90<script src="https://ems.difusion.com.mx/js/global.js"></script>

90
91   

91<script src="https://ems.difusion.com.mx/lib/dataTables/js/datatables.js"></script>

91
92
93   <!-- App Libs JS -->
94   
95   <!-- App JS -->
96         

96<script src="https://ems.difusion.com.mx/js/login.js"></script>

96
97   </body>
98
99</html>