@ussebastian/kitdigital
Version:
Kit Digital de la Universidad San Sebastián
177 lines (168 loc) • 9.32 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="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">
<div class="col-lg-5">
<div class="uss-form-group mb-40">
<div class="uss-form-group--switch">
<input class="form-check-input" type="checkbox" name="switchDefault" />
<label class="form-check-label" for="switchDefault">
Default radio
</label>
</div>
</div>
<div class="uss-form-group mb-40">
<div class="uss-form-group--radio">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1" checked>
<label class="form-check-label" for="flexRadioDefault1">
Default radio
</label>
</div>
<div class="uss-form-group--radio">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1" checked>
<label class="form-check-label" for="flexRadioDefault1">
Default radio
</label>
</div>
<div class="uss-form-group--radio">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2"
checked>
<label class="form-check-label" for="flexRadioDefault2">
Default checked radio
</label>
</div>
<div class="uss-form-group--radio">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault3"
disabled checked>
<label class="form-check-label" for="flexRadioDefault3">
Default checked radio
</label>
</div>
</div>
<div class="uss-form-group mb-40">
<label for="inputEmail" class="uss-form__label">
Label
<i class="uss-icon ri-question-line"></i>
</label>
<!-- select -->
<select class="uss-form__input" id="inputEmail">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<div id="emailHelp" class="uss-form__help">We'll never share your email with anyone else.
</div>
</div>
<div class="uss-form-group uss-form-group--checkbox mb-40">
<input id="default-checkbox" type="checkbox" class="" checked>
<label for="default-checkbox" class="uss-form__label">Default checkbox</label>
</div>
<div class="uss-form-group uss-form-group--checkbox mb-40">
<input id="default-checkbox" type="checkbox" class="">
<label for="default-checkbox" class="uss-form__label">Default checkbox</label>
</div>
<div class="uss-form-group uss-form-group--checkbox mb-40">
<input id="default-checkbox" type="checkbox" class="" disabled>
<label for="default-checkbox" class="uss-form__label">Disabled unchecked</label>
</div>
<div class="uss-form-group uss-form-group--checkbox mb-40">
<input id="default-checkbox" type="checkbox" class="" checked disabled>
<label for="default-checkbox" class="uss-form__label">Disabled checked</label>
</div>
<div class="uss-form-group mb-40">
<label for="inputTextarea" class="uss-form__label">
Textarea
<i class="uss-icon ri-question-line"></i>
</label>
<textarea class="uss-form__input" id="w3review" name="w3review" rows="4" cols="50"></textarea>
<div id="emailHelp" class="uss-form__help">We'll never share your email with anyone else.
</div>
</div>
<div class="uss-form-group mb-40 uss-form-group--success">
<label for="inputEmail" class="uss-form__label">
Label
</label>
<input type="email" class="uss-form__input" id="inputEmail" aria-describedby="inputEmail">
<div id="emailHelp" class="uss-form__help">
<i class="uss-icon ri-checkbox-circle-line"></i>
We'll never share your email with anyone else.
</div>
</div>
<div class="uss-form-group mb-40">
<label for="inputEmail" class="uss-form__label">
Label
<i class="uss-icon ri-question-line"></i>
</label>
<input type="email" class="uss-form__input" id="inputEmail" aria-describedby="inputEmail">
<div id="emailHelp" class="uss-form__help">We'll never share your email with anyone else.
</div>
</div>
<div class="uss-form-group mb-40 uss-form-group--success">
<label for="inputEmail" class="uss-form__label">
Label
</label>
<input type="email" class="uss-form__input" id="inputEmail" aria-describedby="inputEmail">
<div id="emailHelp" class="uss-form__help">
<i class="uss-icon ri-checkbox-circle-line"></i>
We'll never share your email with anyone else.
</div>
</div>
<div class="uss-form-group mb-40 uss-form-group--warning">
<label for="inputEmail" class="uss-form__label">
Label
</label>
<input type="email" class="uss-form__input" id="inputEmail" aria-describedby="inputEmail">
<div id="emailHelp" class="uss-form__help">
<i class="uss-icon ri-alert-line"></i>
We'll never share your email with anyone else.
lo
</div>
</div>
<div class="uss-form-group mb-40 uss-form-group--error">
<label for="inputEmail" class="uss-form__label">
Label
</label>
<input type="email" class="uss-form__input" id="inputEmail" aria-describedby="inputEmail">
<div id="emailHelp" class="uss-form__help">
<i class="uss-icon ri-question-line"></i>
We'll never share your email with anyone else.
lo
</div>
</div>
<div class="uss-form-group mb-40 uss-form-group--disabled">
<label for="inputEmail" class="uss-form__label">
Label disabled
</label>
<input type="email" class="uss-form__input" value="texto disabled" id="inputEmail"
aria-describedby="inputEmail">
<div id="emailHelp" class="uss-form__help">
We'll never share your email with anyone else.
lo
</div>
</div>
</form>
</div>
</div>
</section>
</div>
<script src="/js/main.js" type="module"></script>
</body>
</html>