ADD: new Terms Of Service Page

swaraj-das · Oct 20, 2024 · 4e0fd25 · 4e0fd25
1 parent cf6fa6b
commit 4e0fd25
Show file tree

Hide file tree

Showing 4 changed files with 126 additions and 15 deletions.
diff --git a/TermsOfService/terms.css b/TermsOfService/terms.css
@@ -0,0 +1,62 @@
+/* Background container for the terms of service page */
+.background-container {
+    min-height: 100vh;
+    background-image: linear-gradient(135deg, #d22d72 10%, #e45d27 100%, #e4c827 30%);
+    background-size: cover;
+    background-position: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 20px;
+}
+
+/* Terms container styles */
+.terms-container {
+    padding: 32px; /* Equivalent to theme.spacing(4) */
+    max-width: 800px;
+    margin: auto;
+    background-color: rgba(64, 47, 47, 0.8);
+    backdrop-filter: blur(10px);
+    border-radius: 8px; /* Adjust as needed */
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+    color: white;
+}
+
+.terms-container:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
+}
+
+/* Typography */
+h1 {
+    font-family: 'Montserrat', Arial, sans-serif; 
+    font-size: 2.5rem; /* Larger and more prominent heading */
+    color: #ff6f61;
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+h2 {
+    font-family: 'Future2', Arial, sans-serif;
+    font-size: 1.75rem; /* Slightly smaller than h1 */
+    color: #ff6f61;
+    margin-top: 30px;
+    margin-bottom: 10px;
+}
+
+p {
+    font-family: Arial, sans-serif; /* Clean and easy to read */
+    font-size: 1.125rem; /* Slightly larger for readability */
+    font-weight: 300; /* Light font-weight for modern look */
+    line-height: 1.6; /* Increase line spacing for readability */
+    color: #ffffff;
+    margin-bottom: 15px;
+}
+
+.center-text {
+    text-align: center;
+    font-family: Arial, sans-serif; /* Optional: Choose your preferred font */
+    font-size: 1.125rem; /* Adjust size if needed */
+    margin: 20px 0; /* Adds space above and below the text */
+}
diff --git a/TermsOfService/terms.html b/TermsOfService/terms.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Terms of Service</title>
+  <link rel="stylesheet" href="terms.css">
+</head>
+<body>
+  <div class="background-container">
+    <div class="terms-container">
+      <h1>Terms and Conditions</h1>
+      <p class="center-text">Welcome to Collect-your-GamingTools! By accessing our website, you agree to comply with and be bound by the following terms and conditions. Please read them carefully.</p>
+
+      <h2>1. General Information</h2>
+      <p>These terms and conditions govern the use of our website and any purchases made through it. We reserve the right to change these terms at any time, and it is your responsibility to review them periodically.</p>
+
+      <h2>2. User Responsibilities</h2>
+      <p>You agree to use our website for lawful purposes only and in a way that does not infringe the rights of others. You must not engage in any conduct that restricts or inhibits anyone’s use or enjoyment of the site.</p>
+
+      <h2>3. Intellectual Property</h2>
+      <p>All content on this website is the property of Collect-your-GamingTools and is protected by copyright and intellectual property laws.</p>
+
+      <h2>4. Purchases and Payments</h2>
+      <p>When you make a purchase on our website, you agree to provide accurate payment information. We reserve the right to refuse any order for any reason.</p>
+
+      <h2>5. Limitation of Liability</h2>
+      <p>Collect-your-GamingTools shall not be liable for any indirect, incidental, or consequential damages arising from the use of our website.</p>
+
+      <h2>6. Governing Law</h2>
+      <p>These terms are governed by the laws of India. Any disputes will be subject to the exclusive jurisdiction of the courts in Mumbai.</p>
+
+      <h2>7. Privacy Policy</h2>
+      <p>Your privacy is important to us. We collect personal information only when you place an order or create an account. For more details, please refer to our Privacy Policy.</p>
+
+      <h2>8. Return and Refund Policy</h2>
+      <p>You may return most items within 30 days of receipt for a full refund, provided they are in original condition.</p>
+
+      <h2>9. Shipping and Delivery</h2>
+      <p>We strive to process and ship your order as quickly as possible. Shipping times may vary based on your location.</p>
+
+      <h2>10. Account Security</h2>
+      <p>You are responsible for maintaining the confidentiality of your account information. Collect-your-GamingTools will not be liable for any loss or damage arising from your failure to comply.</p>
+
+      <h2>11. Promotions and Discounts</h2>
+      <p>We may offer promotions on our website, which are subject to specific terms and conditions.</p>
+
+      <h2>12. User-Generated Content</h2>
+      <p>If you submit any content, you grant Collect-your-GamingTools the right to use, reproduce, and modify that content.</p>
+
+      <h2>13. Changes to the Terms</h2>
+      <p>We may update these terms from time to time. Any changes will be posted on this page.</p>
+
+      <div class="terms-thanks">
+        <p>
+          Thank you for visiting <a href="index.html" style="color: #ff6f61;">Collect-your-GamingTools</a>. If you have any questions about these terms, please <a href="contact.html" style="color: #ff6f61;">Contact Us</a>.
+        </p>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -120,7 +120,7 @@ <h2 class="h2">Sign up for exclusive offers & updates</h2>
                         <button type="submit" class="signup-btn1">Get 30% Off Now</button>
                     </form>
                     <a href="#" class="no-thanks close1-btn">No thanks</a>
-                    <p class="terms">By signing up, you agree to our <a href="terms.html">Terms of Service</a> and <a
+                    <p class="terms">By signing up, you agree to our <a href="TermsOfService/terms.html">Terms of Service</a> and <a
                             href="PrivacyPolicy/PrivacyPolicy.html">Privacy Policy</a>.</p>
                 </div>
             </div>
@@ -671,7 +671,7 @@ <h2>Quick Links</h2>
                 <h2>Legal Links</h2>
                 <ul>
                     <li><a href="PrivacyPolicy/PrivacyPolicy.html">Privacy Policy</a></li>
-                    <li><a href="terms.html">Terms of Service </a></li>
+                    <li><a href="TermsOfService/terms.html">Terms of Service </a></li>
                     <li><a href="#">Cookie Policy</a></li>
                     <li><a href="#">Disclaimer</a></li>
                     <li><a href="#">Return Policy</a></li>

diff --git a/terms.html b/terms.html