@ussebastian/kitdigital
Version:
Kit Digital de la Universidad San Sebastián
77 lines (71 loc) • 5.08 kB
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="uss-alert-message uss-alert-message--info" id="modalInfo">
<button class="uss-alert-message__close-button" data-uss-close-target="#modalInfo">
<i class="uss-icon ri-close-line uss-alert-message__close-icon"></i>
</button>
<div class="uss-alert-message__content">
<i class="uss-icon ri-information-line ri-xl uss-alert-message__icon"></i>
<div class="uss-alert-message__text">
<h3 class="h5 uss-alert-message__title">Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis</h3>
<p class="uss-alert-message__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis</p>
</div>
</div>
</div>
</section>
<section class="mb-64">
<div class="uss-alert-message uss-alert-message--success" id="modalSuccess">
<button class="uss-alert-message__close-button" data-uss-close-target="#modalSuccess">
<i class="uss-icon ri-close-line uss-alert-message__close-icon"></i>
</button>
<div class="uss-alert-message__content">
<i class="uss-icon ri-information-line ri-xl uss-alert-message__icon"></i>
<div class="uss-alert-message__text">
<h3 class="h5 uss-alert-message__title">Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis</h3>
<p class="uss-alert-message__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis</p>
</div>
</div>
</div>
</section>
<section class="mb-64">
<div class="uss-alert-message uss-alert-message--warning" id="modalWarning">
<button class="uss-alert-message__close-button" data-uss-close-target="#modalWarning">
<i class="uss-icon ri-close-line uss-alert-message__close-icon"></i>
</button>
<div class="uss-alert-message__content">
<i class="uss-icon ri-information-line ri-xl uss-alert-message__icon"></i>
<div class="uss-alert-message__text">
<h3 class="h5 uss-alert-message__title">Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis</h3>
<p class="uss-alert-message__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis</p>
</div>
</div>
</div>
</section>
<section class="mb-64">
<div class="uss-alert-message uss-alert-message--error" id="modalError">
<button class="uss-alert-message__close-button" data-uss-close-target="#modalError">
<i class="uss-icon ri-close-line uss-alert-message__close-icon"></i>
</button>
<div class="uss-alert-message__content">
<i class="uss-icon ri-information-line ri-xl uss-alert-message__icon"></i>
<div class="uss-alert-message__text">
<h3 class="h5 uss-alert-message__title">Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis</h3>
<p class="uss-alert-message__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis</p>
</div>
</div>
</div>
</section>
</div>
<script src="/js/main.js" type="module"></script>
</body>
</html>