DEMO DE LA PLANTILLA UDES INTERNACIONAL

El contenido de esta página es demostrativo y está dirigido únicamente a los webmasters de este sitio web. Esta página web no será indexada en motores de búsqueda.

MegaMenu poster

Tabs

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo, justo sed pharetra tempus, lacus turpis accumsan ipsum, ac euismod lectus enim eget lectus. Morbi facilisis erat eget libero iaculis euismod. Quisque bibendum eros libero, in elementum metus bibendum eget. Nunc ultricies, dui id vestibulum gravida, lorem est volutpat ipsum, vel condimentum ipsum est a augue. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  • ULorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo, justo sed pharetra tempus, lacus turpis accumsan ipsum, ac euismod lectus enim eget lectus. Morbi facilisis erat eget libero iaculis euismod. Quisque bibendum eros libero, in elementum metus bibendum eget. Nunc ultricies, dui id vestibulum gravida, lorem est volutpat ipsum, vel condimentum ipsum est a augue. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatt.
  • DLorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo, justo sed pharetra tempus, lacus turpis accumsan ipsum, ac euismod lectus enim eget lectus. Morbi facilisis erat eget libero iaculis euismod. Quisque bibendum eros libero, in elementum metus bibendum eget. Nunc ultricies, dui id vestibulum gravida, lorem est volutpat ipsum, vel condimentum ipsum est a augue. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Ejemplo de Código HTML para tabs verticales orientados de lado izquierdo



<div class="my-tabs">
<ul uk-tab class="">
    <li><a href="#">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
</ul>

<ul class="uk-switcher uk-margin">
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo, justo sed pharetra tempus, lacus turpis accumsan ipsum, ac euismod lectus enim eget lectus. Morbi facilisis erat eget libero iaculis euismod. Quisque bibendum eros libero, in elementum metus bibendum eget. Nunc ultricies, dui id vestibulum gravida, lorem est volutpat ipsum, vel condimentum ipsum est a augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. </li>
    <li>ULorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo, justo sed pharetra tempus, lacus turpis accumsan ipsum, ac euismod lectus enim eget lectus. Morbi facilisis erat eget libero iaculis euismod. Quisque bibendum eros libero, in elementum metus bibendum eget. Nunc ultricies, dui id vestibulum gravida, lorem est volutpat ipsum, vel condimentum ipsum est a augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. </li>
    <li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatt.</li>
    <li>DLorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo, justo sed pharetra tempus, lacus turpis accumsan ipsum, ac euismod lectus enim eget lectus. Morbi facilisis erat eget libero iaculis euismod. Quisque bibendum eros libero, in elementum metus bibendum eget. Nunc ultricies, dui id vestibulum gravida, lorem est volutpat ipsum, vel condimentum ipsum est a augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. </li>
    <li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
</ul>
</div>

MY VERTICAL SWITCH RIGHT

  • Valor que le permite a un individuo reconocer, aceptar, apreciar y justipreciar su entorno social, el medio ambiente y su biodiversidad, las cualidades de los demás, su dignidad, derechos y obligaciones. Este valor debe regir las relaciones entre la institución y los miembros de la comunidad universitaria y del entorno, propiciando y preservando un medio ambiente sano y saludable.

  • Valor que garantiza el respeto por la voluntad individual e implica que cada cual actúa de acuerdo con su parecer, siendo responsable de sus actos y de los efectos de los mismos.

  • Valor que implica la intención de ayudar al prójimo y a la sociedad, sin esperar o recibir nada a cambio, asumiendo un compromiso por el bien común.

  • Integra los valores éticos y morales de la sociedad, en la búsqueda del mejoramiento social y económico.

  • Reconoce el valor de las personas y su talento, permitiendo la integración del trabajo de un grupo de individuos para actuar en conjunto, en un ambiente de confianza y respeto, compartiendo conocimientos, experiencias e información con el objetivo de lograr potenciar los resultados finales.

Ejemplo de Código HTML para tabs verticales orientados de lado izquierdo



