From cb725f9ab3efe4b1351c1cf2857be04e5dc07b8d Mon Sep 17 00:00:00 2001 From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com> Date: Thu, 20 Jun 2024 20:26:04 +0530 Subject: [PATCH 1/4] Creating Contact us form --- Contact us/contact.html | 37 +++++++++++++++++++ Contact us/style.css | 82 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 119 insertions(+) create mode 100644 Contact us/contact.html create mode 100644 Contact us/style.css diff --git a/Contact us/contact.html b/Contact us/contact.html new file mode 100644 index 0000000..b0b90e2 --- /dev/null +++ b/Contact us/contact.html @@ -0,0 +1,37 @@ + + + + + + Document + + + + +
+
+
+
+

Contact Me

+ + + +
+
+
+ + + + +
+ +
+
+
+ + \ No newline at end of file diff --git a/Contact us/style.css b/Contact us/style.css new file mode 100644 index 0000000..84aa0a7 --- /dev/null +++ b/Contact us/style.css @@ -0,0 +1,82 @@ +*{ + margin: 0; + padding: 0; + font-family: 'poppins', sans-serif; + box-sizing: border-box; +} +html{ + scroll-behavior: smooth; +} +body{ + background: #080808; + color: #fff; +} + +.contact-left{ + flex-basis: 35%; + padding: 20px; +} +.contact-right{ + flex-basis: 60%; + padding: 20px; +} +.contact-left p{ + margin-top: 30px; +} +.contact-left p i{ + color: #ff004f; + margin-right: 15px; + font-size: 25px; +} +.social-icon{ + margin-top: 30px; +} +.social-icon a{ + text-decoration: none; + font-size: 30px; + margin-right: 15px; + color: #ababab; + display: inline-block; + transition: transform 0.5s; +} +.social-icon a:hover{ + color: #ff004f; + transform: translateY(-5px); +} +.btn.btn2{ + display: inline-block; + background: #ff004f; + border-radius: 14px; + color: white; +} +.contact-right form{ + width: 100%; +} +form input, form textarea{ + width: 100%; + border: 0; + outline: none; + background: #262626; + padding: 15px; + margin: 15px 0; + color: #fff; + font-size: 18px; + border-radius: 6px; +} +form .btn2{ + padding: 14px 60px; + font-size: 18px; + margin-top: 20px; + cursor: pointer; +} +.copyright{ + width: 100%; + text-align: center; + padding: 25px 0; + background: #262626; + font-weight: 300; + margin-top: 20px; +} +.copyright i{ + color: #ff004f; +} \ No newline at end of file From 490fa9f5ac99b5cc842dbf59b035d4288cbc8631 Mon Sep 17 00:00:00 2001 From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com> Date: Thu, 20 Jun 2024 20:26:57 +0530 Subject: [PATCH 2/4] Added it in a dedicated folder --- contact.html | 15 --------------- 1 file changed, 15 deletions(-) delete mode 100644 contact.html diff --git a/contact.html b/contact.html deleted file mode 100644 index 598db32..0000000 --- a/contact.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - Cabshare - - - - - - - - \ No newline at end of file From f0fb62293c00e928e376ef6f35984596f257704f Mon Sep 17 00:00:00 2001 From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com> Date: Thu, 20 Jun 2024 20:27:53 +0530 Subject: [PATCH 3/4] Update index.html Added Contact us form --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index db61b86..37b6c1e 100644 --- a/index.html +++ b/index.html @@ -20,7 +20,7 @@
  • Services
  • About
  • Reviews
    • -
  • Contact
    • +
  • Contact
    • @@ -224,7 +224,7 @@

    Get to know more about our company, our mission, and our commitment to provi

    From 0c27a2f41f81c6ea12e7ae26d8c24c6d8cf0d92d Mon Sep 17 00:00:00 2001 From: T Mohamed Yaser <140265777+Yaser-123@users.noreply.github.com> Date: Thu, 20 Jun 2024 22:56:50 +0530 Subject: [PATCH 4/4] Update style.css Changed to light theme --- Contact us/style.css | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/Contact us/style.css b/Contact us/style.css index 84aa0a7..a657a25 100644 --- a/Contact us/style.css +++ b/Contact us/style.css @@ -8,8 +8,8 @@ html{ scroll-behavior: smooth; } body{ - background: #080808; - color: #fff; + background: lightcyan; + color: black; } .contact-left{ @@ -35,20 +35,24 @@ body{ text-decoration: none; font-size: 30px; margin-right: 15px; - color: #ababab; + color: blue; display: inline-block; transition: transform 0.5s; } .social-icon a:hover{ - color: #ff004f; + color: yellowgreen; transform: translateY(-5px); } .btn.btn2{ display: inline-block; - background: #ff004f; + background: blueviolet; border-radius: 14px; color: white; } +.btn.btn2:hover{ + background-color: #ff004f; +} + .contact-right form{ width: 100%; } @@ -56,7 +60,7 @@ form input, form textarea{ width: 100%; border: 0; outline: none; - background: #262626; + background: rgb(232, 210, 238); padding: 15px; margin: 15px 0; color: #fff; @@ -79,4 +83,4 @@ form .btn2{ } .copyright i{ color: #ff004f; -} \ No newline at end of file +}