From a719b9750e444f49e2b090e200801fdcfc47a230 Mon Sep 17 00:00:00 2001
From: Mike Smith <89040888+smiggiddy@users.noreply.github.com>
Date: Tue, 7 Nov 2023 11:04:59 -0500
Subject: [PATCH] feat: buttons/links completed

---
 signup_form/css/style.css | 28 ++++++++++++++++++++++++++++
 signup_form/index.html    |  5 +++--
 2 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/signup_form/css/style.css b/signup_form/css/style.css
index 92dbf97..8b306d4 100644
--- a/signup_form/css/style.css
+++ b/signup_form/css/style.css
@@ -75,6 +75,13 @@
     margin-bottom: 5px;
 }
 
+.form-button {
+    margin-top: 20px;
+}
+
+.form-button p {
+    margin-top: 25px;
+}
 
 .error {
     color: var(--error-color);
@@ -159,4 +166,25 @@ body {
 
 button {
     cursor: pointer;
+    padding: 0.7rem 4.5rem;
+    border: 0.2rem solid var(--text-color);
+    margin: 1;
+    box-sizing: border-box;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: 500;
+    color: var(--light-bg);
+    background-color: var(--text-color);
+    transition: all 0.15s;
+}
+
+button:hover {
+    background-color: var(--light-bg);
+    color: var(--text-color);
+}
+
+a {
+    text-decoration: none;
+    color: var(--text-color);
+    font-weight: 900;
 }
\ No newline at end of file
diff --git a/signup_form/index.html b/signup_form/index.html
index ea0301a..7ee7fba 100644
--- a/signup_form/index.html
+++ b/signup_form/index.html
@@ -21,7 +21,7 @@
         </div>
         <div class="form">
             <h1 class="call-to-action">Sign up today!</h1>
-            <form action="" method="#">
+            <form action="post" method="#">
                 <div class="form-input">
                     <label for="name">NAME</label>
                     <input type="text" name="name" id="name"required>
@@ -42,7 +42,8 @@
                     <div class="error"></div>
                 </div>
                 <div class="form-button">
-                    <button type="submit">Sign Up</button>
+                    <button type="#">Create Account</button>
+                    <p>Already have an account? <a href="#">Log in</a></p>
                 </div>
             </form>
         </div>