<div uk-grid class="my-vertical-switch">
    <div class="[email protected] [email protected]">

        <ul class="my-tabs-right uk-nav uk-nav-default" uk-switcher="connect: #my-valores-tabs; animation: uk-animation-fade">
            <li><a href="#">Respeto</a></li>
            <li><a href="#">Libertad</a></li>
            <li><a href="#">Solidaridad</a></li>
        </ul>

    </div>
    <div class="[email protected]">

        <ul id="my-valores-tabs" class="uk-switcher">
            <li>
                <p>
                    Valor que le permite a un individuo reconocer, aceptar, 
                </p>
            </li>
            <li>
                <p>
                    Valor que garantiza el respeto por la voluntad individual 
                </p>
            </li>
            <li>
                <p>
                    Valor que implica la intención de ayudar al prójimo y a
                </p>
            </li>
        </ul>
    </div>
</div>


MY VERTICAL SWITCH LEFT

  • Es reconocer que el conocimiento y su representación científica y tecnológica tienen validez en cualquier contexto y el abordaje de su estudio es común a todo el conjunto de entidades con una naturaleza académica, independientemente de los pueblos, culturas y naciones, con sus diversos enfoques e intereses.

  • Es el ejercicio responsable de los actos de la Universidad como sujeto de derechos y deberes, que con probada buena voluntad, basa su actividad académica en su capacidad crítica con el fin de tomar decisiones que gobiernen su quehacer.

  • Es la vinculación de profesores y estudiantes, más allá de lo jurídico, con el noble propósito de unir esfuerzos para el desarrollo de la ciencia, la formación del hombre y el servicio a la sociedad.

  • Es el compromiso con la búsqueda de la verdad como fundamento para el desarrollo científico y tecnológico al servicio de la sociedad.

Ejemplo de Código HTML para tabs verticales orientados de lado derecho



<div uk-grid class="my-vertical-switch">
    <div class="[email protected]">
        <ul class="my-tabs-left uk-nav uk-nav-default" uk-switcher="connect: #my-valores-tabs; animation: uk-animation-fade">
            <li><a href="#">Respeto</a></li>
            <li><a href="#">Libertad</a></li>
            <li><a href="#">Solidaridad</a></li>
        </ul>
    </div>
    <div class="[email protected]">
        <ul id="my-valores-tabs" class="uk-switcher">
            <li>
                <p>
                    Valor que le permite a un individuo reconocer, aceptar, 
                </p>
            </li>
            <li>
                <p>
                    Valor que garantiza el respeto por la voluntad individual 
                </p>
            </li>
            <li>
                <p>
                    Valor que implica la intención de ayudar al prójimo y a
                </p>
            </li>
        </ul>
    </div>
</div>


