@ussebastian/kitdigital

<!DOCTYPE html> <html> <head> <title>Kit Digital - Universidad San Sebastían</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="/css/theme.css" rel="stylesheet" type="text/css" /> <link href="/css/main.css" rel="stylesheet" type="text/css" /> </head> <body class> <div class="container my-80"> <section class="mb-64"> <div class="d-flex justify-content-between align-items-center"> <span>Kit Digital USS</span> <code id="version"></code> </div> <hr> </section> <section class="mb-160"> <div class="row flex mb-40"> <div class="col-lg-4 col-sm-6"> <div class="uss-card"> <img lazy class="uss-card__img" src="https://dummyimage.com/640x3:4/" alt="dummyimage"> <div class="uss-card__body"> <h3>Nombre persona</h3> <hr class="my-20"> <p>Descripción persona</p> <a href="mailto:nombre@uss.cl" class="uss-btn uss-btn--tertiary uss-btn--small mb-20 "> <i class="uss-icon ri-mail-line"></i> nombre@uss.cl </a> <div class="flex gap-4 mb-32"> <a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="#" target="_blank"> <i class="uss-icon uss-icon--sm ri-linkedin-box-line"></i> </a> <a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="#" target="_blank"> <i class="uss-icon uss-icon--sm ri-facebook-circle-line"></i> </a> <a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="#" target="_blank"> <i class="uss-icon uss-icon--sm ri-twitter-line"></i> </a> </div> <a href="#" class="uss-btn uss-btn--tertiary"> Más sobre persona <i class="uss-icon ri-arrow-right-circle-line"></i> </a> </div> </div> </div> <div class="col-lg-4 col-sm-6"> <div class="uss-card uss-card--background-alt"> <img lazy class="uss-card__img" src="https://dummyimage.com/640x3:4/" alt="dummyimage"> <div class="uss-card__body"> <h3>Nombre persona</h3> <hr class="my-20"> <p>Descripción persona</p> <a href="mailto:nombre@uss.cl" class="uss-btn uss-btn--tertiary uss-btn--small mb-20 "> <i class="uss-icon ri-mail-line"></i> nombre@uss.cl </a> <div class="flex gap-4 mb-32"> <a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="#" target="_blank"> <i class="uss-icon uss-icon--sm ri-linkedin-box-line"></i> </a> <a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="#" target="_blank"> <i class="uss-icon uss-icon--sm ri-facebook-circle-line"></i> </a> <a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="#" target="_blank"> <i class="uss-icon uss-icon--sm ri-twitter-line"></i> </a> </div> <a href="#" class="uss-btn uss-btn--tertiary"> Más sobre persona <i class="uss-icon ri-arrow-right-circle-line"></i> </a> </div> </div> </div> <div class="col-lg-4 col-sm-6"> <div class="uss-card"> <img lazy class="uss-card__img" src="https://dummyimage.com/640x3:4/" alt="dummyimage"> <div class="uss-card__body"> <h3>Nombre persona</h3> <hr class="my-20"> <p>Descripción persona</p> <a href="mailto:nombre@uss.cl" class="uss-btn uss-btn--tertiary uss-btn--small mb-20 "> <i class="uss-icon ri-mail-line"></i> nombre@uss.cl </a> <div class="flex gap-4 mb-32"> <a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="#" target="_blank"> <i class="uss-icon uss-icon--sm ri-linkedin-box-line"></i> </a> <a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="#" target="_blank"> <i class="uss-icon uss-icon--sm ri-facebook-circle-line"></i> </a> <a class="uss-btn uss-btn--icon uss-btn--icon-sm" href="#" target="_blank"> <i class="uss-icon uss-icon--sm ri-twitter-line"></i> </a> </div> <a href="#" class="uss-btn uss-btn--tertiary"> Más sobre persona <i class="uss-icon ri-arrow-right-circle-line"></i> </a> </div> </div> </div> </div> </div> <script src="/js/main.js" type="module"></script> </body> </html>