config and other

index.php

@@ -417,4 +417,4 @@
         errorLabel.text("Date not valid.");
       }
     }
-</script>
+</script>

psicoadmin/src/Components/Routes.js

@@ -11,6 +11,7 @@ import { Expedientes } from '../Pages/Expedientes'
 import { Resultados } from '../Pages/Resultados'
 import { Configuracion } from '../Pages/Configuracion'
 import { Historial } from '../Pages/Historial'
+import { Pruebas } from '../Pages/Pruebas'
 
 import useAuth from '../Auth/useAuth'
 
@@ -42,6 +43,7 @@ export default function MyRoutes () {
                             <Route path="resultados" element={<Resultados/>} />
                             <Route path="configuraciones" element={<Configuracion/>} />
                             <Route path="historial" element={<Historial/>} />
+                            <Route path="pruebas/listar" element={<Pruebas/>} />
                         </Route>
                     )
                 : ( <Route path="dashboard" element={<Navigate to='/'/>} />)

psicoadmin/src/Components/listItems.js

@@ -30,8 +30,13 @@ import useAuth from '../Auth/useAuth'
 
 function SubMenuItem (props) {
 
+    let navigate = useNavigate()
+
     function change (event){
         props.change(event, props.index)
+        if(props.route){
+            navigate(props.route)
+        }
     } 
 
     let isOn = props.selected === props.index
@@ -148,7 +153,7 @@ export const MainListItems = () =>  {
                 <List component="div" disablePadding>
                         
                     <SubMenuItem selected={selectedIndex} index={5} change={handleListItemClick} title="Crear Prueba" />
-                    <SubMenuItem selected={selectedIndex} index={6} change={handleListItemClick} title="Listado de pruebas" />
+                    <SubMenuItem route="pruebas/listar" change={handleListItemClick} selected={selectedIndex} index={6} change={handleListItemClick} title="Listado de pruebas" />
                     <SubMenuItem selected={selectedIndex} index={7} change={handleListItemClick} title="Aplicar" />
                     <SubMenuItem selected={selectedIndex} index={8} change={handleListItemClick} title="Respuestas" />
                     <SubMenuItem selected={selectedIndex} index={9} change={handleListItemClick} title="Calificaciones" />

psicoadmin/src/Pages/Configuracion.js

@@ -1,5 +1,65 @@
+import ProfilePicture from '../Images/man.png';
+
+
 export function Configuracion() {
     return (
-        <h1>Configuraciones</h1>
+        <div id="content" style={{ paddingTop : 100 }}>
+            <div class="content-section">
+                <div class="main">
+                    <h1 class="breadcrumb-header">Configuraciones</h1>
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="panel">
+                                <div class="row">
+                                    <div class="col-md-4">
+                                        <div class="img-container">
+                                            <img src={ProfilePicture} alt='profile picture' />
+                                        </div>
+                                    </div>
+                                    <div class="col-md-8">
+                                        <div class="custom-file-upload">
+                                            <input type="file" id="file" name="myfiles[]" multiple readonly />
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="row">
+                                    <div class="col-md-6">
+                                        <div class="inputs_config">
+                                            <p>Datos personales</p>
+                                            <label>Nombre</label>
+                                            <input type="text" name="nombre_user" placeholder="Fernando Vásquez"/>
+                                            <label>Puesto / Profesión</label>
+                                            <input type="text" name="puesto" placeholder="Gerente general"/>
+                                            <label>Dirección</label>
+                                            <input type="text" name="direccion" placeholder="Melbourn, Australia"/>
+                                            <label>Número</label>
+                                            <input type="number" name="numero" placeholder="12345678"/>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6">
+                                        <div class="inputs_config">
+                                            <p>Redes sociales</p>
+                                            <label>Facebook</label>
+                                            <input type="text" name="facebook" placeholder="Link de Facebook"/>
+                                            <label>Linkein</label>
+                                            <input type="text" name="linkedin" placeholder="Link de Linkedin"/>
+                                            <label>Instagram</label>
+                                            <input type="text" name="instagram" placeholder="Link de Instagram"/>
+                                            <label>Correo</label>
+                                            <input type="email" name="instagram" placeholder="Correo electrónico"/>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="boton_guardar_info">
+                                    <div class="success_btn">
+                                        <a href="#">Guardar</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
     )
 }

psicoadmin/src/Pages/Pruebas.js

@@ -1,5 +1,1084 @@
-export default function Pruebas() {
+export function Pruebas() {
+
     return (
-        <h1>Pruebas</h1>
+        <section id="content">
+            <div class="content-section">
+                <div class="main main_pruebas_list">
+                    <h1>Listado de pruebas psicométricas</h1>
+                    <div class="row">
+                        <div class="col-md-6 busqueda_prueba">
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <input type="text" name="nombreprueba" placeholder="Escribe el nombre de la prueba que deseas consultar"/>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="buscar_prueba">
+                                        <button class="btn_buscar_prueba">BUSCAR</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="crear_nueva_prueba">
+                                <a href="nueva-prueba.php" target="_blank" class="btn_crear_prueba">CREAR PRUEBA</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="tabs_pruebas">
+                        <div class="row">
+                            <div class="col-md-3">
+                                <div class="test_tab active" id="todaspruebas" onclick="todaspruebas()">
+                                    <p>TODAS LAS PRUEBAS</p>
+                                </div>
+                            </div>
+                            <div class="col-md-3">
+                                <div class="test_tab" id="comportamiento" onclick="comportamiento()">
+                                    <p>COMPORTAMIENTO</p>
+                                </div>
+                            </div>
+                            <div class="col-md-3">
+                                <div class="test_tab" id="personalidad" onclick="personalidad()">
+                                    <p>PERSONALIDAD</p>
+                                </div>
+                            </div>
+                            <div class="col-md-3">
+                                <div class="test_tab" id="inteligencia" onclick="inteligencia()">
+                                    <p>INTELIGENCIA</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="pruebas_grid">
+
+                        <div class="todas_las_pruebas_body" id="todas_las_pruebas_body">
+                            <div class="row">
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-1">CLEAVER</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-2">ESTILO</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                                    <div class="col-md-3">
+                                                        <div class="body_prueba_list">
+                                                            <div class="botones_edicion">
+                                                                <div class="contenedor_botones">
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                                        </div>
+                                                                        <div class="col-md-6">
+                                                                            <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                            <div class="modern-Checkbox">
+                                                                <label for="box-3">VALORES</label>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-4">VALORES COMP.</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-5">MOSS</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-6">KOSTICK</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-7">ZAVIC</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-8">VALPER</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-9">LIFO</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-10">LUSCHER</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-11">CPI</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-12">PGV</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-13">BFQ</label>
+                                        </div>
+                                    </div>
+                                </div>
+                        <div class="col-md-3">
+                            <div class="body_prueba_list">
+                                <div class="botones_edicion">
+                                    <div class="contenedor_botones">
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="modern-Checkbox">
+                                    <label for="box-14">16FP</label>
+                                </div>
+                            </div>
+                        </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-15">PIP</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-16">IMP</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-17">PVC</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-18">NIC</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-19">TERMAN</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-20">BETAIIR</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-21">BETAIII</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-22">IE</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-23">RAVEN</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-24">DOMINOS</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-25">WONDERLIC</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-26">COIR</label>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="pagination_pruebas">
+                                <div class="botones_pagination">
+                                    <a class="disabled">Ant.</a>
+                                    <a href="#" class="active">1</a>
+                                    <a href="#">2</a>
+                                    <a href="#">3</a>
+                                    <a href="#">4</a>
+                                    <a href="#">5</a>
+                                    <a href="#">Sig.</a>
+                                </div>
+                            </div>
+                        </div>
+
+
+
+
+
+                        <div class="comportamiento_body" id="comportamiento_body">
+                            <div class="row">
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-1">CLEAVER</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-2">ESTILO</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-3">VALORES</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-4">VALORES COMP.</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-5">MOSS</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-6">KOSTICK</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-7">ZAVIC</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-8">VALPER</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-9">LIFO</label>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+
+
+                        <div class="personalidad_body" id="personalidad_body">
+                            <div class="row">
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-10">LUSCHER</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-11">CPI</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-12">PGV</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-13">BFQ</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-14">16FP</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                                    <div class="col-md-3">
+                                                        <div class="body_prueba_list">
+                                                            <div class="botones_edicion">
+                                                                <div class="contenedor_botones">
+                                                                    <div class="row">
+                                                                        <div class="col-md-6">
+                                                                            <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                                        </div>
+                                                                        <div class="col-md-6">
+                                                                            <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                            <div class="modern-Checkbox">
+                                                                <label for="box-15">PIP</label>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-16">IMP</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-17">PVC</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-18">NIC</label>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+
+
+                        <div class="inteligencia_body" id="inteligencia_body">
+                            <div class="row">
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-19">TERMAN</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-20">BETAIIR</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-21">BETAIII</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-22">IE</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-23">RAVEN</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-24">DOMINOS</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-25">WONDERLIC</label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-3">
+                                    <div class="body_prueba_list">
+                                        <div class="botones_edicion">
+                                            <div class="contenedor_botones">
+                                                <div class="row">
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Editar"><i class="far fa-edit"></i></a>
+                                                    </div>
+                                                    <div class="col-md-6">
+                                                        <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="modern-Checkbox">
+                                            <label for="box-26">COIR</label>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
     )
 }