TABS AND VERTICAL SWITCH

    • Msc. Tereana Jauregui Maldonado
      Directora Desarrollo Docente e Innovación Educativa

      Microbióloga y Magister en Educación con mención en pedagogía, profesora de pregrado y posgrado así como autora de tomos curriculares y procesos de formación de formadores en universidades del ámbito nacional y en los países de México, Panamá, Costa Rica y Perú,. Coautora del Modelo de evaluación integral del profesor universitario, y autora de libros académicos en educación y sistemas de gestión de la calidad en empresas prestadoras de servicios de salud.

    • José Edisson Loza Tibaquira
      Director de Biblioteca

      Profesional en Bibliotecología y Archivística, egresado de la Universidad De La Salle Bogotá con experiencia profesional en Organización y Administración de Unidades de Información adquirida mediante el desarrollo de proyectos para bibliotecas Universitarias, escolares y Centros de información y archivos. Con Formación en: Tendencias actuales en la evaluación y mejoramiento de la calidad. (UDES). Programa de capacitación en el manejo de bases de datos, hemeroteca en línea, herramientas para la evaluación de los servicios bibliotecarios. Indicadores de desempeño para bibliotecas norma ISO 11620. Propiedad intelectual. Ponencia: banco de objetos virtuales de aprendizaje en la UDES. Catalogación de ovas para la creación del banco de objetos virtuales de aprendizaje – UDES. Repositorios institucionales como instrumento en la ruta verde. Jornada de reflexión y construcción pedagógica-UDES. Metadatos redas – min educación –Colombia. Desarrollando sus habilidades para ser líder coach de su equipo. Gestión de calidad y certificación ISO 9001:2015. Actualización laboral 2016 – FENALCO. Encuentro usuarios Ebsco Discovery Service.

    • Msc. Diana Margarita Villa-Roel Gutiérrez
      Directora Desarrollo Estudiantil

      Psicóloga graduada de la Universidad de los Andes, con Maestría en Psicología de la Universidad del Norte, Especialización en Psicología Clínica de la misma Universidad y Especialización en Gestión Humana de la Universidad Autónoma de Bucaramanga. Actualmente adelanta estudios de doctorado en Educación en la Universidad Norbert Weiner.

    • Dr. Mauricio Salazar
      Asesor Jurídico y de normas institucionales.

      Abogado de la Universidad Autónoma de Bucaramanga con especialización en Derecho Comercial de la Universidad del Externado. Estudios en Régimen de insolvencia persona natural no comerciante con la Universidad de Medellín. Métodos alternativos de Solución de conflictos-Cámara de Comercio Bucaramanga. Experiencia docente y en Gestión universitaria, 33 años.

    • Jorge Eduardo Quintero
      Director de Planeación Académica

      Ingeniero Electricista, egresado de la Universidad Industrial de Santander. Posgrado en Telecomunicaciones UIS. Habilidad en el diseño, desarrollo e innovación de tecnologías electrónicas para aplicaciones industriales y médicas. Con capacidad de liderazgo y trabajo en equipo. Trabajo por objetivos y resultados. Gran capacidad de comunicación. Excelentes relaciones humanas. Persona con altos valores morales y éticos. Investigador y estudioso. Experiencia en docencia universitaria desde 1993 con las Unidades Tecnológicas de Santander, Universidad Manuela Beltran, Universidad Industrial de Santander, Universidad Nacional Abierta y a Distancia, Universidad Antonio Nariño y la Universidad de Santander (UDES). Amplia experiencia en la educación virtual, diseñando, creando y dirigiendo cursos virtuales. Dirección de más de 25 proyectos de investigación. Directivo académico universitario desde 2006 a 2013 con la Universidad Manuela Beltrán como Director del Programa de Ingeniería Biomédica. Experiencia en procesos de registro calificado y de acreditación en alta calidad de programas de educación superior. Miembro fundador y actual Secretario de la Asociación Colombiana de Bioingeniería y Electrónica Médica (ABIOIN).

    • John Camilo Mendoza
      Director de Docencia

      Ingeniero de Sistemas de la Universidad Francisco de Paula Santander, Especialista en Ingeniería de software de la Universidad Antonio Nariño, Especialista en Gerencia de empresas de la Universidad de Santander, Magister en Dirección estratégica especialidad en gerencia orientación en recursos humanos y gestión del conocimiento de la Universidad Internacional Iberoamericana en Puerto Rico. Con 22 años de experiencia docente en Educación Superior y 20 años de experiencia en cargos administrativos-académicos en Educación Superior.

    • Hedilka Jiménez
      Vicerrectora Académica

      Vicerectora Acádemica

Ejemplo de Código HTML para tabs agrupadas, tabs horizontales junto a tabs verticales



<ul uk-tab class="">
   <li><a href="#">Bucaramanga</a></li>
   <li><a href="#">Cúcuta</a></li>
   <li><a href="#">Valledupar</a></li>
