diff --git a/account/contact.html b/account/contact.html new file mode 100644 index 00000000..de71da28 --- /dev/null +++ b/account/contact.html @@ -0,0 +1,72 @@ + + + + + + Contact Us - Your Website + + + + + + + + + + +
+ Home + Help Centre + Become a Seller + Orders +
+ + +
+

Contact Us

+ +
+
+

Address Icon Mail Us:

+
+ Company Private Limited,
+ 1234 Street,
+ City, 56789,
+ State, Country +
+

Phone Icon Registered Office Address:

+
+ Company Private Limited,
+ 1234 Your Street,
+ City, 56789,
+ State, Country
+ CIN: U12345ABC12345
+ Telephone: 123-456-7890 +
+
+
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/css/contact.css b/css/contact.css new file mode 100644 index 00000000..651dbc36 --- /dev/null +++ b/css/contact.css @@ -0,0 +1,48 @@ +.contact-header { + background-color: #007bff; + color: white; + padding: 15px 0; +} +.contact-header a { + color: white; + text-decoration: none; + margin: 0 20px; + transition: color 0.3s; +} +.contact-header a:hover { + color: #ffd700; +} +.contact-section { + padding: 60px 0; +} +.contact-section h2 { + animation: fadeInDown 1s; +} +.contact-info, +.contact-form { + animation: fadeInUp 1s; +} +@keyframes fadeInDown { + from { opacity: 0; transform: translateY(-20px); } + to { opacity: 1; transform: translateY(0); } +} +@keyframes fadeInUp { + from { opacity: 0; transform: translateY(20px); } + to { opacity: 1; transform: translateY(0); } +} +.contact-info img { + width: 30px; + margin-right: 10px; +} +.footer { + background-color: #f1f1f1; + padding: 20px 0; +} +.footer a { + color: #007bff; + text-decoration: none; + transition: color 0.3s; +} +.footer a:hover { + color: #0056b3; +} \ No newline at end of file diff --git a/index.html b/index.html index 31b17984..1cc3c68c 100644 --- a/index.html +++ b/index.html @@ -101,6 +101,9 @@ flipKart Gift Cards + + flipKart + Contact Us