@ussebastian/kitdigital
Version:
Kit Digital de la Universidad San Sebastián
96 lines (95 loc) • 4.83 kB
HTML
<section 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>
</section>