</ul>
<ul class="uk-switcher uk-margin">
   <li id="Bucaramanga">
      <div uk-grid class="my-vertical-switch">
         <div class="[email protected]">
            <ul class="my-tabs-left uk-nav uk-nav-default" uk-switcher="connect: #my-bucaramanga-tabs; animation: uk-animation-fade">
               <li><a href="#">Msc. Tereana Jauregui Maldonado</a></li>
               <li><a href="#">José Edisson Loza Tibaquira</a></li>
               <li><a href="#">Msc. Diana Margarita Villa-Roel Gutiérrez</a></li>
               <li><a href="#">Dr. Mauricio Salazar</a></li>
               <li><a href="#">Jorge Eduardo Quintero</a></li>
            </ul>
         </div>
         <div class="[email protected]">
            <ul id="my-bucaramanga-tabs" class="uk-switcher">
               <li>
                  <div class="padding-x-md">
                     <img src="/images/2019/07/08/tereana-jauregui-maldonado.png" alt="" class="padding-x-md padding-right-md col-md-3">
                     <h5>Msc. Tereana Jauregui Maldonado</h5>
                     <a href=""></a>
                     <h6>Directora Desarrollo Docente e Innovación Educativa</h6>
                     <p style="">Microbióloga y Magister en Educación con mención en pedagogía, profesora de pregrado y posgrado así como autora de tomos curriculares y procesos de formación de formadores en universidades del ámbito nacional y en los países de México, Panamá, Costa Rica y Perú,. Coautora del Modelo de evaluación integral del profesor universitario, y autora de libros académicos en educación y sistemas de gestión de la calidad en empresas prestadoras de servicios de salud.</p>
                  </div>
               </li>
               <li>
                  <div class="padding-x-md">
                     <img src="images/2019/07/08/jose-edisson-loza.png" alt="" class="padding-x-md padding-right-md col-md-3">
                     <h5> José Edisson Loza Tibaquira</h5>
                     <h6>Director de Biblioteca</h6>
                     <div>
                        <p>
                           Profesional en Bibliotecología y Archivística, egresado de la Universidad De La Salle Bogotá con experiencia profesional en Organización y Administración de Unidades de Información adquirida mediante el desarrollo de proyectos para bibliotecas Universitarias, escolares y Centros de información y archivos. Con Formación en: Tendencias actuales en la evaluación y mejoramiento de la calidad. (UDES). Programa de capacitación en el manejo de bases de datos, hemeroteca en línea, herramientas para la evaluación de los servicios bibliotecarios. Indicadores de desempeño para bibliotecas norma ISO 11620. Propiedad intelectual. Ponencia: banco de objetos virtuales de aprendizaje en la UDES. Catalogación de ovas para la creación del banco de objetos virtuales de aprendizaje – UDES. Repositorios institucionales como instrumento en la ruta verde. Jornada de reflexión y construcción pedagógica-UDES. Metadatos redas – min educación –Colombia. Desarrollando sus habilidades para ser líder coach de su equipo. Gestión de calidad y certificación ISO 9001:2015. Actualización laboral 2016 – FENALCO. Encuentro usuarios Ebsco Discovery Service.
                        </p>
                     </div>
                  </div>
               </li>
               <li>
                  <div class="padding-x-md">
                     <img src="images/2019/07/08/diana-villa-roel.png" alt="" class="padding-x-md padding-right-md col-md-3">
                     <h5>Msc. Diana Margarita Villa-Roel Gutiérrez</h5>
                     <h6>
                        Directora Desarrollo Estudiantil
                     </h6>
                     <div>
                        <p>Psicóloga graduada de la Universidad de los Andes, con Maestría en Psicología de la Universidad del Norte, Especialización en Psicología Clínica de la misma Universidad y Especialización en Gestión Humana de la Universidad Autónoma de Bucaramanga. Actualmente adelanta estudios de doctorado en Educación en la Universidad Norbert Weiner.</p>
                     </div>
                  </div>
               </li>
               <li>
                  <div class="padding-x-md">
                     <img src="/images/2019/07/08/mauricio-salazar.png" alt="" class="padding-x-md padding-right-md col-md-3">
                     <h5>Dr. Mauricio Salazar</h5>
                     <h6>
                        Asesor Jurídico y de normas institucionales.
                     </h6>
                     <div>
                        <p>Abogado de la Universidad Autónoma de Bucaramanga con especialización en Derecho Comercial de la Universidad del Externado. Estudios en Régimen de insolvencia persona natural no comerciante con la Universidad de Medellín. Métodos alternativos de Solución de conflictos-Cámara de Comercio Bucaramanga. Experiencia docente y en Gestión universitaria, 33 años.</p>
                     </div>
                  </div>
               </li>
               <li>
                  <div class="padding-x-md">
                     <img src="/images/2019/07/08/jorgeeduardo.png" alt="" class="padding-x-md padding-right-md col-md-3">
                     <h5>Jorge Eduardo Quintero</h5>
                     <h6>
                        Director de Planeación Académica
                     </h6>
                     <div>
                        <p>Ingeniero Electricista, egresado de la Universidad Industrial de Santander. Posgrado en Telecomunicaciones UIS. Habilidad en el diseño, desarrollo e innovación de tecnologías electrónicas para aplicaciones industriales y médicas. Con capacidad de liderazgo y trabajo en equipo. Trabajo por objetivos y resultados. Gran capacidad de comunicación. Excelentes relaciones humanas. Persona con altos valores morales y éticos. Investigador y estudioso. Experiencia en docencia universitaria desde 1993 con las Unidades Tecnológicas de Santander, Universidad Manuela Beltran, Universidad Industrial de Santander, Universidad Nacional Abierta y a Distancia, Universidad Antonio Nariño y la Universidad de Santander (UDES). Amplia experiencia en la educación virtual, diseñando, creando y dirigiendo cursos virtuales. Dirección de más de 25 proyectos de investigación. Directivo académico universitario desde 2006 a 2013 con la Universidad Manuela Beltrán como Director del Programa de Ingeniería Biomédica. Experiencia en procesos de registro calificado y de acreditación en alta calidad de programas de educación superior. Miembro fundador y actual Secretario de la Asociación Colombiana de Bioingeniería y Electrónica Médica (ABIOIN).</p>
                     </div>
                  </div>
               </li>
            </ul>
         </div>
      </div>
   </li>
   <li id="Cucuta">
      <div uk-grid class="my-vertical-switch">
         <div class="[email protected]">
            <ul class="my-tabs-left uk-nav uk-nav-default" uk-switcher="connect: #my-cucuta-tabs; animation: uk-animation-fade">
               <li><a href="#">John Camilo Mendoza</a></li>
            </ul>
         </div>
         <div class="[email protected]">
            <ul id="my-cucuta-tabs" class="uk-switcher">
               <li>
                  <div class="padding-x-md">
                     <img src="/images/2019/07/08/camilomendoza.png" alt="" class="padding-x-md padding-right-md col-md-3">
                     <h5>
                        John Camilo Mendoza
                     </h5>
                     <h6>
                        Director de Docencia
                     </h6>
                     <p style="">Ingeniero de Sistemas de la Universidad Francisco de Paula Santander, Especialista en Ingeniería de software de la Universidad Antonio Nariño, Especialista en Gerencia de empresas de la Universidad de Santander, Magister en Dirección estratégica especialidad en gerencia orientación en recursos humanos y gestión del conocimiento de la Universidad Internacional Iberoamericana en Puerto Rico. Con 22 años de experiencia docente en Educación Superior y 20 años de experiencia en cargos administrativos-académicos en Educación Superior.</p>
                  </div>
               </li>
            </ul>
         </div>
      </div>
   </li>
   <li id="Valledupar">
      <div uk-grid class="my-vertical-switch">
         <div class="[email protected]">
            <ul class="my-tabs-left uk-nav uk-nav-default" uk-switcher="connect: #my-valledupar-tabs; animation: uk-animation-fade">
               <li><a href="#"> Hedilka Jiménez</a></li>
            </ul>
         </div>
         <div class="[email protected]">
            <ul id="my-valledupar-tabs" class="uk-switcher">
               <li>
                  <div class="padding-x-md">
                     <img src="/images/2019/07/08/hedilka_jimenez.png" alt="" class="padding-x-md padding-right-md col-md-3">
                     <h5>
                        Hedilka Jiménez
                     </h5>
                     <h6>
                        Vicerrectora Académica
                     </h6>
                     <p>Vicerectora Acádemica
                     </p>
                  </div>
               </li>
            </ul>
         </div>
      </div>
   </li>
