https://onlineform.knightfrank.co.th/loginsubscribe

1<!DOCTYPE html>
2<html lang="en" class="light-style layout-menu-fixed layout-compact" dir="ltr"
3      data-theme="theme-default"
4      data-assets-path="/"
5      data-template="horizontal-menu-template">
6<head>
7    <meta charset="utf-8" />
8    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
9    <!-- Meta Pixel Code -->
10    

10<script>

10
11        !function(f,b,e,v,n,t,s)
12        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
13        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
14        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
15        n.queue=[];t=b.createElement(e);t.async=!0;
16        t.src=v;s=b.getElementsByTagName(e)[0];
17        s.parentNode.insertBefore(t,s)}(window, document,'script',
18        'https://connect.facebook.net/en_US/fbevents.js');
19        fbq('init', '

193146805805629858

19');
20        fbq('track', 'PageView');
21    

21</script>

21
22    <noscript b-koix41z2hq>
23        <img b-koix41z2hq height="1" width="1" style="display:none"
24             src="https://www.facebook.com/tr?id=3146805805629858&ev=PageView&noscript=1" />
25    </noscript>
26    <!-- End Meta Pixel Code -->
27    <title>Subscibe - Online Form System - Knight Frank Chartered (Thailand)</title>
28
29    <!-- Favicon -->
30    <link id="favicon" rel="shortcut icon" href="/img/kft.png" type="image/x-icon" />
31
32    <!-- Fonts -->
33    <link rel="preconnect" href="https://fonts.googleapis.com" />
34    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
35    <link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&ampdisplay=swap" rel="stylesheet" />
36
37    <!-- Fonts & Flag icons -->
38    <link rel="stylesheet" href="/vendor/fonts/fontawesome.dist.css" />
39    <link rel="stylesheet" href="/vendor/fonts/tabler-icons.dist.css" />
40    <link rel="stylesheet" href="/vendor/fonts/flag-icons.dist.css" />
41
42    <!-- Core CSS -->
43    <link rel="stylesheet" href="/css/bootstrap.min.css" />
44
45    <!-- Vendors CSS -->
46    <link rel="stylesheet" href="/vendor/libs/node-waves/node-waves.dist.css" />
47    <link rel="stylesheet" href="/vendor/libs/perfect-scrollbar/perfect-scrollbar.dist.css" />
48    <link rel="stylesheet" href="/vendor/libs/animate-css/animate.dist.css" />
49    <link rel="stylesheet" href="/vendor/libs/swiper/swiper.dist.css" />
50    <link rel="stylesheet" href="/vendor/libs/datatables-bs5/datatables.bootstrap5.dist.css" />
51    <link rel="stylesheet" href="/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.dist.css" />
52    <link rel="stylesheet" href="/vendor/libs/datatables-checkboxes-jquery/datatables.checkboxes.dist.css" />
53    <link rel="stylesheet" href="/vendor/libs/dropzone/dropzone.dist.css" />
54    <link rel="stylesheet" href="/vendor/libs/select2/select2.dist.css" />
55    <link rel="stylesheet" href="/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.dist.css" />
56    <link rel="stylesheet" href="/vendor/libs/pickr/pickr-themes.dist.css" />
57
58    <style>
59        /* textarea:focus,
60        .select2-container *:focus,
61        input[type="text"]:focus,
62        input[type="password"]:focus,
63        input[type="datetime"]:focus,
64        input[type="datetime-local"]:focus,
65        input[type="date"]:focus,
66        input[type="month"]:focus,
67        input[type="time"]:focus,
68        input[type="week"]:focus,
69        input[type="number"]:focus,
70        input[type="email"]:focus,
71        input[type="url"]:focus,
72        input[type="search"]:focus,
73        input[type="tel"]:focus,
74        input[type="color"]:focus,
75        .uneditable-input:focus {
76            border-color: red;
77            box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25);
78        } */
79
80        #dvLoading {
81            display: none;
82            width: 100%;
83            height: 100%;
84            position: fixed;
85            top: 0;
86            left: 0;
87            background: url(../img/ajax-loading.gif) no-repeat center #fff;
88            text-align: center;
89            font: normal 16px Tahoma,Geneva,sans-serif;
90            border: 1px solid #FFF;
91            z-index: 10000000000000;
92            overflow: auto;
93            opacity: .4;
94        }
95    </style>
96
97    

