diff --git a/contact.css b/contact.css new file mode 100644 index 0000000..d93897c --- /dev/null +++ b/contact.css @@ -0,0 +1,92 @@ +*{ + margin: 0; + padding: 0; +} +body{ + background: rgb(33, 38, 49); + font-size: 14px; + color: white; + font-family: 'Cabin', sans-serif; +font-family: 'Nunito Sans', sans-serif; +font-family: 'Poppins', sans-serif; +} +.container{ + width: 80%; + margin: 50px auto; +} +.contact-box{ + background: white; + display: flex; +} +.contact-left{ + flex-basis: 60%; + padding: 40px 60px; + color: black; +} +.contact-right{ + flex-basis: 40%; + padding: 40px; + background: rgb(200, 228, 178); + color: black; +} +h1{ + margin-bottom: 10px; + +} +.container p{ + margin-bottom: 40px; +} +.input-row{ + display: flex; + justify-content: space-between; + margin-bottom: 20px; +} +.input-row .input-group{ + flex-basis: 45%; +} +input{ + width: 100%; + border: none; + border-bottom: 1px solid #ccc; + outline: none; + padding-bottom: 5px; +} +textarea{ + width: 100%; + border: 1px solid #ccc; + outline: none; + padding: 10px; + box-sizing: border-box; +} +label{ + margin-bottom: 6px; + display: block; + color: #183D3D; +} +button{ + background: #9EB384; + width: 100px; + border: none; + outline: none; + height: 35px; + border-radius: 30px; + margin-top: 20px; + box-shadow: 0px 5px 15px 0px rgba(92, 131, 116); +} +.contact-left h3{ + color: #435334; + font-weight: 600; + margin-bottom: 30px; +} +.contact-right h3{ + font-weight: 600; + margin-bottom: 30px; +} +tr td:first-child{ + padding-right: 20px; + + +} +tr td{ + padding-top: 20px; +} \ No newline at end of file diff --git a/contactus.html b/contactus.html new file mode 100644 index 0000000..a027b56 --- /dev/null +++ b/contactus.html @@ -0,0 +1,74 @@ + + + + + Contact page + + + + + + +
+

Connect With Me

+

Feel free to get touch with me.

+
+
+

Send your request

+
+
+
+ + +
+
+ + +
+ +
+
+
+ + +
+
+ + +
+ +
+ + + +
+
+
+

Reach Me

+ + + + + + + + + + + + + + +
Email XXX@gmail.com
Phone +91 000000000
Address Village - XXX + post - XXX + Dist - XXX + 0000 +
+ +
+
+ + +
+ + \ No newline at end of file diff --git a/index.html b/index.html index 22152de..c6bc39b 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,7 @@

Maa-Vimala

  • About Us
  • Services
  • Reviews
    • -
  • Contact Us
    • +
  • Contact Us
    • diff --git a/style.css b/style.css index e8c7b76..256baff 100644 --- a/style.css +++ b/style.css @@ -491,4 +491,4 @@ button { .fa-magnifying-glass:before, .fa-search:before { content: "\f002"; margin-left: 90px; -} \ No newline at end of file +}