</ul>

Accordion

  • Item 1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Item 2

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor reprehenderit.

  • Item 3

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat proident.

Ejemplo de Código HTML para tabs agrupadas, tabs horizontales junto a tabs verticales


<ul uk-accordion>
    <li class="uk-open">
        <a class="uk-accordion-title" href="#">Item 1</a>
        <div class="uk-accordion-content">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
    </li>
    <li>
        <a class="uk-accordion-title" href="#">Item 2</a>
        <div class="uk-accordion-content">
            <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor reprehenderit.</p>
        </div>
    </li>
    <li>
        <a class="uk-accordion-title" href="#">Item 3</a>
        <div class="uk-accordion-content">
            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat proident.</p>
        </div>
    </li>
</ul>

grilla para destacar servicios - clean

Ejemplo de Código HTML para GRILLA PARA DESTACAR SERVICIOS - CLEAN



<div class="[email protected]" uk-grid>
    <div>

        <div class="my-card-small-height my-card-info uk-inline">
            <a  href="#">
            <img src="/images/imagenes-de-pruebas/test.jpg" alt="">
            <div class="my-full-bg uk-position-cover"></div>
            <div class="uk-position-bottom">
                <div class="my-title text-center text-white">
                    <h4>Cursos</h4>
                </div>
            </div>
            </a>
        </div>

    </div>

    <div>
        <div class="my-card-small-height my-card-info uk-inline">
            <a  href="#">
            <img src="/images/imagenes-de-pruebas/test.jpg" alt="">
            <div class="my-full-bg uk-position-cover"></div>
            <div class="uk-position-bottom">
                <div class="my-title text-center text-white">
                    <h4>Certificados</h4>
                </div>
            </div>
            </a>
        </div>
    </div>


    <div>
        <div class="my-card-small-height my-card-info uk-inline">
            <a  href="#">
            <img src="/images/imagenes-de-pruebas/test.jpg" alt="">
            <div class="my-full-bg uk-position-cover"></div>
            <div class="uk-position-bottom">
                <div class="my-title text-center text-white">
                    <h4>Certificados</h4>
                </div>
            </div>
            </a>
        </div>
    </div>
