Skip to content

Instantly share code, notes, and snippets.

View 0x7An's full-sized avatar
🚀
⚡

Anderson 0x7An

🚀
⚡
52 followers · 207 following
View GitHub Profile
@0x7An
0x7An / calm-breeze-login-screen.markdown
Created October 3, 2016 15:56 — forked from anonymous/calm-breeze-login-screen.markdown
Calm breeze login screen
@0x7An
0x7An / index.html
Created October 3, 2016 15:57 — forked from anonymous/index.html
Login/Logout animation concept
<div class="cont">
<div class="demo">
<div class="login">
<div class="login__check"></div>
<div class="login__form">
<div class="login__row">
<svg class="login__icon name svg-icon" viewBox="0 0 20 20">
<path d="M0,20 a10,8 0 0,1 20,0z M10,0 a4,4 0 0,1 0,8 a4,4 0 0,1 0,-8" />
</svg>
<input type="text" class="login__input name" placeholder="Username"/>
@0x7An
0x7An / index.html
Created October 3, 2016 15:58 — forked from anonymous/index.html
Login Form
<div class="login">
<h1>Login</h1>
<form method="post">
<input type="text" name="u" placeholder="Username" required="required" />
<input type="password" name="p" placeholder="Password" required="required" />
<button type="submit" class="btn btn-primary btn-block btn-large">Let me in.</button>
</form>
</div>
@0x7An
0x7An / index.html
Created October 3, 2016 15:59 — forked from anonymous/index.html
Sign-Up/Login Form
<div class="form">
<ul class="tab-group">
<li class="tab active"><a href="#signup">Sign Up</a></li>
<li class="tab"><a href="#login">Log In</a></li>
</ul>
<div class="tab-content">
<div id="signup">
<h1>Sign Up for Free</h1>
@0x7An
0x7An / index.html
Created October 3, 2016 16:04 — forked from anonymous/index.html
Sidebar Menu Hover Show/Hide CSS
<html>
<head>
</head>
<body><div class="area"></div><nav class="main-menu">
<ul>
<li>
<a href="#">
<i class="fa fa-home fa-2x"></i>
<span class="nav-text">
@0x7An
0x7An / admin-dashboard-ui-1-project-management.markdown
Created October 3, 2016 16:09 — forked from anonymous/admin-dashboard-ui-1-project-management.markdown
Admin Dashboard UI #1 : Project management
@0x7An
0x7An / index.html
Created October 3, 2016 16:12 — forked from anonymous/index.html
Nav (material design)
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto+Mono:400,500'>
<body>
<svg xmlns=http://www.w3.org/2000/svg style=display:none>
<symbol id=codepen viewBox="0 0 24 24">
<path d="M19.4 13.3l-2-1.3 2-1.3m-6.6 8v-3.5L16 13l2.8 1.7m-6.8-1L9.3 12l2.7-1.8 2.7 1.8m-3.5 6.8l-6-4 2.7-2 3.2 2.4m-6.6-4.5l2 1.3-2 1.3m6.6-8v3.5L8 11 5 9.4m7.6-4l6 4L16 11 13 9m8.2.4V9v-.2h-.2v-.2L12.3 3h-.8L3.3 8.7V9H3V15.2h.2v.2l8.4 5.5h.8l8.3-5.6V15h.2V15 9.2z"
/>
</symbol>
</svg>
@0x7An
0x7An / index.jade
Created October 3, 2016 16:17 — forked from anonymous/index.jade
Just another loader
div.container
each letter in ['L','O','A','D','I','N','G']
div #{letter}
@0x7An
0x7An / angular.md
Created January 30, 2017 23:45 — forked from sinedied/angular.md
The Missing Introduction to Angular 2 and Modern Design Patterns

Introduction to Angular

Angular (aka Angular 2) is a new framework completely rewritten from the ground up, replacing the famous AngularJS framework (aka Angular 1.x).

More that just a framework, Angular should now be considered as a whole platform which comes with a complete set of tools, like its own CLI, debug utilities or performance tools.

Getting started

@0x7An
0x7An / interview_cheat_sheet.md
Created March 5, 2017 20:20 — forked from jordanhudgens/interview_cheat_sheet.md