@ussebastian/kitdigital
Version:
Kit Digital de la Universidad San Sebastián
154 lines (153 loc) • 6.25 kB
HTML
<footer class="uss-footer w-100">
<div class="uss-footer-sublinks">
<div class="container py-128">
<div class="row gap-64">
<div class="col-md-3">
<aside class="uss-linked-list">
<h6 class="h6 mb-20">La uiversidad</h6>
<ul class="uss-linked-list__items">
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link">
Proyecto Educativo
<i class="uss-icon ri-external-link-line"></i>
</a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Nuestra Institución </a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> ¿Por qué la USS? </a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Extesión Cultural </a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Nuestras Redes Sociales </a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Vinculación con el Medio </a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link">
Trabaja en la USS
<i class="uss-icon ri-external-link-line"></i>
</a>
</li>
</ul>
</aside>
</div>
<div class="col-md-3">
<aside class="uss-linked-list">
<h6 class="h6 mb-20">Estudiantes</h6>
<ul class="uss-linked-list__items">
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link">
Bienestar Estudiantil
<i class="uss-icon ri-external-link-line"></i>
</a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Vida Universitaria </a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Deportes </a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Voluntariados </a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Desarrollo y Liderazgo </a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Nuevos Sebastianos </a>
</li>
</ul>
</aside>
</div>
<div class="col-md-3">
<aside class="uss-linked-list">
<h6 class="h6 mb-20">Acreditación</h6>
<ul class="uss-linked-list__items">
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link">
Acreditación Institucional
<i class="uss-icon ri-external-link-line"></i>
</a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Acreditación de Carreras y Programas </a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Equipo </a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Sitios de Interés </a>
</li>
<li class="uss-linked-list__item">
<a href="#" class="uss-btn uss-btn--link"> Desarrollo y Liderazgo </a>
</li>
</ul>
</aside>
</div>
</div>
</div>
</div>
<div class="uss-footer-main">
<div class="container uss-footer__logos">
<img class="uss-logo hide-on-mobile" src="https://dummyimage.com/260x80/" alt="Logo USS" />
<img
class="uss-logo show-on-mobile"
src="https://dummyimage.com/385x120/"
alt="Logo Acreditación USS"
/>
<img class="uss-logo" src="https://dummyimage.com/337x80/" alt="Logo USS" />
</div>
</div>
<div class="dark uss-footer-baseline">
<div class="container">
<div class="row uss-footer__wrapper">
<div class="col-lg-6 uss-footer__links">
<ul class="uss-footer__nav">
<li class="uss-footer__item">
<a class="uss-footer__link" href="http://">Ver politicas de privacidad</a>
</li>
<li>
<a class="uss-footer__link" href="http://">Términos legales</a>
</li>
<li>
<a class="uss-footer__link" href="http://">Preguntas frecuentes</a>
</li>
</ul>
</div>
<div class="col-lg-6 uss-footer__phone-socials">
<a class="uss-link uss-link--phone" href="phone:600 771 3000">
<i class="uss-icon ri-phone-line"></i>
600 771 3000
</a>
<ul class="uss-footer__nav uss-footer__nav-social">
<li class="uss-footer__item">
<a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="">
<i class="uss-icon ri-s ri-facebook-line"></i>
</a>
</li>
<li class="uss-footer__item">
<a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="">
<i class="uss-icon ri-s ri-twitter-line"></i>
</a>
</li>
<li class="uss-footer__item">
<a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="">
<i class="uss-icon ri-s ri-instagram-line"></i>
</a>
</li>
<li class="uss-footer__item">
<a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="">
<i class="uss-icon ri-s ri-youtube-line"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>