</div>


GRILLA PARA DESTACAR SERVICIOS - CARDS FULL

Ejemplo de Código HTML para GRILLA PARA DESTACAR SERVICIOS - CARDS FULL


<div class="[email protected]" uk-grid>
   <div>
      <div class="uk-inline my-card-info my-card-medium-height">
         <a href="#1">
            <img src="/images/imagenes-de-pruebas/test.jpg" alt="">
            <div  class="my-full-bg uk-overlay-default uk-position-cover"></div>
            <div class="my-border-bottom-primary uk-overlay uk-overlay-default uk-position-bottom">
               <div class="my-title my-h4-minor text-center">
                  <h4>Programas Interdisciplinarios</h4>
                  <p  class="my-text">
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo,
                  </p>
                  <div class="my-btn-border my-btn text-right">
                     <button class="margin-top-md sppb-btn sppb-btn-primary">Ver todos</button>            
                  </div>
               </div>
            </div>
         </a>
      </div>
   </div>
   <div>
      <div class="uk-inline my-card-info my-card-medium-height">
         <a href="#2">
            <img src="/images/imagenes-de-pruebas/test.jpg" alt="">
            <div  class="my-full-bg uk-overlay-default uk-position-cover"></div>
            <div class="my-border-bottom-warning uk-overlay uk-overlay-default uk-position-bottom">
               <div class="my-title my-h4-minor text-center">
                  <h4>Programas Corporativos</h4>
                  <p  class="my-text">
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo,
                  </p>
                  <div class="my-btn-border my-btn text-right">
                     <button class="margin-top-md sppb-btn sppb-btn-primary">Ver todos</button>         
                  </div>
               </div>
            </div>
         </a>
      </div>
   </div>
   <div>
      <div class="uk-inline my-card-info my-card-medium-height">
         <a href="#3">
            <img src="/images/imagenes-de-pruebas/test.jpg" alt="">
            <div  class="my-full-bg uk-overlay-default uk-position-cover"></div>
            <div class="my-border-bottom-success uk-overlay uk-overlay-default uk-position-bottom">
               <div class="my-title my-h4-minor text-center">
                  <h4>Programas Especiales</h4>
                  <p  class="my-text">
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo,
                  </p>
                  <div class="my-btn-border my-btn text-right">
                     <button class="margin-top-md sppb-btn sppb-btn-primary">Ver todos</button>    
                  </div>
               </div>
            </div>
         </a>
      </div>
   </div>
</div>


Heading Page Title

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Ejemplo de Código HTML para los diferentes estilos de encabezados


