﻿<!DOCTYPE HTML>

<html>
    <!--HEADER -->
    <head>
        <meta name='viewport' content='user-scalable=0' http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Paguina Web :v</title>
        <!--CSS PERSONALISADO -->
        <link  href="css/style.css" rel="stylesheet">
        <!--TEXTO EN FIGURAS -->
        <link href='css/ionicons.min.css' rel='stylesheet' type='text/css'>
        <!--FUENTES DE TEXTO -->
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
            <!--BOOTSTRAP TEXTO Y ALGUNOS COMPLEMENTOS -->
        <link href="assets/vendor/bootstrap/css/bootstrap.min.css">
        <!--ICONOS DE DESAROLLO -->
        <link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
    </head>
    <!-- FIN DE HEADER-->
    <!-- BODY -->
    <body>
        <header id="header" class="fixed-top">
              <div class="logo">
                <h1 class="text-light"><a href="index.html"><span>NDCC</span><img src="WhatsApp Image 2020-04-13 at 5.29.52 AM (4).jpeg"></a></h1>
              </div>
        
              <nav class="nav-menu d-none d-lg-block">
                <ul>
                  <li class="active"><a href="#header">CASA</a></li>
                  <li><a href="#about">USANDO</a></li>
                  <li class="drop-down"><a href="">OTROS</a>
                    <ul>
                      <li><a href="#">DESAROLLOS</a></li>
                      <li class="drop-down"><a href="#">MEJORAS</a>
                        <ul>
                          <li><a href="#">BASE DE DATOS</a></li>
                          <li><a href="#">INTERFAS</a></li>
                          <li><a href="#">CONECTIVIDAD</a></li>
                          <li><a href="#">PRODUCTIVIDAD</a></li>
                
                        </ul>
                      </li>
                      <li><a href="#">MARQUELO</a></li>
                    </ul>
              </li>
                  <li><a href="#services">SERVICIOS</a></li>
                  <li><a href="#portfolio">PORTAFOLIO</a></li>
                  <li><a href="#team">COMUNIDAD</a></li>
                  <li><a href="#contact">CONTACTANOS</a></li>
                </ul>
              </nav>
          </header>

    <!--TABLAS-->
        <div class="filter-btn"> 
             <!--INFO TABLE DATABASE-->
            <div class = "db_text_div hide_db">
                <table class="db_text_table opaco" >
                    <tr>
                        <td>
                            <h2 class="title subtitle_db">Productos</h2>
                        </td>
                        <td>
                            <h1 class="title">Base Datos</h1>
                        </td>
                        <td>
                            <h2 class="title subtitle_db" >Compañia</h2>
                        </td>
                    </tr>
                    <tr class="db_text_tr">
                        <td class="db_text_td">
                            <div class="db_text ">
                                <!--Texto Descripcion-->
                                <ol class="text_list">
                                    <li>Organisa Y crea productos</li>
                                    <li>Mira Estadisticas En tiempo real</li>
                                    <li>Modifica Listas anteriores</li>
                                    <li>Reordena Facil y Sensillo</li>
                                </ol>
                            </div>
                        </td>
                        <td class="db_img_td">
                            <div class="db_img ">
                            <!--Imagen Indexada-->
                            </div>
                            
                        </td>
                        <td class="db_text_td">
                            <div class="db_text">
                                <!--Texto Descripcion-->
                                <ol class="text_list">
                                    <li>Organisa y Documenta Servicios</li>
                                    <li>Realisa Inspeciones</li>
                                    <li>Grupos y organisaciones de Trabajo</li>
                                    <li>Planea tus trabajos a Furuto</li>
                                </ol>
                            </div>                        
                        </td>
                    </tr>
                </table>
            </div>
            <div id="opciones" class="opciones">
                <div class="toggle-btn ion-social-codepen adelante"></div>
                <div class="atras"><h2>Selecione!</h2></div>
            </div>
            <!--INFO MENSAJERIA DE TEXTO-->
            <div class = "msg_text_div hide_msg">
                <table class="msg_text_table opaco "> 
                    <tr>
                        <td><h2 class="title subtitle_msg">Envia Mensajes Rapido Sensillo</h2></td>
                        <td><h1 class="title">Mensajes</h1></td>
                    </tr>
                    <tr class="msg_text_tr">
                        <td class="msg_text_td">
                            <div class="msg_text">
                                <ol class="text_list">
                                    <li>Envia mensajes Trabajadores</li>
                                    <li>Envia mensajes Clientes</li>
                                    <li>Envia mensajes Empresas</li>
                                    <li>Envia mensajes Directivas </li>
                                </ol>
                            </div>
                        </td>
                        <td class="msg_img_td">
                                <div class="msg_img ">
                                <!--Imagen Indexada-->
                                </div>
                        </td>

                    </tr>
                </table>
            </div>
            <!--CONFIGURACIONES DE USUARIO-->
            <div class="conf_text_div hide_conf">
                <table class="conf_text_table opaco ">
                    <tr>
                        <td><h1 class="title">Configurar</h1></td>
                        <td><h2 class="title subtitle_conf">Configura y personaliza !</h2></td>
                    </tr>
                  <tr class="conf_text_tr">
                    <td class="conf_img_td">
                        <div class="conf_img ">
                            <!--Imagen Indexada-->
                        </div>
                        
                    </td>
                    <td class="conf_text_td">
                        <div class="conf_text">
                            <ol class="text_list">
                                <li>Configura encargos</li>
                                <li>Realisa modificaciones</li>
                                <li>Inspeciones De seguridad</li>
                                <li>Soluciona Errores</li>
                            </ol>
                        </div>
                    </td>
                  </tr>
                </table>
            </div>
            <!--TABLAS-->

        </div>

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