From 3ef7ad28f3b99c945c716f9f03126a5eb62103ef Mon Sep 17 00:00:00 2001 From: Somesh Pratap Singh <146454603+sammy0318@users.noreply.github.com> Date: Sun, 6 Oct 2024 00:09:35 +0530 Subject: [PATCH] Create ContactUs.css --- ContactUs.css | 78 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 78 insertions(+) create mode 100644 ContactUs.css diff --git a/ContactUs.css b/ContactUs.css new file mode 100644 index 00000000..7b8bcb22 --- /dev/null +++ b/ContactUs.css @@ -0,0 +1,78 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Arial, sans-serif; +} + +body { + background-color: #f4f4f4; +} + +.contact-container { + width: 100%; + max-width: 600px; + margin: 50px auto; + padding: 20px; + background-color: #fff; + border-radius: 8px; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); +} + +h2 { + text-align: center; + color: #333; + margin-bottom: 20px; +} + +.input-container { + margin-bottom: 15px; +} + +label { + display: block; + font-size: 16px; + color: #333; +} + +input, textarea { + width: 100%; + padding: 10px; + font-size: 16px; + margin-top: 5px; + border: 1px solid #ddd; + border-radius: 4px; +} + +input:focus, textarea:focus { + border-color: #007bff; + outline: none; +} + +.submit-btn { + display: block; + width: 100%; + padding: 10px; + background-color: #007bff; + color: #fff; + font-size: 16px; + border: none; + border-radius: 4px; + cursor: pointer; +} + +.submit-btn:hover { + background-color: #0056b3; +} + +.error { + color: red; + font-size: 12px; + margin-top: 5px; +} + +#successMessage { + color: green; + text-align: center; + margin-top: 20px; +}