@ussebastian/kitdigital
Version:
Kit Digital de la Universidad San Sebastián
45 lines (44 loc) • 1.35 kB
HTML
<section class="m-12 w-100">
<div class="d-flex gap-16">
<div class="block">
<div class="uss-circle-progress" style="--progress: 20%">1/5</div>
</div>
<div class="block">
<h5 class="mb-4">Información básica</h5>
<p>Lorem ipsum dolor sit amet</p>
</div>
</div>
<div class="d-flex gap-16">
<div class="block">
<div class="uss-circle-progress" style="--progress: 60%">3/5</div>
</div>
<div class="block">
<h5 class="mb-4">Datos de contacto</h5>
<p>Lorem ipsum dolor consectetur</p>
</div>
</div>
<div class="d-flex gap-16">
<div class="block">
<div class="uss-circle-progress" style="--progress: 100%">5/5</div>
</div>
<div class="block">
<h5 class="mb-4">Final</h5>
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</div>
<hr class="uss-divider" />
<div class="flex justify-content-center my-40">
<p>CONTENIDO</p>
</div>
<hr class="uss-divider" />
<div class="flex flex-row justify-content-between gap-16 mb-16">
<a href="#" class="uss-btn uss-btn--secondary btn--inline">
<i class="uss-icon ri-arrow-left-circle-line"></i>
Volver
</a>
<a href="#" class="uss-btn uss-btn--primary btn--inline">
Siguiente
<i class="uss-icon ri-arrow-right-circle-line"></i>
</a>
</div>
</section>