97<script src="/js/jquery-3.6.0.js"></script>

97
98    

98<script src="/js/bootstrap.min.js"></script>

98
99    <!-- Vendor Styles -->
100    <link rel="stylesheet" href="/vendor/libs/sweetalert2/sweetalert2.dist.css" />
101    
102
103    <!-- Additionanl CSS-->
104    <link href="/css/jquery-ui.min.css" rel="stylesheet" />
105    <link href="/css/jquery.multiselect.css" rel="stylesheet" />
106    <!-- Page CSS -->
107    
108
109    <!-- Helpers -->
110    

110<script src="/vendor/js/helpers.dist.js"></script>

110
111    

111<script src="/js/config.dist.js"></script>

111
112
113    <!-- Google tag (gtag.js) -->

113
114    <script async src="https://www.googletagmanager.com/gtag/js?id=

114G-DZ91HSB5HQ

114"></script>
115    

115<script>

115window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', '

115G-DZ91HSB5HQ

115');

115</script>

115
116</head>
117<body>
118    <div b-koix41z2hq class="layout-wrapper layout-navbar-full layout-horizontal layout-without-menu">
119        <div b-koix41z2hq class="layout-container">
120
121            <div b-koix41z2hq class="layout-page">
122                <div b-koix41z2hq class="content-wrapper">
123                    <div b-koix41z2hq class="container-xxl flex-grow-1 container-p-y">
124                        
125
126
127
128<style>
129    body {
130        /* background-image: url(' /img/formsubscribe/bg.jpg'); */
131        /* font-weight: 500;
132            font-size: 18px; */
133    }
134
135    .error {
136        border-color: red;
137    }
138
139    .error-message {
140        color: red;
141        display: none;
142    }
143
144    a:hover {
145        color: #f41b39;
146    }
147
148    .text-red {
149        color: rgba(213, 0, 50);
150    }
151
152    .bg-red {
153        background-color: rgba(213, 0, 50);
154        color: white;
155    }
156
157    .text-green {
158        color: rgba(6, 79, 80, 0.9);
159    }
160
161    .bg-green {
162        background-color: rgba(6, 79, 80, 0.9);
163        color: white;
164    }
165</style>
166<div class="wrapper" style="background-color:#F0F0E3;min-height: 100vh;">
167    <header class="header-nav menu_style_home_five navbar navbar-expand-lg navbar-light h-auto p-0" style="background-color:#E2E2C9">
168        <div class="container-fluid">
169            <!-- Logo -->
170            <div class="navbar-brand">
171                <img class="logo1 img-fluid" style="width:180px; height:89px" src="/img/LOGO_KFT_Black.png" alt="header-logo3.svg">
172            </div>
173        </div>
174    </header>
175    <div class="container-fluid">
176        <div class="row">
177            <div class="col-md-6 col-12">
178                <div class="container" style="max-width: 800px; margin: 0 auto; padding: 5% 5%; background-color: #f2f0e4; color: #333; box-sizing: border-box; overflow-x: hidden;">
179                        <header style="margin-bottom: 10px;">
180                            <p style="text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-bottom: 5px; color: #555; line-height: 1.1;">
181                                GET THE LATEST UPDATES
182                            </p>
183                            <h1 style="font-family: 'Georgia', serif; margin: 0 0 15px 0; font-weight: normal; color: #2c2c2c; line-height: 1.0; font-size: clamp(26px, 7vw, 42px);">
184                                Research & Properties
185                            </h1>
186                            <p style="font-weight: bold; margin-bottom: 15px; line-height: 1.2;">
187                                Stay informed with the latest research, market insights, and curated property listings from our experts. By subscribing, you'll receive:
188                            </p>
189                        </header>
190
191                        <ul style="list-style-type: disc; padding-left: 20px; margin-bottom: 10px; line-height: 1.2;">
192                            <li style="margin-bottom: 4px;">In-depth research and reports on real estate trends, investment, and market outlook.</li>
193                            <li style="margin-bottom: 4px;">Curated property selections across prime locations in Thailand.</li>
194                            <li style="margin-bottom: 4px;">Exclusive opportunities and new listings before they reach the wider market.</li>
195                            <li style="margin-bottom: 4px;">Expert insights to support your property decisions - whether buying, selling, or investing.</li>
196                            <li style="margin-bottom: 4px;">Updates on lifestyle trends, location highlights, and emerging hotspots.</li>
197                        </ul>
198                </div>
199            </div>
200
201           <div class="col-md-6 col-12">
202                <div class="container p-sm-5">
203                    <div style="max-width: 400px; margin: 0 auto;">
204                    <h2 style="font-family: 'Georgia', serif; font-size: 32px; font-weight: normal; margin-bottom: 10px;" class="text-center">
205                        Sign in to your account
206                    </h2>
207
208                    <p style="font-weight: bold; margin-bottom: 30px;" class="text-center">
209                        New User?
210                        <a href="/subscribe" style="color: #d93025; text-decoration: none;">Create an account</a>
211                    </p>
212
213                    <form>
214                        <div class="form-group" style="margin-bottom: 20px;">
215                            <input type="email"
216                                   class="form-control"
217                                   id="signIn_email"
218                                   name="signIn_email"
219                                   placeholder="Email Address"
220                                   required
221                                   style="height: 50px; border-radius: 0; border: 1px solid #ccc; font-size: 14px; padding: 10px 15px;">
222                        </div>
223
224                        <div class="text-center">

