update form

Author: imsoumyasinha

src/Components/Footer/Footer.css

@@ -1,5 +1,5 @@
 footer {
-  height: auto;
+  margin-bottom: 0 !important;
   font-size: 1.2rem;
   letter-spacing: 0.5px;
 }

src/Components/Footer/Footer.jsx

@@ -4,7 +4,7 @@ export default function Footer() {
   return (
     <React.Fragment>
       <footer className="card-footer">
-        <span className="text-muted">@Jsons WebDev 2020</span>
+        @Jsons WebDev 2020
       </footer>
     </React.Fragment>
   )

src/Components/Pages/Contact.jsx

@@ -1,11 +1,14 @@
 import React, { useCallback } from 'react';
-import { Form, Col, Button } from "react-bootstrap";
 import './Pages.css';
 
 const Contact = () => {
+
+  // const FormData = useState()
+
   const formSubmit = useCallback((e) => {
     e.preventDefault()
   })
+
   return (
     <React.Fragment>
       <div className="container-fluid">
@@ -15,41 +18,41 @@ const Contact = () => {
             <small>Let us know what kind of support you want</small>
           </div>
           <div className="col-6 mx-auto" id="form">
-            <form className="row g-3">
+            <form className="row g-3" onSubmit={formSubmit}>
               <div className="col-md-6">
                 <label htmlFor="firstName" class="form-label">First Name</label>
-                <input type="text" class="form-control" placeholder="Joe" id="firstName" name="fname" />
+                <input type="text" class="form-control" placeholder="Joe" id="firstName" name="fname" onChange={FormData} />
               </div>
               <div className="col-md-6">
                 <label htmlFor="lastName" className="form-label">Last Name</label>
-                <input type="text" className="form-control" placeholder="Lee" id="lastName" name="lname" />
+                <input type="text" className="form-control" placeholder="Lee" id="lastName" name="lname" onChange={FormData} />
               </div>
               <div class="col-12">
-                <label htmlFor="email" class="form-label">Email</label>
-                <input type="email" class="form-control" placeholder="j.lee@email.com" id="email" name="email" />
+                <label htmlFor="email" className="form-label">Email</label>
+                <input type="email" className="form-control" placeholder="j.lee@email.com" id="email" name="email" onChange={FormData} />
               </div>
               <div class="col-12">
-                <label htmlFor="phonenumber" class="form-label">Contact Number</label>
-                <input type="text" class="form-control" placeholder="Contact Number (optional)" id="phonenumber" name="contact" />
+                <label htmlFor="phonenumber" className="form-label">Contact Number</label>
+                <input type="text" className="form-control" placeholder="9123456789 (optional)" id="phonenumber" name="contact" onChange={FormData} />
               </div>
               <div class="col-12">
-                <label htmlFor="businesstype" class="form-label">Business</label>
-                <input type="text" class="form-control" placeholder="Drugs & Chemist" id="businesstype" name="business" />
+                <label htmlFor="businesstype" className="form-label">Business</label>
+                <input type="text" className="form-control" placeholder="Drugs & Chemist" id="businesstype" name="business" onChange={FormData} />
               </div>
               <div class="col-12">
-                <label htmlFor="message" class="form-label">Service</label>
-                <textarea type="text" class="form-control" placeholder="What's service you want from us" id="message" name="message"></textarea>
+                <label htmlFor="message" className="form-label">Service</label>
+                <textarea type="text" className="form-control" placeholder="What's service you want from us" id="message" name="message"></textarea>
               </div>
               <div class="col-md-6">
-                <label htmlFor="inputCity" class="form-label">City</label>
-                <input type="text" class="form-control" id="inputCity" />
+                <label htmlFor="inputCity" className="form-label">Address</label>
+                <input type="text" className="form-control" placeholder="E-Block Sector 2, Salt Lake City" id="inputCity" onChange={FormData} />
               </div>
               <div class="col-md-6">
-                <label for="inputZip" class="form-label">Zip</label>
-                <input type="text" class="form-control" id="inputZip" />
+                <label for="inputZip" className="form-label">Zip</label>
+                <input type="text" className="form-control" placeholder="700019" id="inputZip" onChange={FormData} />
               </div>
               <div class="col-12">
-                <button type="submit" class="btn btn-primary">Your Feddback</button>
+                <button type="submit" className="btn btn-primary">Your Feddback</button>
               </div>
             </form>
           </div>