diff --git a/assets/html/ngo.html b/assets/html/ngo.html index c102eef4..de255612 100644 --- a/assets/html/ngo.html +++ b/assets/html/ngo.html @@ -22,7 +22,7 @@ max-width: 600px; max-height:900px; margin:80px auto; - background-color:rgba(187, 128,128, 0.995); + background-color:rgba(8, 8, 8, 0.995); padding: 30px; border-radius: 25px; box-shadow:0 4px 8px rgba(0, 0, 0, 0.9); @@ -30,7 +30,7 @@ } .form-container h1 { text-align: center; - color:rgb(12, 1, 1); + color:rgb(187, 128, 128); font-size: 35px; } .form-group { @@ -41,7 +41,7 @@ margin-bottom: 10px; font-weight: bold; font-size: 20px; - color:rgb(21, 1, 1); + color:rgb(187, 128, 128); } .form-group input, .form-group select { @@ -67,7 +67,7 @@ margin:auto; } .form-group button:hover { - background-color: rgb(163, 99, 99); + background-color: rgb(187, 128, 128); color: #5e0213; border: 3px solid black; } diff --git a/email.css b/email.css new file mode 100644 index 00000000..8671ef8d --- /dev/null +++ b/email.css @@ -0,0 +1,98 @@ +.newsletter-container { + background-color: #f28b82; + padding: 30px; + border-radius: 10px; + text-align: center; + max-width: 400px; + margin: 0 auto; +} + +.newsletter-container h2 { + font-family: Arial, sans-serif; + font-size: 1.8em; + font-weight: bold; + color: #000; +} + +.newsletter-container p { + font-size: 1em; + color: #4a4a4a; +} + +.newsletter-form { + margin-top: 20px; +} + +.newsletter-form input[type="email"] { + padding: 10px; + width: 100%; + max-width: 300px; + margin-bottom: 15px; + font-size: 1em; + border: 1px solid #b22222; + border-radius: 5px; + outline: none; + color: #000; + background-color: #fff; +} + +.newsletter-form input[type="email"]::placeholder { + color: #b22222; +} + +.newsletter-form button { + padding: 10px 30px; + background-color: #8b0000; + border: none; + color: white; + font-size: 1.2em; + cursor: pointer; + border-radius: 5px; +} + +.newsletter-form button:hover { + background-color: #b22222; +} + +.social-icons { + margin-top: 20px; +} + +.social-icons a { + text-decoration: none; + color: #000; + font-size: 1.8em; + margin: 0 10px; +} + +.social-icons a:hover { + color: #b22222; +} + +/* Mobile responsiveness */ +@media (max-width: 600px) { + .newsletter-container { + padding: 15px; + max-height: 300px; + } + + .newsletter-container h2 { + font-size: 1.5em; + } + + .newsletter-container p { + font-size: 0.9em; + } + + .newsletter-form input[type="email"] { + max-width: 100%; + } + + .newsletter-form button { + font-size: 1em; + } + + .social-icons a { + font-size: 1.5em; + } +} diff --git a/email.html b/email.html new file mode 100644 index 00000000..70938e5c --- /dev/null +++ b/email.html @@ -0,0 +1,117 @@ + + + + + + Document + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Stay Connected

+

Subscribe to our Newsletter

+
+ + +
+
+ + + + + + + +
+
+ + + diff --git a/index.html b/index.html index e21562ee..f4fa4d82 100644 --- a/index.html +++ b/index.html @@ -6922,7 +6922,7 @@

Recommend

Site Map

  • -

    T&C

    +

    Terms and
    Conditions

    • diff --git a/our-vision.html b/our-vision.html index 48786e6a..ced36fd0 100644 --- a/our-vision.html +++ b/our-vision.html @@ -713,7 +713,7 @@

    Our Vision

    - At SwapReads, we envision a world where every book lover can access the stories they crave, without barriers. Our mission is to redefine how readers engage with books, offering a smarter, more sustainable, and deeply connected reading experience. Here’s how we plan to achieve this: + At SwapReads, we envision a world where every book lover can access the stories they crave, without barriers. Our mission is to redefine how readers engage with books, offering a smarter, more sustainable, and deeply connected reading experience. Here’s how we plan to achieve this:

    The Challenges We Address