Add EmailSignup link #175
|
@ -1,7 +1,3 @@
|
|||
.container form {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.header {
|
||||
color: var(--primary-accent);
|
||||
font-weight: 600;
|
||||
|
@ -9,8 +5,9 @@
|
|||
}
|
||||
|
||||
.button {
|
||||
margin-top: calc(34rem / 16);
|
||||
margin-top: calc(26rem / 16);
|
||||
display: block;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: calc(768rem / 16)) {
|
||||
|
|
|
@ -1,21 +1,24 @@
|
|||
import React from "react";
|
||||
|
||||
import { Button } from "./Button";
|
||||
import { Input } from "./Input";
|
||||
|
||||
import styles from "./EmailSignup.module.css";
|
||||
|
||||
export function EmailSignup() {
|
||||
return (
|
||||
<section className={styles.container}>
|
||||
<h1 className={styles.header}>Join Our Mailing List!</h1>
|
||||
<form className={styles.form} action="">
|
||||
<Input type="text" placeholder="Full Name*" required />
|
||||
<Input type="email" placeholder="Email*" required />
|
||||
<Button type="submit" className={styles.button}>
|
||||
Subscribe
|
||||
</Button>
|
||||
</form>
|
||||
<h1 className={styles.header}>Join our mailing list!</h1>
|
||||
<p>
|
||||
Join our mailing list to receive email notifications about important
|
||||
news and upcoming events!
|
||||
</p>
|
||||
<Button
|
||||
isLink={true}
|
||||
href="https://mailman.csclub.uwaterloo.ca/postorius/lists/csc-general.csclub.uwaterloo.ca/"
|
||||
className={styles.button}
|
||||
>
|
||||
Subscribe
|
||||
</Button>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue