Hugging Face's logo

Spaces:
iimran
/
ttt
Running

App Files Community
iimran commited on
Commit
be2893c
·
verified ·
1 Parent(s): 7b8825c

Remove This template is for informational purposes only. Consult with a legal professional for specific requirements. and print edit buttons - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. lease-agreement.html +197 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ttt
3
- emoji: 😻
4
- colorFrom: yellow
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: ttt
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
lease-agreement.html ADDED
@@ -0,0 +1,197 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Modern Lease Agreement</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <style>
11
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
12
+
13
+ body {
14
+ font-family: 'Inter', sans-serif;
15
+ background-color: #f9fafb;
16
+ }
17
+
18
+ .header-bg {
19
+ background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
20
+ }
21
+
22
+ .signature-box {
23
+ border-bottom: 1px solid #d1d5db;
24
+ min-width: 250px;
25
+ }
26
+
27
+ .print-btn:hover {
28
+ background-color: #4f46e5;
29
+ }
30
+
31
+ .edit-btn:hover {
32
+ background-color: #10b981;
33
+ }
34
+
35
+ input, textarea {
36
+ border-bottom: 1px dashed #9ca3af;
37
+ transition: all 0.2s ease;
38
+ }
39
+
40
+ input:focus, textarea:focus {
41
+ outline: none;
42
+ border-bottom: 1px solid #4f46e5;
43
+ }
44
+
45
+ .section-title {
46
+ position: relative;
47
+ padding-left: 1rem;
48
+ }
49
+
50
+ .section-title:before {
51
+ content: '';
52
+ position: absolute;
53
+ left: 0;
54
+ top: 0;
55
+ height: 100%;
56
+ width: 4px;
57
+ background: linear-gradient(to bottom, #4f46e5, #7c3aed);
58
+ border-radius: 4px;
59
+ }
60
+ </style>
61
+ </head>
62
+ <body class="bg-gray-50">
63
+ <div class="max-w-4xl mx-auto my-8 bg-white rounded-xl shadow-md overflow-hidden">
64
+ <!-- Header -->
65
+ <div class="header-bg text-white px-8 py-6">
66
+ <div class="flex justify-between items-center">
67
+ <div>
68
+ <h1 class="text-3xl font-bold">RESIDENTIAL LEASE AGREEMENT</h1>
69
+ <p class="text-indigo-100 mt-1">Legally Binding Contract</p>
70
+ </div>
71
+ </div>
72
+ </div>
73
+
74
+ <!-- Main Content -->
75
+ <div class="px-8 py-6">
76
+ <!-- Parties Section -->
77
+ <div class="mb-8">
78
+ <h2 class="section-title text-xl font-semibold text-gray-800 mb-4">Parties to Agreement</h2>
79
+ <p class="text-gray-700 mb-4">
80
+ This Lease Agreement ("Agreement") is entered into on
81
+ <input type="text" class="bg-transparent" placeholder="03/09/2025" value="03/09/2025">
82
+ between
83
+ <input type="text" class="bg-transparent" placeholder="[Landlord Name]">
84
+ ("Landlord"), located at
85
+ <input type="text" class="bg-transparent" placeholder="[Landlord Address]">,
86
+ and
87
+ <input type="text" class="bg-transparent" placeholder="[Tenant Name]">
88
+ ("Tenant"), located at
89
+ <input type="text" class="bg-transparent" placeholder="[Tenant Address]">.
90
+ </p>
91
+ </div>
92
+
93
+ <!-- Property Description -->
94
+ <div class="mb-8">
95
+ <h2 class="section-title text-xl font-semibold text-gray-800 mb-4">Property Description</h2>
96
+ <p class="text-gray-700">
97
+ The Landlord agrees to rent to the Tenant the residential property located at
98
+ <input type="text" class="bg-transparent" placeholder="[Property Address]">
99
+ ("Premises"), including all fixtures and appliances therein.
100
+ </p>
101
+ </div>
102
+
103
+ <!-- Lease Terms -->
104
+ <div class="mb-8">
105
+ <h2 class="section-title text-xl font-semibold text-gray-800 mb-4">Lease Terms</h2>
106
+ <p class="text-gray-700">
107
+ The lease term shall commence on
108
+ <input type="text" class="bg-transparent" placeholder="[Start Date]">
109
+ and shall end on
110
+ <input type="text" class="bg-transparent" placeholder="[End Date]">,
111
+ unless terminated earlier in accordance with the terms herein.
112
+ </p>
113
+ </div>
114
+
115
+ <!-- Financial Terms -->
116
+ <div class="mb-8">
117
+ <h2 class="section-title text-xl font-semibold text-gray-800 mb-4">Financial Terms</h2>
118
+ <div class="ml-4">
119
+ <p class="text-gray-700 mb-2">
120
+ <span class="font-medium">Monthly Rent:</span> The Tenant agrees to pay rent in the amount of
121
+ <input type="text" class="bg-transparent" placeholder="[Rent Amount]">
122
+ per month, due on the first day of each month.
123
+ </p>
124
+ <p class="text-gray-700">
125
+ <span class="font-medium">Security Deposit:</span> Upon execution of this Agreement, Tenant shall pay a security deposit of
126
+ <input type="text" class="bg-transparent" placeholder="[Security Deposit Amount]">
127
+ to secure performance of Tenant's obligations hereunder.
128
+ </p>
129
+ </div>
130
+ </div>
131
+
132
+ <!-- Standard Terms -->
133
+ <div class="mb-8">
134
+ <h2 class="section-title text-xl font-semibold text-gray-800 mb-4">Standard Terms & Conditions</h2>
135
+ <div class="ml-4 space-y-4">
136
+ <div>
137
+ <h3 class="font-medium text-gray-800">1. Use of Premises</h3>
138
+ <p class="text-gray-700">
139
+ The Premises shall be used solely as a private residential dwelling and for no other purpose.
140
+ </p>
141
+ </div>
142
+ <div>
143
+ <h3 class="font-medium text-gray-800">2. Maintenance and Repairs</h3>
144
+ <p class="text-gray-700">
145
+ Tenant shall maintain the Premises in good condition and promptly report any needed repairs to Landlord.
146
+ </p>
147
+ </div>
148
+ <div>
149
+ <h3 class="font-medium text-gray-800">3. Pets</h3>
150
+ <p class="text-gray-700">
151
+ No pets shall be kept on the Premises without prior written consent of Landlord.
152
+ </p>
153
+ </div>
154
+ <div>
155
+ <h3 class="font-medium text-gray-800">4. Utilities</h3>
156
+ <p class="text-gray-700">
157
+ Tenant shall be responsible for all utilities unless otherwise specified in writing.
158
+ </p>
159
+ </div>
160
+ </div>
161
+ </div>
162
+
163
+ <!-- Special Terms -->
164
+ <div class="mb-8">
165
+ <h2 class="section-title text-xl font-semibold text-gray-800 mb-4">Special Terms & Conditions</h2>
166
+ <textarea class="w-full bg-transparent min-h-[100px]" placeholder="[Additional terms and conditions to be specified]"></textarea>
167
+ </div>
168
+
169
+ <!-- Signatures -->
170
+ <div class="mt-12">
171
+ <h2 class="section-title text-xl font-semibold text-gray-800 mb-6">Signatures</h2>
172
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
173
+ <div>
174
+ <h3 class="font-medium text-gray-800 mb-2">Landlord Signature</h3>
175
+ <div class="signature-box pb-2 mb-2">
176
+ <input type="text" class="bg-transparent w-full" placeholder="[Landlord Name]">
177
+ </div>
178
+ <p class="text-gray-600">Date: _______________</p>
179
+ </div>
180
+ <div>
181
+ <h3 class="font-medium text-gray-800 mb-2">Tenant Signature</h3>
182
+ <div class="signature-box pb-2 mb-2">
183
+ <input type="text" class="bg-transparent w-full" placeholder="[Tenant Name]">
184
+ </div>
185
+ <p class="text-gray-600">Date: _______________</p>
186
+ </div>
187
+ </div>
188
+ </div>
189
+
190
+ </div>
191
+ </div>
192
+
193
+ <script>
194
+ feather.replace();
195
+ </script>
196
+ </body>
197
+ </html>