From cf3df70285259d41e40da2f28d7c2b0dd503bc34 Mon Sep 17 00:00:00 2001
From: scoliono <2191476+scoliono@users.noreply.github.com>
Date: Tue, 11 May 2021 20:47:12 -0700
Subject: [PATCH 1/2] donate page

---
 css/main.css | 35 ++++++++++++++++++++++++++++++-----
 index.html   | 26 ++++++++++++++++++++++++++
 2 files changed, 56 insertions(+), 5 deletions(-)

diff --git a/css/main.css b/css/main.css
index fb2e63a..f50e94d 100644
--- a/css/main.css
+++ b/css/main.css
@@ -77,11 +77,13 @@ nav a:hover {
 .banner {
 	display: flex;
 	background-color: var(--banner-bg);
+	color: var(--button-text);
 	margin: 0 auto;
 	justify-content: center;
 	padding: 2rem 0;
 	width: 60%;
 	min-width: 400px;
+	flex-direction: column;
 }
 
 .banner form {
@@ -161,6 +163,7 @@ nav a:hover {
 }
 
 .container {
+	display: block;
 	flex: 1 0 0;
 	font-size: 24px;
 	padding: 4rem;
@@ -206,19 +209,41 @@ nav a:hover {
 
 #joinus {
 	background-image: url(../assets/bote.jpg);
-	flex-direction: column;
 	text-align: center;
 }
 
-#joinus .container {
-	display: block;
+#contact .banner {
+	text-align: center;
 }
 
-#joinus h1 {
+.header h1 {
 	background-color: var(--button-bg);
 	color: var(--button-text);
 	font-size: 56px;
 	padding: 0 2rem;
 	margin: 0 auto 2rem auto;
-	max-width: 200px;
+	text-align: center;
+	max-width: 300px;
+}
+
+#donate .banner {
+	flex-direction: row;
+	align-items: center;
+}
+
+#donate .banner > div {
+	padding: 1rem;
+}
+
+.donate-buttons {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+}
+
+.donate-buttons button {
+	margin: 0.5rem;
+	width: 10rem;
+	text-align: center;
+	padding: 1rem 0;
 }
diff --git a/index.html b/index.html
index c59bad9..02060c8 100644
--- a/index.html
+++ b/index.html
@@ -66,8 +66,34 @@
 			</div>
 		</div>
 		<div id="donate" class="fullpage">
+			<div class="container">
+				<div class="header">
+					<h1>Donate</h1>
+				</div>
+				<div class="banner">
+					<div>
+						<h2>What is your contribution?</h2>
+					</div>
+					<div class="donate-buttons">
+						<button>$10</button>
+						<button>$20</button>
+						<button>$50</button>
+						<button>$100</button>
+						<button>Other</button>
+					</div>
+				</div>
+			</div>
 		</div>
 		<div id="contact" class="fullpage">
+			<div class="container">
+				<div class="header">
+					<h1>Contact</h1>
+				</div>
+				<div class="banner">
+					<h2>For any further inquiries please email</h2>
+					<h2>contact@mileslinden.com</h2>
+				</div>
+			</div>
 		</div>
 	</body>
 </html>

From c4e6f1fb86d7b04ce8b2cf187e063528a30caaa8 Mon Sep 17 00:00:00 2001
From: scoliono <2191476+scoliono@users.noreply.github.com>
Date: Fri, 14 May 2021 16:27:17 -0700
Subject: [PATCH 2/2] set attributes on input fields

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 02060c8..a7d45ce 100644
--- a/index.html
+++ b/index.html
@@ -50,13 +50,13 @@
 				<div class="banner">
 					<form action="/subscribe.php" method="POST">
 						<div>
-							<input type="text" name="full_name" placeholder="Full Name">
+							<input type="text" name="full_name" placeholder="Full Name" required>
 						</div>
 						<div>
-							<input type="email" name="email" placeholder="Email">
+							<input type="email" name="email" placeholder="Email" required>
 						</div>
 						<div>
-							<input type="phone" name="phone" placeholder="Phone Number">
+							<input type="tel" name="phone" placeholder="Phone Number" required>
 						</div>
 						<div>
 							<button type="submit">Stay Notified!</button>