Hugging Face's logo

Spaces:
malik-AI
/
email-checker
Running

App Files Community
malik-AI commited on
Commit
6e6c07a
·
verified ·
1 Parent(s): 3989299

make ppt on pakistan property

Browse files
Files changed (2) hide show
  1. index.html +3 -3
  2. presentation.html +205 -284
index.html CHANGED
@@ -16,13 +16,13 @@
16
  <a href="/">PakistanProperty.com</a>
17
  </div>
18
  <nav>
 
 
19
  <a href="#">Buy</a>
20
  <a href="#">Rent</a>
21
  <a href="#">Sell</a>
22
- <a href="#">Agents</a>
23
- <a href="#">Blog</a>
24
  </nav>
25
- <div class="auth-buttons">
26
  <a href="#" class="btn btn-outline">Login</a>
27
  <a href="#" class="btn">Register</a>
28
  </div>
 
16
  <a href="/">PakistanProperty.com</a>
17
  </div>
18
  <nav>
19
+ <a href="/">Home</a>
20
+ <a href="/presentation.html">Presentation</a>
21
  <a href="#">Buy</a>
22
  <a href="#">Rent</a>
23
  <a href="#">Sell</a>
 
 
24
  </nav>
25
+ <div class="auth-buttons">
26
  <a href="#" class="btn btn-outline">Login</a>
27
  <a href="#" class="btn">Register</a>
28
  </div>
presentation.html CHANGED
@@ -3,365 +3,286 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Pakistan Property - Presentation</title>
7
  <link rel="stylesheet" href="style.css">
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
10
- /* Presentation-specific styles */
11
  .presentation {
12
- width: 100%;
13
- height: 100vh;
14
- overflow: hidden;
15
- position: relative;
16
  }
17
-
18
  .slide {
19
- width: 100%;
20
- height: 100%;
21
- position: absolute;
22
- top: 0;
23
- left: 0;
24
- opacity: 0;
25
- transition: opacity 0.5s ease;
26
- padding: 2rem;
27
  background-color: white;
 
 
 
 
 
 
28
  display: flex;
29
  flex-direction: column;
30
  justify-content: center;
31
  }
32
-
33
- .slide.active {
34
- opacity: 1;
35
- z-index: 1;
36
- }
37
-
38
  .slide-title {
39
- font-size: 3rem;
40
  color: #e74c3c;
41
- margin-bottom: 2rem;
 
42
  text-align: center;
43
  }
44
-
45
  .slide-content {
46
- font-size: 1.5rem;
47
- line-height: 1.6;
48
- max-width: 900px;
49
- margin: 0 auto;
50
  }
51
-
52
- .slide-grid {
53
  display: grid;
54
- grid-template-columns: repeat(2, 1fr);
55
- gap: 2rem;
56
- margin-top: 2rem;
57
  }
58
-
59
- .slide-item {
60
- background-color: #f8f9fa;
61
  padding: 1.5rem;
62
  border-radius: 8px;
63
- box-shadow: 0 2px 8px rgba(0,0,0,0.1);
64
  }
65
-
66
- .slide-item h3 {
67
- color: #2c3e50;
68
- margin-bottom: 1rem;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
69
  }
70
-
71
  .navigation {
72
- position: fixed;
73
- bottom: 2rem;
74
- right: 2rem;
75
- z-index: 100;
76
  display: flex;
 
77
  gap: 1rem;
 
78
  }
79
-
80
  .nav-btn {
81
- width: 50px;
82
- height: 50px;
83
- border-radius: 50%;
84
  background-color: #e74c3c;
85
  color: white;
86
- display: flex;
87
- align-items: center;
88
- justify-content: center;
89
- cursor: pointer;
90
- font-size: 1.2rem;
91
  border: none;
 
 
 
 
92
  transition: background-color 0.3s;
93
  }
94
-
95
  .nav-btn:hover {
96
  background-color: #c0392b;
97
  }
98
-
99
- .progress-bar {
100
- position: fixed;
101
- top: 0;
102
- left: 0;
103
- width: 0%;
104
- height: 5px;
105
- background-color: #e74c3c;
106
- z-index: 100;
107
- }
108
-
109
- .slide-number {
110
- position: fixed;
111
- bottom: 2rem;
112
- left: 2rem;
113
- z-index: 100;
114
- color: #2c3e50;
115
- font-weight: bold;
116
- }
117
  </style>
118
  </head>
119
  <body>
120
- <div class="progress-bar"></div>
121
- <div class="slide-number">1/8</div>
122
-
123
- <div class="presentation">
124
- <!-- Slide 1: Title -->
125
- <div class="slide active">
126
- <div class="slide-content">
127
- <h1 class="slide-title">Pakistan Property</h1>
128
- <p style="text-align: center; font-size: 1.8rem; margin-bottom: 3rem;">Your Gateway to Real Estate in Pakistan</p>
129
- <div style="text-align: center;">
130
- <img src="https://static.photos/cityscape/640x360/1" alt="Pakistan City" style="max-width: 100%; border-radius: 8px;">
131
  </div>
 
 
 
 
 
 
132
  </div>
133
  </div>
134
-
135
- <!-- Slide 2: About -->
136
- <div class="slide">
 
 
 
137
  <div class="slide-content">
138
- <h2 class="slide-title">About Pakistan Property</h2>
139
- <p>Pakistan Property is the premier real estate platform connecting buyers, sellers, and renters across Pakistan's major cities.</p>
140
-
141
- <div class="slide-grid">
142
- <div class="slide-item">
143
- <h3><i class="fas fa-bullseye"></i> Our Mission</h3>
144
- <p>To simplify property transactions and provide transparent, reliable real estate services nationwide.</p>
145
- </div>
146
- <div class="slide-item">
147
- <h3><i class="fas fa-chart-line"></i> Market Position</h3>
148
- <p>Over 50,000 active listings and 10,000+ satisfied customers since our launch.</p>
149
- </div>
150
  </div>
151
  </div>
152
- </div>
153
-
154
- <!-- Slide 3: Services -->
155
- <div class="slide">
 
156
  <div class="slide-content">
157
- <h2 class="slide-title">Our Services</h2>
158
- <p>Comprehensive real estate solutions tailored to your needs:</p>
 
 
 
 
 
159
 
160
- <div class="slide-grid">
161
- <div class="slide-item">
162
- <h3><i class="fas fa-home"></i> Residential Properties</h3>
163
- <p>Houses, apartments, and plots in prime locations across Pakistan.</p>
164
- </div>
165
- <div class="slide-item">
166
- <h3><i class="fas fa-building"></i> Commercial Properties</h3>
167
- <p>Shops, offices, and commercial plots in business districts.</p>
168
  </div>
169
- <div class="slide-item">
170
- <h3><i class="fas fa-handshake"></i> Rental Solutions</h3>
171
- <p>Short-term and long-term rental options with verified landlords.</p>
172
  </div>
173
- <div class="slide-item">
174
- <h3><i class="fas fa-user-tie"></i> Agent Services</h3>
175
- <p>Connect with licensed real estate professionals.</p>
176
  </div>
177
  </div>
178
  </div>
179
- </div>
180
-
181
- <!-- Slide 4: Property Types -->
182
- <div class="slide">
 
183
  <div class="slide-content">
