@ussebastian/kitdigital
Version:
Kit Digital de la Universidad San Sebastián
250 lines (248 loc) • 12.3 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>
<div>
<section>
<div data-uss-carousel="uss-carousel-content" data-uss-speed="100" data-uss-loop>
<div class="uss-carousel-content__slide">
<div class="uss-carousel-content__img-contianer">
<img
src="https://dummyimage.com/2700x1800/"
alt="Dummy"
class="uss-carousel-content__img"
/>
</div>
<div class="uss-carousel-content__body">
<div class="uss-carousel-content__body-intro">Metadato introductorio 1</div>
<h2 class="uss-carousel-content__body-title">Estamos probando un texto</h2>
<p class="uss-carousel-content__body-bajada">
diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra
orci sagittis eu volutpat odio facilisis mauris sit amet massa vitae tortor
condimentum lacinia quis vel eros
</p>
<a href="#" class="uss-btn uss-btn--tertiary uss-btn--no-padding">
Boton terciario<i class="uss-icon ri-arrow-right-line"></i
></a>
</div>
</div>
<div class="uss-carousel-content__slide">
<div class="uss-carousel-content__img-contianer">
<img
src="https://dummyimage.com/1640x800/"
alt="Dummy"
class="uss-carousel-content__img"
/>
</div>
<div class="uss-carousel-content__body">
<div class="uss-carousel-content__body-intro">Metadato introductorio</div>
<h2 class="uss-carousel-content__body-title">
Lorem ipsum dolor sit amet, consecteturd adipiscing elit
</h2>
<p class="uss-carousel-content__body-bajada">
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.
</p>
<a href="#" class="uss-btn uss-btn--tertiary uss-btn--no-padding">
Boton terciario<i class="uss-icon ri-arrow-right-line"></i
></a>
</div>
</div>
<div class="uss-carousel-content__slide">
<div class="uss-carousel-content__img-contianer">
<img
src="https://dummyimage.com/1640x800/"
alt="Dummy"
class="uss-carousel-content__img"
/>
</div>
<div class="uss-carousel-content__body">
<div class="uss-carousel-content__body-intro">Metadato introductorio</div>
<h2 class="uss-carousel-content__body-title">
Lorem ipsum dolor sit amet, consecteturd adipiscing elit
</h2>
<p class="uss-carousel-content__body-bajada">
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.
</p>
<a href="#" class="uss-btn uss-btn--tertiary uss-btn--no-padding">
Boton terciario<i class="uss-icon ri-arrow-right-line"></i
></a>
</div>
</div>
<div class="uss-carousel-content__slide">
<div class="uss-carousel-content__img-contianer">
<img
src="https://dummyimage.com/1640x800/"
alt="Dummy"
class="uss-carousel-content__img"
/>
</div>
<div class="uss-carousel-content__body">
<div class="uss-carousel-content__body-intro">Metadato introductorio</div>
<h2 class="uss-carousel-content__body-title">
Lorem ipsum dolor sit amet, consecteturd adipiscing elit
</h2>
<p class="uss-carousel-content__body-bajada">
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.
</p>
<a href="#" class="uss-btn uss-btn--tertiary uss-btn--no-padding">
Boton terciario<i class="uss-icon ri-arrow-right-line"></i
></a>
</div>
</div>
<div class="uss-carousel-content__slide">
<div class="uss-carousel-content__img-contianer">
<img
src="https://dummyimage.com/1640x800/"
alt="Dummy"
class="uss-carousel-content__img"
/>
</div>
<div class="uss-carousel-content__body">
<div class="uss-carousel-content__body-intro">Metadato introductorio</div>
<h2 class="uss-carousel-content__body-title">
Lorem ipsum dolor sit amet, consecteturd adipiscing elit
</h2>
<p class="uss-carousel-content__body-bajada">
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.
</p>
<a href="#" class="uss-btn uss-btn--tertiary uss-btn--no-padding">
Boton terciario<i class="uss-icon ri-arrow-right-line"></i
></a>
</div>
</div>
<div class="uss-carousel-content__slide">
<div class="uss-carousel-content__img-contianer">
<img
src="https://dummyimage.com/1640x800/"
alt="Dummy"
class="uss-carousel-content__img"
/>
</div>
<div class="uss-carousel-content__body">
<div class="uss-carousel-content__body-intro">Metadato introductorio</div>
<h2 class="uss-carousel-content__body-title">
Lorem ipsum dolor sit amet, consecteturd adipiscing elit
</h2>
<p class="uss-carousel-content__body-bajada">
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.
</p>
<a href="#" class="uss-btn uss-btn--tertiary uss-btn--no-padding">
Boton terciario<i class="uss-icon ri-arrow-right-line"></i
></a>
</div>
</div>
<div class="uss-carousel-content__slide">
<div class="uss-carousel-content__img-contianer">
<img
src="https://dummyimage.com/1640x800/"
alt="Dummy"
class="uss-carousel-content__img"
/>
</div>
<div class="uss-carousel-content__body">
<div class="uss-carousel-content__body-intro">Metadato introductorio</div>
<h2 class="uss-carousel-content__body-title">
Lorem ipsum dolor sit amet, consecteturd adipiscing elit
</h2>
<p class="uss-carousel-content__body-bajada">
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.
</p>
<a href="#" class="uss-btn uss-btn--tertiary uss-btn--no-padding">
Boton terciario<i class="uss-icon ri-arrow-right-line"></i
></a>
</div>
</div>
<div class="uss-carousel-content__slide">
<div class="uss-carousel-content__img-contianer">
<img
src="https://dummyimage.com/1640x800/"
alt="Dummy"
class="uss-carousel-content__img"
/>
</div>
<div class="uss-carousel-content__body">
<div class="uss-carousel-content__body-intro">Metadato introductorio</div>
<h2 class="uss-carousel-content__body-title">
Lorem ipsum dolor sit amet, consecteturd adipiscing elit
</h2>
<p class="uss-carousel-content__body-bajada">
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.
</p>
<a href="#" class="uss-btn uss-btn--tertiary uss-btn--no-padding">
Boton terciario<i class="uss-icon ri-arrow-right-line"></i
></a>
</div>
</div>
<div class="uss-carousel-content__slide">
<div class="uss-carousel-content__img-contianer">
<img
src="https://dummyimage.com/1640x800/"
alt="Dummy"
class="uss-carousel-content__img"
/>
</div>
<div class="uss-carousel-content__body">
<div class="uss-carousel-content__body-intro">Metadato introductorio</div>
<h2 class="uss-carousel-content__body-title">
Lorem ipsum dolor sit amet, consecteturd adipiscing elit
</h2>
<p class="uss-carousel-content__body-bajada">
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.
</p>
<a href="#" class="uss-btn uss-btn--tertiary uss-btn--no-padding">
Boton terciario<i class="uss-icon ri-arrow-right-line"></i
></a>
</div>
</div>
<div class="uss-carousel-content__slide">
<div class="uss-carousel-content__img-contianer">
<img
src="https://dummyimage.com/1640x800/"
alt="Dummy"
class="uss-carousel-content__img"
/>
</div>
<div class="uss-carousel-content__body">
<div class="uss-carousel-content__body-intro">Metadato introductorio</div>
<h2 class="uss-carousel-content__body-title">
Lorem ipsum dolor sit amet, consecteturd adipiscing elit
</h2>
<p class="uss-carousel-content__body-bajada">
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.
</p>
<a href="#" class="uss-btn uss-btn--tertiary uss-btn--no-padding">
Boton terciario<i class="uss-icon ri-arrow-right-line"></i
></a>
</div>
</div>
</div>
</section>
</div>
<script type="text/javascript"></script>
<script src="/js/main.js" type="module"></script>
</body>
</html>