Formuario con Kimera CSS framework
implementacion de kimera css
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/js/kimera.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/kimera.min.css">
<mega class="is-full-center">
<h1 class="padding-v-2">
<white>Kimera</white> <danger>CSS</danger>
</h1>
<form class="color-cloud padding-2" no-validate>
<fab>
<button type="floating" class="is-large is-danger is-toggle-fab">
<icon>
<i class="fa fa-plus"></i>
</icon>
</button>
<fabmenu class="is-down is-visible">
<button class="is-success is-rounded" type="floating">
<icon>
<i class="fa fa-bookmark"></i>
</icon>
</button>
<button class="is-warning is-rounded" type="floating">
<icon>
<i class="fa fa-pencil"></i>
</icon>
</button>
<button class="is-primary is-rounded" type="floating">
<icon>
<i class="fa fa-bolt"></i>
</icon>
</button>
</fabmenu>
</fab>
<responsive class="is-square-128">
<img src="https://mir-s3-cdn-cf.behance.net/project_modules/hd/10d1699341307.560ccb35608dd.jpg" alt="" class="is-rounded">
</responsive>
<div class="padding-v-2">
<field>
<input id="user" type="text" class="input is-material is-small" required placeholder="Enter username" min="4">
<help class="is-text-tiny is-validate">El usuario debe contenerminimo 4 digitos.</help>
</field>
<field>
<input id="pass" type="password" class="input is-material is-small" placeholder="Enter current password" required min="4">
<help class="is-validate is-text-tiny">Tu contraseña debe tener minimo 4 digitos</help>
</field>
<item class="is-small">
...