184
- <h2 class="slide-title">Property Types</h2>
185
- <p>We cater to all real estate needs across Pakistan:</p>
186
-
187
- <div class="slide-grid">
188
- <div class="slide-item">
189
- <h3><i class="fas fa-home"></i> Houses</h3>
190
- <p>From luxury villas to affordable homes in all major cities.</p>
191
- </div>
192
- <div class="slide-item">
193
- <h3><i class="fas fa-building"></i> Apartments</h3>
194
- <p>Modern apartments with amenities in secure complexes.</p>
195
- </div>
196
- <div class="slide-item">
197
- <h3><i class="fas fa-vector-square"></i> Plots</h3>
198
- <p>Residential and commercial plots in developing areas.</p>
199
- </div>
200
- <div class="slide-item">
201
- <h3><i class="fas fa-store"></i> Commercial</h3>
202
- <p>Shops, offices, and warehouses in prime locations.</p>
203
- </div>
204
  </div>
205
- </div>
206
- </div>
207
-
208
- <!-- Slide 5: Market Coverage -->
209
- <div class="slide">
210
- <div class="slide-content">
211
- <h2 class="slide-title">Market Coverage</h2>
212
- <p>We operate in all major cities across Pakistan:</p>
213
 
214
- <div class="slide-grid">
215
- <div class="slide-item">
216
- <h3><i class="fas fa-city"></i> Karachi</h3>
217
- <p>DHA, Clifton, Gulshan, and other prime areas.</p>
218
- </div>
219
- <div class="slide-item">
220
- <h3><i class="fas fa-mosque"></i> Lahore</h3>
221
- <p>Bahria Town, DHA, Gulberg, and Model Town.</p>
222
- </div>
223
- <div class="slide-item">
224
- <h3><i class="fas fa-monument"></i> Islamabad</h3>
225
- <p>Sectors, DHA, Bahria Town, and Margalla Hills.</p>
226
- </div>
227
- <div class="slide-item">
228
- <h3><i class="fas fa-mountain"></i> Other Cities</h3>
229
- <p>Rawalpindi, Peshawar, Multan, and Faisalabad.</p>
230
- </div>
231
  </div>
 
 
232
  </div>
233
- </div>
234
-
235
- <!-- Slide 6: Technology -->
236
- <div class="slide">
 
237
  <div class="slide-content">
238
- <h2 class="slide-title">Technology Platform</h2>
239
- <p>Our advanced platform makes property transactions seamless:</p>
 
 
 
 
 
 
240
 
241
- <div class="slide-grid">
242
- <div class="slide-item">
243
- <h3><i class="fas fa-mobile-alt"></i> Mobile-Friendly</h3>
244
- <p>Responsive design works on all devices.</p>
245
- </div>
246
- <div class="slide-item">
247
- <h3><i class="fas fa-search"></i> Advanced Search</h3>
248
- <p>Filter properties by location, price, and features.</p>
249
- </div>
250
- <div class="slide-item">
251
- <h3><i class="fas fa-images"></i> Virtual Tours</h3>
252
- <p>360° views and video walkthroughs for remote viewing.</p>
253
- </div>
254
- <div class="slide-item">
255
- <h3><i class="fas fa-shield-alt"></i> Secure Transactions</h3>
256
- <p>Verified listings and secure payment options.</p>
257
- </div>
258
  </div>
259
  </div>
260
- </div>
261
-
262
- <!-- Slide 7: Success Metrics -->
263
- <div class="slide">
 
264
  <div class="slide-content">
265
- <h2 class="slide-title">Our Success</h2>
266
- <p>Key metrics that demonstrate our market leadership:</p>
 
 
 
 
 
 
267
 
268
- <div class="slide-grid">
269
- <div class="slide-item">
270
- <h3><i class="fas fa-chart-pie"></i> 50,000+</h3>
271
- <p>Active property listings across Pakistan</p>
272
- </div>
273
- <div class="slide-item">
274
- <h3><i class="fas fa-users"></i> 10,000+</h3>
275
- <p>Satisfied customers served</p>
276
- </div>
277
- <div class="slide-item">
278
- <h3><i class="fas fa-map-marked-alt"></i> 25+</h3>
279
- <p>Cities covered nationwide</p>
280
- </div>
281
- <div class="slide-item">
282
- <h3><i class="fas fa-certificate"></i> 100+</h3>
283
- <p>Verified real estate partners</p>
284
- </div>
285
  </div>