225                            <button type="submit" id="btnSubmit" class="btn px-5"
226                                    style="background-color: #000; color: #fff; height: 50px; border-radius: 0; font-weight: bold; font-size: 14px; text-transform: none; letter-spacing: 1px;">
227                                Sign In
228                            </button>
229                        </div>
230                    </form>
231
232                </div>
233                </div>
234            </div>
235
236        </div>
237    </div>
238</div>

239<script>
240
241    $(document).ready(function () {
242        $('#btnSubmit').on('click', function (event) {
243            event.preventDefault();
244            var email = $('#signIn_email').val().trim();
245            if (email == "") {
246                Swal.fire({
247                    title: "Please enter your email",
248                    icon: 'warning',
249                    customClass: {
250                        confirmButton: 'btn btn-danger btn-lg'
251                    },
252                    showConfirmButton: true,
253                });
254            } else {
255                $.ajax({
256                    url: '/Form/CheckLoginFormSubscribe',
257                    type: 'POST',
258                    data: { Email: email },
259                    beforeSend: function () { $("#dvLoading").show(); },
260                    complete: function () { $("#dvLoading").hide(); },
261                    success: function (result) {
262
263                        if (result.isSuccess == true) {
264                            if (window.location.pathname.includes('/esg')) {
265                                window.top.location.href = 'https://research.knightfrank.co.th/esg/esg-in-thailands-office-market-insights-trends.pdf'; // URL สำหรับ /esg
266                            }
267                            else if (window.location.pathname.includes('/exclusive/the-wealth-report-2026')) {
268                                window.top.location.href = 'https://kfth.biz/5DuHRv1o';
269                            }
270                            else {
271                                window.top.location.href = 'https://www.knightfrank.co.th/research-library';
272                            }
273                        } else {
274                            Swal.fire({
275                                title: "This email isn't registered. Please register",
276                                icon: 'warning',
277                                customClass: {
278                                    confirmButton: 'btn btn-danger btn-lg'
279                                },
280                                showConfirmButton: true,
281                            });
282                        }
283                    }
284                });
285            }
286        });
287
288        // $('#btnSignup').on('click', function (event) {
289        //      if (window.location.pathname.includes('/esg')) {
290        //         window.location.href = '/esg/subscribe';
291        //      }
292        //      else if (window.location.pathname.includes('/exclusive')) {
293        //         window.location.href = '';
294        //      }
295        //      else {
296        //        window.location.href = '/subscribe';
297        //      }
298        // });
299
300    });
301</script>