<h1>Heading One</h1>
<h2>Heading Two</h2>
<h3>Heading Three</h3>
<h4>Heading Four</h4>
<h5>Heading Five</h5>
<h6>Heading Six</h6>

Eva Baranová, República Checa
Necesito decir que la UDES también es una universidad hermosa, con un ambiente muy amigable
Eva Baranová, República Checa Estudiante
Tarek Abdelhamid Abdalla, Palestina
Estoy orgulloso de la universidad. Me dio muchas oportunidades y me formó como profesional
Tarek Abdelhamid Abdalla, Palestina Estudiante

Cargar un addon SP builder de Testimonio, limpiar todos sus atributos de estilo, y solo agregar la clase:


my-testimonial 

Investigadores de la UDES

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum. Pellentesque ultrices ultrices sapien, nec tincidunt nunc posuere ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque tristique dolor vitae tincidunt. Aenean quis massa uada mi elementum elementum. Nec sapien convallis vulputate rhoncus vel dui.

Cargar un addon SP builder de "Text Block", limpiar todos sus atributos de estilo, y solo agregar la clase:


my-block

Si deseas agregar un padding automático agregar junto la clase:


panel-body

Investigadores de la UDES

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum. Pellentesque ultrices ultrices sapien, nec tincidunt nunc posuere ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque tristique dolor vitae tincidunt. Aenean quis massa uada mi elementum elementum. Nec sapien convallis vulputate rhoncus vel dui.

Cargar un addon SP builder de "Text Block", limpiar todos sus atributos de estilo, y solo agregar la clase:


my-block-default

Si deseas agregar un padding automático agregar junto la clase:


panel-body

Investigadores de la UDES

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum. Pellentesque ultrices ultrices sapien, nec tincidunt nunc posuere ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque tristique dolor vitae tincidunt. Aenean quis massa uada mi elementum elementum. Nec sapien convallis vulputate rhoncus vel dui.

Cargar un addon SP builder de "Text Block", limpiar todos sus atributos de estilo, y solo agregar la clase:


my-block-primary

Si deseas agregar un padding automático agregar junto la clase:


panel-body

Investigadores de la UDES

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum. Pellentesque ultrices ultrices sapien, nec tincidunt nunc posuere ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque tristique dolor vitae tincidunt. Aenean quis massa uada mi elementum elementum. Nec sapien convallis vulputate rhoncus vel dui.

Cargar un addon SP builder de "Text Block", limpiar todos sus atributos de estilo, y solo agregar la clase:


my-block-dark

Si deseas agregar un padding automático agregar junto la clase:


panel-body

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-muted

.text-white

Una colección de clases de utilidad para dar estilo al texto. combine este componente con el componente de encabezado para diseñar su contenido.

Recuerda usar la etiqueta:

<p>Mi párrafo o texto</p>

Cree fácilmente botones bonitos, que vienen en diferentes estilos. Agregando la clase


.btn

Adicionalmente agregar la clase .btn-x donde "x" son los nombres que aparecen en la lista


.btn-primary

Para usar los botones solo con bordes, en el DIV padre usar la clase


.my-btn-border

Image

Heading three

Lorem ipsum dolom est volutpat ipsum, vel condimentum ipsum est a augue. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Image

Heading three

Lorem ipsum dolom est volutpat ipsum, vel condimentum ipsum est a augue. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Image

Heading three

Lorem ipsum dolom est volutpat ipsum, vel condimentum ipsum est a augue. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Image
Heading five
Image
Heading five
Image
Heading five

February 07, 2010

Include Component Anywhere

Include Component Anywhere - Plugin for Flex

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

February 07, 2010

August 18, 2013

Custom Post Format

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Custom Post Format

21 May 2016

Standard Post Format

Standard PostLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

21 May 2016

September 16, 2017

Gallery Post Image

Gallery Post ImageLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

October 25, 2017

Audio Posts Mixcloud

Audio Post Mixcloud

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

October 25, 2017

November 30, 2018

Video Post Format

Video Post Mixcloud

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

March 16, 2019

3.7 Version released

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

March 16, 2019

December 05, 2021

Final release!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Image
Servicios
Sistema Génesis Sistema GALILEO Directorio Telefónico