286
  </div>
287
- </div>
288
-
289
- <!-- Slide 8: Contact -->
290
- <div class="slide">
 
291
  <div class="slide-content">
292
- <h2 class="slide-title">Get Started Today</h2>
293
- <p style="text-align: center; margin-bottom: 3rem;">Join thousands of satisfied customers finding their dream properties.</p>
 
 
 
 
 
294
 
295
- <div class="slide-grid" style="grid-template-columns: 1fr;">
296
- <div class="slide-item">
297
- <h3 style="text-align: center;"><i class="fas fa-envelope"></i> Contact Us</h3>
298
- <p style="text-align: center;">Email: info@pakistanproperty.com</p>
299
- <p style="text-align: center;">Phone: +92 300 1234567</p>
300
- <p style="text-align: center;">Website: www.pakistanproperty.com</p>
 
301
  </div>
302
  </div>
303
-
304
- <div style="text-align: center; margin-top: 2rem;">
305
- <img src="https://static.photos/technology/640x360/1" alt="Contact Us" style="max-width: 100%; border-radius: 8px;">
306
- </div>
307
  </div>
 
 
 
 
 
308
  </div>
309
- </div>
310
-
311
- <div class="navigation">
312
- <button class="nav-btn" id="prev-btn"><i class="fas fa-arrow-left"></i></button>
313
- <button class="nav-btn" id="next-btn"><i class="fas fa-arrow-right"></i></button>
314
- </div>
315
-
316
  <script>
317
- document.addEventListener('DOMContentLoaded', function() {
318
- const slides = document.querySelectorAll('.slide');
319
- const prevBtn = document.getElementById('prev-btn');
320
- const nextBtn = document.getElementById('next-btn');
321
- const progressBar = document.querySelector('.progress-bar');
322
- const slideNumber = document.querySelector('.slide-number');
323
-
324
- let currentSlide = 0;
325
-
326
- function updateSlide() {
327
- slides.forEach((slide, index) => {
328
- if (index === currentSlide) {
329
- slide.classList.add('active');
330
- } else {
331
- slide.classList.remove('active');
332
- }
333
- });
334
-
335
- progressBar.style.width = `${(currentSlide + 1) / slides.length * 100}%`;
336
- slideNumber.textContent = `${currentSlide + 1}/${slides.length}`;
337
- }
338
-
339
- function nextSlide() {
340
- if (currentSlide < slides.length - 1) {
341
- currentSlide++;
342
- updateSlide();
343
- }
344
  }
345
-
346
- function prevSlide() {
347
- if (currentSlide > 0) {
348
- currentSlide--;
349
- updateSlide();
350
- }
351
  }
352
-
353
- nextBtn.addEventListener('click', nextSlide);
354
- prevBtn.addEventListener('click', prevSlide);
355
-
356
- // Keyboard navigation
357
- document.addEventListener('keydown', function(e) {
358
- if (e.key === 'ArrowRight') nextSlide();
359
- if (e.key === 'ArrowLeft') prevSlide();
360
- });
361
-
362
- // Initialize
363
- updateSlide();
364
  });
 
 
 
365
  </script>
366
  </body>
367
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Pakistan Property Market Presentation</title>
7
  <link rel="stylesheet" href="style.css">
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
10
+ /* Presentation specific styles */
11
  .presentation {
12
+ background-color: #f5f5f5;
13
+ min-height: 100dvh;
 
 
14
  }
 
15
  .slide {
 
 
 
 
 
 
 
 
16
  background-color: white;
17
+ border-radius: 8px;
18
+ box-shadow: 0 4px 20px rgba(0,0,0,0.1);
19
+ padding: 2rem;
20
+ margin: 2rem auto;
21
+ max-width: 1000px;
22
+ min-height: 80dvh;
23
  display: flex;
24
  flex-direction: column;
25
  justify-content: center;
26
  }
 
 
 
 
 
 
