rfq

package.json

@@ -47,5 +47,9 @@
   },
   "devDependencies": {
     "react-router-dom": "^6.10.0"
-  }
+  },
+  "description": "",
+  "main": "index.js",
+  "author": "",
+  "license": "ISC"
 }

src/Pages/RFQForm/RFQForm.css

@@ -1,46 +1,121 @@
+/* .container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  letter-spacing: 1px;
+  background-color: #c6c8d2;
+  margin-top: 70px; 
+} */
+
 .container {
-    max-width: 80vw;
-    margin: 0 auto;
-  }
-.title{
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  letter-spacing: 1px;
+  background: #4568DC;  
+  background: -webkit-linear-gradient(to right, #ba87bc, #7b8aba);  
+  background: linear-gradient(to right, #ba87bc, #7b8aba); 
+  /* margin-top: 20px; */
+}
+
+
+.heading {
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.heading h2 {
+  font-size: 24px;
+  font-weight: bolder;
+  font-size: 40px;
+  font-style: inherit;
+  font-variant: normal;
+  color: #050000;
+  margin: 0;
+}
+
+
+.form-row {
+  margin-bottom: 20px;
+}
+
+.form-group {
+  margin-bottom: 10px;
+}
+
+label {
+  display: block;
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+
+input[type="text"],
+input[type="checkbox"] {
+  width: 100%;
+  padding: 8px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  font-size: 14px;
+}
+
+input[type="checkbox"] {
+  width: auto;
+  margin-top: 5px;
+}
+
+.checkbox-label {
+  display: flex;
+  align-items: center;
+}
+
+.checkbox-label input[type="checkbox"] {
+  margin-right: 5px;
+}
+
+input[type="submit"] {
+  background-color: #4caf50;
+  color: white;
+  border: none;
+  padding: 10px 20px;
+  border-radius: 3px;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+input[type="submit"]:hover {
+  background-color: #45a049;
+}
+
+.error-message {
+  color: red;
+  font-size: 12px;
+  margin-top: 5px;
+}
+
+.submit-button {
+  display: block;
+  margin-top: 20px;
   text-align: center;
 }
-
-  .form-row {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 20px;
-  }
-
-  .form-group {
-    flex: 1;
-    margin-right: 10px;
-  }
-
-  label {
-    display: block;
-    font-weight: bold;
-    margin-bottom: 5px;
-  }
-
-  input[type="text"] {
-    width: 100%;
-    padding: 8px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    box-sizing: border-box;
-  }
-
-  button[type="submit"] {
-    padding: 10px 20px;
-    background-color: #4CAF50;
-    color: #fff;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-  }
-
-  button[type="submit"]:hover {
-    background-color: #45a049;
-  }
-
+
+.submit-button button {
+  background-color: #4CAF50;
+  color: white;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+/* .submit-button:hover {
+  background-color: #45a049;
+}
+
+.submit-button:active {
+  background-color: #dd1a37;
+} */