rzmk/Rutgers-Esports-Newsletter-App
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Create newsletter signup app

Browse source
This commit is contained in:
rzmk 2021-06-20 08:14:46 -04:00
commit 7b5185d92d
13 changed files with 846 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

60
signup.html Normal file
View file

@ -0,0 +1,60 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mueez Khan">
<title>Rutgers Esports Newsletter Signup</title>
<link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/sign-in/">
<!-- Bootstrap core CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<meta name="theme-color" content="#7952b3">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<!-- Custom styles for this template -->
<link href="styles.css" rel="stylesheet">
</head>
<body class="text-center">
<main class="form-signin">
<form action="/" class="form-signin" method="POST">
<img class="mb-4" src="public/img/logo.png" alt="" width="200px" height="200px">
<h1 class="h3 mb-3 fw-normal">Sign up for our newsletter!</h1>
<input type="text" name="fName" class="form-control top" placeholder="First Name" required autofocus>
<input type="text" name="lName" class="form-control middle" placeholder="Last Name" required>
<input type="email" name="email" class="form-control mb-4" placeholder="Email" required>
<div class="g-recaptcha mb-4" data-sitekey="your_site_key"></div>
<button class="w-100 btn btn-lg btn-primary" type="submit">Sign Me Up!</button>
<p class="mt-5 mb-3 text-muted">&copy; Rutgers Esports</p>
</form>
</main>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
</body>
</html>