Created email form

rkrutek-indeed · May 27, 2024 · a67af57 · a67af57
1 parent e05d33c
commit a67af57
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 2 deletions.
diff --git a/html-forms/index.html b/html-forms/index.html
@@ -13,6 +13,16 @@
   </head>
 
   <body>
-    <main></main>
+    <main>
+      <form id="emailForm" onsubmit="return alert('Email sent');">
+        <label for="name">Name:</label>
+        <input id="name" type="text" name="name" />
+        <label for="email">Email:</label>
+        <input id="email" type="text" name="email" />
+        <label for="message">Your message:</label>
+        <textarea id="message" name="message" rows="10"></textarea>
+        <button type="submit">Submit</button>
+      </form>
+    </main>
   </body>
 </html>
diff --git a/html-forms/style.css b/html-forms/style.css
@@ -1,7 +1,26 @@
 body {
   padding: 10px;
+  width: 800px;
+  margin: auto;
 }
 
 input {
-  margin: 5px;
+  margin-bottom: 30px;
 }
+
+form {
+  display: flex;
+  flex-direction: column;
+}
+
+.button-wrapper {
+    display: flex;
+    flex-direction: row;
+}
+
+form button {
+  margin-top: 30px;
+  background-color: white;
+  border-radius: 5px;
+  width: 80px;
+}