27
  .slide-title {
 
28
  color: #e74c3c;
29
+ font-size: 2.5rem;
30
+ margin-bottom: 1.5rem;
31
  text-align: center;
32
  }
 
33
  .slide-content {
34
+ font-size: 1.2rem;
35
+ line-height: 1.8;
 
 
36
  }
37
+ .stats-grid {
 
38
  display: grid;
39
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
40
+ gap: 1.5rem;
41
+ margin: 2rem 0;
42
  }
43
+ .stat-card {
44
+ background: linear-gradient(135deg, #2c3e50, #34495e);
45
+ color: white;
46
  padding: 1.5rem;
47
  border-radius: 8px;
48
+ text-align: center;
49
  }
50
+ .stat-value {
51
+ font-size: 2.5rem;
52
+ font-weight: bold;
53
+ margin-bottom: 0.5rem;
54
+ }
55
+ .stat-label {
56
+ font-size: 1rem;
57
+ }
58
+ .property-types {
59
+ display: flex;
60
+ flex-wrap: wrap;
61
+ gap: 1rem;
62
+ justify-content: center;
63
+ }
64
+ .property-type {
65
+ background-color: #3498db;
66
+ color: white;
67
+ padding: 1rem 1.5rem;
68
+ border-radius: 30px;
69
+ font-weight: 500;
70
+ }
71
+ .property-image-grid {
72
+ display: grid;
73
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
74
+ gap: 1rem;
75
+ margin: 2rem 0;
76
+ }
77
+ .property-image-grid img {
78
+ width: 100%;
79
+ border-radius: 8px;
80
+ box-shadow: 0 2px 8px rgba(0,0,0,0.1);
81
  }
 
82
  .navigation {
 
 
 
 
83
  display: flex;
84
+ justify-content: center;
85
  gap: 1rem;
86
+ margin-top: 2rem;
87
  }
 
88
  .nav-btn {
 
 
 
89
  background-color: #e74c3c;
90
  color: white;
 
 
 
 
 
91
  border: none;
92
+ padding: 0.75rem 1.5rem;
93
+ border-radius: 4px;
94
+ cursor: pointer;
95
+ font-weight: 500;
96
  transition: background-color 0.3s;
97
  }
 
98
  .nav-btn:hover {
99
  background-color: #c0392b;
100
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
101
  </style>
102
  </head>
103
  <body>
104
+ <header>
105
+ <div class="top-bar">
106
+ <div class="container">
107
+ <div class="logo">
108
+ <a href="/">PakistanProperty.com</a>
 
 
 
 
 
 
109
  </div>
110
+ <nav>
111
+ <a href="/">Home</a>
112
+ <a href="/presentation.html">Presentation</a>
113
+ <a href="#">Buy</a>
114
+ <a href="#">Sell</a>
115
+ </nav>
116
  </div>
117
  </div>
118
+ </header>
119
+
120
+ <main class="presentation">
121
+ <!-- Slide 1: Title Slide -->
122
+ <section class="slide" id="slide1">
123
+ <h1 class="slide-title">Pakistan Property Market Overview</h1>
124
  <div class="slide-content">
125
+ <p style="text-align: center;">Presented by PakistanProperty.com</p>
126
+ <div style="text-align: center; margin-top: 2rem;">
127
+ <img src="https://static.photos/cityscape/640x360/1" alt="Pakistan Cityscape" style="max-width: 100%; border-radius: 8px;">
 
 
 
 
 
 
 
 
 
128
  </div>
129
  </div>
130
+ </section>
131
+
132
+ <!-- Slide 2: Market Overview -->
133
+ <section class="slide" id="slide2" style="display: none;">
134
+ <h2 class="slide-title">Pakistan Real Estate Market Overview</h2>
135
  <div class="slide-content">
136
+ <ul>
137
+ <li>Pakistan's real estate market has shown consistent growth over the past decade</li>
138
+ <li>Total market value estimated at PKR 7.5 trillion (2023)</li>
139
+ <li>Key growth drivers: urbanization, population growth, and CPEC developments</li>
140
+ <li>Major cities account for 65% of all property transactions</li>
141
+ <li>Average annual appreciation of 10-15% in prime locations</li>
142
+ </ul>
143
 
144
+ <div class="stats-grid">
145
+ <div class="stat-card">
146
+ <div class="stat-value">PKR 7.5T</div>
147
+ <div class="stat-label">Market Size</div>
 
 
 
 
148
  </div>
149
+ <div class="stat-card">
150
+ <div class="stat-value">12%</div>
151
+ <div class="stat-label">Avg. Annual Growth</div>
152
  </div>
153
+ <div class="stat-card">
154
+ <div class="stat-value">65%</div>
155
+ <div class="stat-label">Urban Transactions</div>
156
  </div>
157
  </div>
158
  </div>
159
+ </section>
160
+
161
+ <!-- Slide 3: Property Types -->
162
+ <section class="slide" id="slide3" style="display: none;">
163
+ <h2 class="slide-title">Property Types in Pakistan</h2>
164
  <div class="slide-content">
165
+ <div class="property-types">
166
+ <span class="property-type">Residential Houses</span>
167
+ <span class="property-type">Apartments</span>
168
+ <span class="property-type">Commercial Plots</span>
169
+ <span class="property-type">Agricultural Land</span>
170
+ <span class="property-type">Industrial Properties</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
171
  </div>
 
 
 
 
 
 
 
 
172
 
173
+ <div class="property-image-grid">
174
+ <img src="https://static.photos/houses/320x240/1" alt="Luxury House">
175
+ <img src="https://static.photos/apartments/320x240/2" alt="Modern Apartment">
176
+ <img src="https://static.photos/commercial/320x240/3" alt="Commercial Property">
177
+ <img src="https://static.photos/agriculture/320x240/4" alt="Agricultural Land">
 
 
 
 
 
 
 
 
 
 
 
 
178
  </div>
179
+
180
+ <p style="margin-top: 1rem;">Each property type serves different investment purposes and has unique characteristics.</p>
181
  </div>
182
+ </section>
183
+
184
+ <!-- Slide 4: Hot Locations -->
185
+ <section class="slide" id="slide4" style="display: none;">
186
+ <h2 class="slide-title">Hot Property Locations</h2>
187
  <div class="slide-content">
188
+ <h3 style="margin-bottom: 1rem; color: #e74c3c;">Top Cities for Investment</h3>
189
+ <ol>
190
+ <li><strong>Karachi</strong> - DHA, Clifton, Bahria Town</li>
191
+ <li><strong>Lahore</strong> - DHA, Bahria Town, Gulberg</li>
192
+ <li><strong>Islamabad</strong> - DHA, Bahria Town, E-11</li>
193
+ <li><strong>Rawalpindi</strong> - DHA, Bahria Town</li>
194
+ <li><strong>Peshawar</strong> - Hayatabad, Regi Model Town</li>
195
+ </ol>
196
 
197
+ <div style="margin-top: 2rem;">
198
+ <h3 style="margin-bottom: 1rem; color: #e74c3c;">Emerging Locations</h3>
199
+ <ul>
200
+ <li>Gwadar - CPEC developments</li>
201
+ <li>New Islamabad Airport Zone</li>
202
+ <li>Lahore Central Business District</li>
203
+ <li>Karachi Waterfront Development</li>
204
+ </ul>
 
 
 
 
 
 
 
 
 
205
  </div>
206
  </div>
207
+ </section>
208
+
209
+ <!-- Slide 5: Investment Potential -->
210
+ <section class="slide" id="slide5" style="display: none;">
211
+ <h2 class="slide-title">Investment Potential</h2>
212
  <div class="slide-content">
213
+ <h3 style="margin-bottom: 1rem; color: #e74c3c;">Why Invest in Pakistan Real Estate?</h3>
214
+ <ul>
215
+ <li><strong>High Returns:</strong> Average 12-15% annual appreciation</li>
216
+ <li><strong>Dollar Hedge:</strong> Property values track with USD exchange rate</li>
217
+ <li><strong>Rental Income:</strong> 5-8% annual yield in major cities</li>
218
+ <li><strong>Tax Benefits:</strong> Capital gains tax exemptions</li>
219
+ <li><strong>Security:</strong> Tangible asset with long-term value</li>
220
+ </ul>
221
 
222
+ <div style="margin-top: 2rem; background-color: #f9f9f9; padding: 1.5rem; border-radius: 8px;">
223
+ <h4 style="color: #2c3e50; margin-bottom: 1rem;">Case Study: DHA Karachi</h4>
224
+ <p>Property values in DHA Karachi have increased by 300% over the past 10 years, outperforming most other investment options.</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
225
  </div>
226
  </div>
227
+ </section>
228
+
229
+ <!-- Slide 6: Conclusion -->
230
+ <section class="slide" id="slide6" style="display: none;">
231
+ <h2 class="slide-title">Conclusion & Next Steps</h2>
232
  <div class="slide-content">
233
+ <h3 style="margin-bottom: 1rem; color: #e74c3c;">Key Takeaways</h3>
234
+ <ul>
235
+ <li>Pakistan's property market offers strong growth potential</li>
236
+ <li>Diversified property types for different investment strategies</li>
237
+ <li>Prime locations continue to appreciate in value</li>
238
+ <li>Government incentives and CPEC are driving growth</li>
239
+ </ul>
240
 
241
+ <div style="margin-top: 2rem; text-align: center;">
242
+ <h3 style="color: #2c3e50; margin-bottom: 1rem;">Connect With Us</h3>
243
+ <p>Start your property journey today with PakistanProperty.com</p>
244
+ <div style="margin-top: 1rem; font-size: 1.5rem;">
245
+ <a href="#" style="color: #e74c3c; margin: 0 0.5rem;"><i class="fab fa-facebook"></i></a>
246
+ <a href="#" style="color: #e74c3c; margin: 0 0.5rem;"><i class="fab fa-twitter"></i></a>
247
+ <a href="#" style="color: #e74c3c; margin: 0 0.5rem;"><i class="fab fa-instagram"></i></a>
248
  </div>
249
  </div>
 
 
 
 
250
  </div>
251
+ </section>
252
+
253
+ <div class="navigation">
254
+ <button class="nav-btn" id="prevBtn">Previous</button>
255
+ <button class="nav-btn" id="nextBtn">Next</button>
256
  </div>
257
+ </main>
258
+
 
 
 
 
 
259
  <script>
260
+ // Simple slide navigation
261
+ let currentSlide = 1;
262
+ const totalSlides = 6;
263
+
264
+ function showSlide(n) {
265
+ document.querySelectorAll('.slide').forEach(slide => {
266
+ slide.style.display = 'none';
267
+ });
268
+ document.getElementById(`slide${n}`).style.display = 'flex';
269
+ currentSlide = n;
270
+ }
271
+
272
+ document.getElementById('nextBtn').addEventListener('click', () => {
273
+ if (currentSlide < totalSlides) {
274
+ showSlide(currentSlide + 1);
 
 
 
 
 
 
 
 
 
 
 
 
275
  }
276
+ });
277
+
278
+ document.getElementById('prevBtn').addEventListener('click', () => {
279
+ if (currentSlide > 1) {
280
+ showSlide(currentSlide - 1);
 
281
  }
 
 
 
 
 
 
 
 
 
 
 
 
282
  });
283
+
284
+ // Initialize first slide
285
+ showSlide(1);
286
  </script>
287
  </body>
288
  </html>