Skip to content

Instantly share code, notes, and snippets.

View LaunchedBerry07's full-sized avatar

Stephanie Nadeau LaunchedBerry07

View GitHub Profile
@LaunchedBerry07
LaunchedBerry07 / index.html
Created September 27, 2022 12:49
Login Form
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>Login</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
</head>
<div id="login">
<form name='form-login'>
@LaunchedBerry07
LaunchedBerry07 / index.html
Created September 27, 2022 12:27
Responsive Signup/Login form
<div class="container">
<section id="formHolder">
<div class="row">
<!-- Brand Box -->
<div class="col-sm-6 brand">
<a href="#" class="logo">MR <span>.</span></a>
<body class="align">
<div class="grid">
<form action="/" method="post" class="form login">
<header class="login__header">
<h3 class="login__title">Login</h3>
</header>
@LaunchedBerry07
LaunchedBerry07 / index.html
Created September 27, 2022 12:02
Material Compact Login Animation
<div class="materialContainer">
<div class="box">
<div class="title">LOGIN</div>
<div class="input">
<label for="name">Username</label>
<input type="text" name="name" id="name">
@LaunchedBerry07
LaunchedBerry07 / css-grid-style-guide-ii.markdown
Created September 27, 2022 12:02
CSS Grid: Style Guide II

CSS Grid: Style Guide II

The "molecules" of a design system, following the principle of Brad Frost's Atomic Design.

A Pen by Olivia Ng on CodePen.

License.

@LaunchedBerry07
LaunchedBerry07 / animated-login-and-sign-up.markdown
Created September 27, 2022 12:01
Animated Login and Sign up
@LaunchedBerry07
LaunchedBerry07 / animated-login-and-sign-up.markdown
Created September 27, 2022 11:58
Animated Login and Sign up
@LaunchedBerry07
LaunchedBerry07 / dynamic-single-page-login-sign-up.markdown
Created September 27, 2022 11:57
Dynamic Single Page Login + Sign Up
@LaunchedBerry07
LaunchedBerry07 / index.html
Created September 27, 2022 11:57
Sign Up/ Login Form with ReactJS
<body>
<div id="space"></div>
</body>