add submit button to form

Myekman · Feb 17, 2023 · 30f0a1d · 30f0a1d
1 parent 3d4a3ef
commit 30f0a1d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -165,7 +165,7 @@ body {
 /*style form-section here */
 
 #form-section {
-    height: 800px;
+    height: 900px;
     margin-top: 20px;
 }
 
@@ -211,6 +211,17 @@ label {
     margin: 5px 0 20px 10px;
 }
 
+.join-us-button {
+    margin-top: 20px;
+    border-radius: 5px;
+    padding: 20px 40px;
+    text-align: center;
+    font-size: 200%;
+    background-color: #f5b09f;
+    color: white;
+    display: block;
+}
+
 /* classes.html */
 
 #read-about {

diff --git a/index.html b/index.html
@@ -61,7 +61,7 @@ <h2>Kids</h2>
     </section>
 
     <section id="form-section">
-        <form class="join-us-form" method="POST" action="?">
+        <form class="join-us-form" method="POST" action="https://formdump.codeinstitute.net/">
                 <h2><span>Sign up!</span>
                 <br>
                 for more info about Strong Gymnast Studios.</h2>
@@ -87,6 +87,7 @@ <h2><span>Sign up!</span>
                 <option value="Kids">Kids 6-9</option>
                 <option value="Kids">Kids 10-15</option>
                 </datalist>
+                <input type="submit" value="Join us!" class="join-us-button"> 
         </form>   
         <div id="circle-image"></div>
     </section>