From 7893a39a18dedb3e044daae5d78a7af7575f3a71 Mon Sep 17 00:00:00 2001 From: Sanket Darunkar Date: Mon, 16 Oct 2023 22:33:04 +0530 Subject: [PATCH] Update style.css I've updated the announcement style and CSS for the contact page. --- style.css | 108 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 107 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 662d26c..f77bbc6 100644 --- a/style.css +++ b/style.css @@ -451,4 +451,110 @@ html, body{ to { top:-100px } -} \ No newline at end of file +} +/* Special Offers */ +#special-offers { + background-color: #f9a825; /* Background color for the announcement */ + padding: 20px; + border: 2px solid #e69500; /* Border style for the announcement */ + border-radius: 5px; + text-align: center; + margin: 20px 0; + } + + #special-offers h2 { + font-size: 24px; + margin: 0; + color: #fff; /* Text color for the title */ + } + + #special-offers p { + font-size: 18px; + color: #333; /* Text color for the content */ + margin: 10px 0; + } + + #special-offers ul { + list-style-type: disc; + margin: 10px 0; + padding-left: 20px; + } + + #special-offers li { + font-size: 16px; + color: #333; /* Text color for the list items */ + } + + #special-offers li::before { + content: '\2022'; /* Use a bullet point (•) as a list item marker */ + color: #e69500; /* Color for the list item marker */ + display: inline-block; + width: 1em; + margin-left: -1em; + } + + + +/* Contact Page */ +#contact-us { + max-width: 600px; + margin: 0 auto; + padding: 20px; + border: 1px solid #ccc; + border-radius: 5px; + background-color: #f9f9f9; + text-align: left; + } + + #contact-us h2 { + font-size: 24px; + margin-bottom: 20px; + color: #333; + } + + #contact-us p { + font-size: 16px; + color: #555; + } + + #contact-us form { + margin-top: 20px; + } + + #contact-us label { + display: block; + font-size: 16px; + color: #333; + margin-top: 10px; + } + + #contact-us input[type="text"], + #contact-us input[type="email"], + #contact-us textarea { + width: 100%; + padding: 10px; + margin-top: 5px; + border: 1px solid #ccc; + border-radius: 3px; + font-size: 14px; + } + + #contact-us textarea { + resize: vertical; + } + + #contact-us input[type="submit"] { + background-color: #007bff; + color: #fff; + padding: 10px 20px; + border: none; + border-radius: 3px; + cursor: pointer; + font-size: 16px; + margin-top: 10px; + } + + #contact-us input[type="submit"]:hover { + background-color: #0056b3; + } + \ No newline at end of file