Skip to content

Instantly share code, notes, and snippets.

View BANKBRimo's full-sized avatar

BANK BRI BANKBRimo

View GitHub Profile
@BANKBRimo
BANKBRimo / index.html
Created October 11, 2022 03:38
Responsive Numeric Keypad
<div class="keypadwrapper">
<div class="inputwrapper">
<span class="numberinput"></span>
<span class="numberinput"></span>
<span class="numberinput"></span>
<span class="numberinput"></span>
</div>
<div class="keypad">
<div id="lineone" class="numberline">
<div class="content">
@BANKBRimo
BANKBRimo / brimobri-login.markdown
Created October 10, 2022 11:27
BRimoBRi/login/
@BANKBRimo
BANKBRimo / index.html
Created October 10, 2022 08:50
PIN Pad Login Screen in JavaScript - HTML, CSS & JavaScript Tutorial (Project)
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<div class="pin-login" id="mainPinLogin">
<input type="password" readonly class="pin-login__text">
<div class="pin-login__numpad">
</div>
</div>
@BANKBRimo
BANKBRimo / index.html
Created October 8, 2022 10:31
PIN Pad Login Screen in JavaScript - HTML, CSS & JavaScript Tutorial (Project)
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<div class="pin-login" id="mainPinLogin">
<input type="password" readonly class="pin-login__text">
<div class="pin-login__numpad">
</div>
</div>
@BANKBRimo
BANKBRimo / index.html
Created October 8, 2022 08:24
PIN Pad Login Screen in JavaScript - HTML, CSS & JavaScript Tutorial (Project)
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<div class="pin-login" id="mainPinLogin">
<input type="password" readonly class="pin-login__text">
<div class="pin-login__numpad">
</div>
</div>
@BANKBRimo
BANKBRimo / brimologin.markdown
Last active September 27, 2022 06:33
BRimologin
@BANKBRimo
BANKBRimo / index.html
Created September 4, 2022 04:36
JS Countdown Timer
<div id="app"></div>