|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Terms & Conditions</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
</head> |
|
|
<body class="bg-gray-50 min-h-screen flex flex-col"> |
|
|
<div class="container mx-auto px-4 py-8 flex-grow flex flex-col"> |
|
|
<header class="mb-6"> |
|
|
<h1 class="text-2xl font-bold text-gray-800">Terms & Conditions</h1> |
|
|
<p class="text-gray-600">Please read carefully before proceeding</p> |
|
|
</header> |
|
|
|
|
|
<div class="terms-container bg-white rounded-lg shadow-md p-6 mb-4 flex-grow overflow-y-auto"> |
|
|
<h2 class="text-xl font-semibold mb-4">1. Introduction</h2> |
|
|
<p class="mb-4">Welcome to our service. These terms and conditions outline the rules and regulations for using our platform.</p> |
|
|
|
|
|
<h2 class="text-xl font-semibold mb-4">2. Intellectual Property</h2> |
|
|
<p class="mb-4">The content, organization, graphics, design, and other matters related to our service are protected under applicable copyrights and other proprietary laws.</p> |
|
|
|
|
|
<h2 class="text-xl font-semibold mb-4">3. User Responsibilities</h2> |
|
|
<p class="mb-4">You agree to use our service only for lawful purposes and in a way that does not infringe the rights of others.</p> |
|
|
|
|
|
<h2 class="text-xl font-semibold mb-4">4. Privacy Policy</h2> |
|
|
<p class="mb-4">Your use of our service is also governed by our Privacy Policy, which explains how we collect, use, and protect your personal information.</p> |
|
|
|
|
|
<h2 class="text-xl font-semibold mb-4">5. Limitation of Liability</h2> |
|
|
<p class="mb-4">We shall not be liable for any indirect, incidental, special, consequential or punitive damages resulting from your use of our service.</p> |
|
|
|
|
|
<h2 class="text-xl font-semibold mb-4">6. Changes to Terms</h2> |
|
|
<p class="mb-4">We reserve the right to modify these terms at any time. Your continued use of the service after such changes constitutes your acceptance of the new terms.</p> |
|
|
|
|
|
<h2 class="text-xl font-semibold mb-4">7. Governing Law</h2> |
|
|
<p class="mb-4">These terms shall be governed by and construed in accordance with the laws of the jurisdiction in which our company is registered.</p> |
|
|
|
|
|
<div id="end-of-terms" class="pt-8"> |
|
|
<div class="flex items-center justify-center mb-6"> |
|
|
<input type="checkbox" id="agree-checkbox" class="mr-2 h-5 w-5 text-indigo-600"> |
|
|
<label for="agree-checkbox" class="text-gray-700">I have read and agree to the Terms & Conditions</label> |
|
|
</div> |
|
|
<button id="continue-btn" disabled class="w-full bg-gray-400 text-white py-3 px-4 rounded-lg font-medium transition duration-200"> |
|
|
Continue |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script src="script.js"></script> |
|
|
<script>feather.replace();</script> |
|
|
</body> |
|
|
</html> |