301
302                    </div>
303
304                    <div b-koix41z2hq class="content-backdrop fade"></div>
305                </div>
306
307            </div>
308        </div>
309
310        <!-- Overlay -->
311        <div b-koix41z2hq class="layout-overlay layout-menu-toggle"></div>
312
313        <!-- Drag Target Area To SlideIn Menu On Small Screens -->
314        <div b-koix41z2hq class="drag-target"></div>
315    </div>
316
317    <!-- Core JS -->
318    

318<script src="/vendor/libs/jquery/jquery.dist.js"></script>

318
319    

319<script src="/vendor/libs/popper/popper.dist.js"></script>

319
320    

320<script src="/vendor/js/bootstrap.dist.js"></script>

320
321    

321<script src="/vendor/libs/node-waves/node-waves.dist.js"></script>

321
322    

322<script src="/vendor/libs/perfect-scrollbar/perfect-scrollbar.dist.js"></script>

322
323    

323<script src="/vendor/js/menu.dist.js"></script>

323
324
325    <!-- Vendors JS -->
326    

326<script src="/vendor/libs/apex-charts/apexcharts.dist.js"></script>

326
327    

327<script src="/vendor/libs/swiper/swiper.dist.js"></script>

327
328    

328<script src="/vendor/libs/datatables-bs5/datatables-bootstrap5.dist.js"></script>

328
329    

329<script src="/vendor/libs/dropzone/dropzone.dist.js"></script>

329
330    
331    

331<script src="/vendor/libs/sweetalert2/sweetalert2.dist.js"></script>

331
332    

332<script src="/vendor/libs/block-ui/block-ui.dist.js"></script>

332
333    

333<script src="/vendor/libs/select2/select2.dist.js"></script>

333
334    

334<script src="/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.dist.js"></script>

334
335    

335<script src="/vendor/libs/pickr/pickr.dist.js"></script>

335
336
337    <!-- Main JS -->
338    

338<script src="/js/main.dist.js"></script>

338
339
340    

340<script src="/js/extended-ui-blockui.dist.js"></script>

340
341    

341<script>
342        var WWW_ROOT = "";
343        var LoginStaffID = "0";
344        var LOGINUSERNAME = "";
345
346        const previewDDLTemplate = `<div class="dz-preview dz-file-preview">
347                                                    <div class="dz-details">
348                                                      <div class="dz-thumbnail">
349                                                        <img data-dz-thumbnail>
350                                                        <span class="dz-nopreview">No preview</span>
351                                                        <div class="dz-success-mark"></div>
352                                                        <div class="dz-error-mark"></div>
353                                                        <div class="dz-error-message"><span data-dz-errormessage></span></div>
354                                                        <div class="progress">
355                                                          <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuemin="0" aria-valuemax="100" data-dz-uploadprogress></div>
356                                                        </div>
357                                                      </div>
358                                                      <div class="dz-filename" data-dz-name></div>
359                                                      <div class="dz-size" data-dz-size></div>
360                                                    </div>
361                                                    </div>`;
362    </script>

362
363
364    

364<script src="/Scripts/app.js" type="text/javascript"></script>

364
365    
366
367    <form id="__AjaxAntiForgeryForm" action="#" method="post"><input name="__RequestVerificationToken" type="hidden" value="CfDJ8Je-RgUM9ihNmS1iN4z4tvZVdN21dph3QrwV8q7nBQ61-D7J_PEnS8-0j9hHkCImyFQ58PFAnx7yWiM-ZTby18r3dCmvKdp-WpUYGHH2xC_iOrkaj9hxQeakIC0iWqFA24OYjLqeOR9K-UTizQ8CAcE" /></form>
368    <div b-koix41z2hq id="dvLoading"></div>
369</body>
370</html>
371