From 253c23cc46409073727b28e20647f733173726f3 Mon Sep 17 00:00:00 2001 From: kanak227 Date: Fri, 10 Jan 2025 11:11:50 +0530 Subject: [PATCH 1/3] enhanced contact us page --- contact.css | 86 ++++++++++++++++++++++++++++++++++++++++++++++++- contact.html | 40 ++++++++++++----------- image copy.png | Bin 0 -> 3136009 bytes 3 files changed, 106 insertions(+), 20 deletions(-) create mode 100644 image copy.png diff --git a/contact.css b/contact.css index 5b08b80..ead10f8 100644 --- a/contact.css +++ b/contact.css @@ -383,4 +383,88 @@ text-align: left; /* Adjusts text alignment, optional */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); z-index: 2; position: relative; -} \ No newline at end of file +} + +.container { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + padding: 20px; + min-height: calc(100vh - 120px); + gap: 20px; +} + +.illustration-section img { + max-width: 100%; + width: 800px; + height: auto; + +} + +.form-section { + flex: 1; + max-width: 500px; + padding: 20px; + text-align: center; + background-color: #fff; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + border-radius: 8px; +} + +.form-section h1 { + font-size: 2em; + color: #d6a52b; + margin-bottom: 10px; +} + +.form-section p { + font-size: 1.1em; + margin-bottom: 20px; +} + +.form-section input, +.form-section textarea { + width: 99%; + padding: 10px; + margin: 10px 0; + border: 1px solid #ddd; + background-color: #ffebb7; + border-radius: 8px; + font-size: 1em; +} + +.form-section button { + width: 100%; + padding: 10px; + background:#e2b43d ; + color: #ffffff; + border: none; + border-radius: 8px; + font-size: 1em; + cursor: pointer; + transition: 0.3s ease; +} + +.form-section button:hover { + background: #d6a52b ; + + transform: scale(1.02); +} + +.social-links { + margin-top: 20px; +} + +.social-links a { + margin: 0 10px; + font-size: 1.5em; + color: #333; + text-decoration: none; + transition: color 0.3s ease; +} + +.social-links a:hover { + color: #d6a52b; +} + diff --git a/contact.html b/contact.html index 3098a30..ef28aa4 100644 --- a/contact.html +++ b/contact.html @@ -65,25 +65,27 @@

Ajivika

-
-

Contact Us

-

We'd love to hear from you! Please fill out the form below with your queries or feedback.

- -
- - - - - - - - - - - - -
-
+
+
+ Contact Illustration +
+
+

CONTACT US

+

We would love to hear from you

+
+ + + + +
+ +
+
- - +