A Pen by Giuseppe Canale on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="login__container"> | |
<div class="login__menu"> | |
<div class="btn__menu__login">LOGIN</div> | |
<div class="btn__menu__registration active">REGISTER</div> | |
</div> | |
<div id="login__message"></div> | |
<div class="login__form"> | |
<div class="contact-form"> | |
<div class="login__row"> | |
<input class="login__input" id="login_email" placeholder="E-MAIL" type="email" pattern="[^ @]*@[^ @]*"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="login__container"> | |
<div class="login__menu"> | |
<div class="btn__menu__login">LOGIN</div> | |
<div class="btn__menu__registration menu__not__active">REGISTER</div> | |
</div> | |
<div id="login__message" class="login__message"></div> | |
<div class="login__form"> | |
<div class="login__row"> | |
<input class="login__input" id="login_email" placeholder="E-MAIL" type="email" pattern="[^ @]*@[^ @]*"> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="section-login"> | |
<div class="signup-box"> | |
<h1 class="login-title">Join xbe.at</h1> | |
<div class="social-login"> | |
<a class="login-facebook" href="#">Facebook</a> | |
<a class="login-google" href="#">Google</a> | |
</div> | |
<form class="login-form" action="POST"> | |
<div class="form-group"> | |
<label for="">Email address</label> |
A Pen by Giuseppe Canale on CodePen.
Filtering a large data set by text matching
A Pen by Giuseppe Canale on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="showbox"> | |
<div class="loader"> | |
<span>LOADING</span> | |
<svg class="circular" viewBox="25 25 50 50"> | |
<circle id="path-gray" class="path-gray" cx="50" cy="50" r="20" fill="none" stroke-width="6" stroke-miterlimit="10"/> | |
<circle id="path" class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="0" stroke-dasharray="1, 200" stroke-dashoffset="-35px"/> | |
</svg> | |
</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div id="formation"></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<head> | |
<meta charset="UTF-8"> | |
<title>xbeat Interface</title> | |
<link rel="stylesheet" href="css/style.css"> | |
</head> | |
<body> | |
<div id="skill" class="skill"> | |
<div id="cross-close" class="cross-close">←</div> |
A Pen by Giuseppe Canale on CodePen.