PageSourceSearch

https://panyasociety.com/about.html

html panyasociety.com collected 2026-10-08 00:51:39 UTC 75,526 bytes, 1,425 lines download raw bytes

1
2
3<!DOCTYPE html>
4<!--  This site was created in Webflow. http://www.webflow.com  -->
5<!--  Last Published: Tue Apr 23 2019 03:33:16 GMT+0000 (UTC)  -->
6<html data-wf-page="5c6d19fe6039e81b77ac8e63" data-wf-site="5c6d19fe6039e83dbfac8e62">
7
8<head>
9  <meta charset="utf-8">
10  <title>Panya Society | ทำความรู้จัก Panya Society</title>
11  <meta content="width=device-width, initial-scale=1" name="viewport" id="viewport">
12  
13  <link href="/static/css/normalize.css" rel="stylesheet" type="text/css">
14  <link href="/static/css/webflow.css?v=1.2.2" rel="stylesheet" type="text/css">
15  <link href="/static/css/prodev-square-8ee310.webflow.css?v=1.2.2" rel="stylesheet" type="text/css">
16
17  <link href="/static/css/sweetalert2.css" rel="stylesheet" type="text/css">
18  <link href="/static/css/animate.min.css" rel="stylesheet" type="text/css">
19  <link href="/static/css/swiper-bundle.min.css" rel="stylesheet" type="text/css">
20  <link href="/static/css/override_base.css?v=1.2.2" rel="stylesheet" type="text/css">
21  
21<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
21
22  
22<script type="text/javascript">WebFont.load({  google: {    families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Prompt:300italic,regular,italic,500,500italic,600,600italic,700,700italic,900:latin,thai"]  }});</script>
22
23  <!-- [if lt IE 9]>
23<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>
23<![endif] -->
24  
24<script type="text/javascript">
25    ! function (o, c) {
26      var n = c.documentElement,
27        t = " w-mod-";
28      n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className +=
29        t + "touch")
30    }(window, document);
31  </script>
31
32
33
34  <link href="/static/images/favicon_logo32.png" rel="shortcut icon" type="image/x-icon">
35  <link href="/static/images/favicon_logo256.png" rel="apple-touch-icon">
36
37  
37<script src="/static/js/jquery-3.3.1.min.js" type="text/javascript"
38    integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
38
39
40
41  <meta name="robots" content="index, follow" />
42
43  
44  <meta name="description"
45    content="เรียน พิเศษ ออนไลน์ ติว ม.ปลาย ราคาดีที่สุด ด้วยความเข้าใจสูงสุด จากทีม Tutor ระดับเทพ | เตรียมสอบ TCAS คณิตศาสตร์ เคมี ฟิสิกส์ | 9 วิชา สามัญ | PAT2">
46  <meta name="keywords"
47    content="คอร์สเรียนออนไลน์, เตรียมสอบออนไลน์, คณิตศาสตร์, ฟิสิกส์, เคมี, สังคม, ภาษาไทย, ชีววิทยา,">
48  
49
50  
51
52  <meta property="fb:app_id" content="313932915893649" />
53  <meta property="og:type" content="website" />
54  <meta property="og:title" content="Panya Society | คอร์ส เรียนพิเศษ ออนไลน์ ม.ปลาย" />
55  <meta property="og:description"
56    content="เรียน พิเศษ ออนไลน์ ติว ม.ปลาย ราคาดีที่สุด ด้วยความเข้าใจสูงสุด จากทีม Tutor ระดับเทพ | เตรียมสอบ TCAS คณิตศาสตร์ เคมี ฟิสิกส์ | 9 วิชา สามัญ | PAT2" />
57  <meta property="og:image" content="https://panyasociety.com/static/images/og_img.png" />
58  <meta property="og:image:width" content="1200" />
59  <meta property="og:image:height" content="600" />
60
61
62  <meta name="twitter:card" content="summary_large_image" />
63  <meta name="twitter:site" content="@panyasociety" />
64  <meta name="twitter:creator" content="@panyasociety" />
65  <meta property="twitter:title" content="Panya Society | คอร์ส เรียนพิเศษ ออนไลน์ ม.ปลาย" />
66  <meta property="twitter:description"
67    content="เรียน พิเศษ ออนไลน์ ติว ม.ปลาย ราคาดีที่สุด ด้วยความเข้าใจสูงสุด จากทีม Tutor ระดับเทพ | เตรียมสอบ TCAS คณิตศาสตร์ เคมี ฟิสิกส์ | 9 วิชา สามัญ | PAT2" />
68  <meta property="twitter:image" content="https://panyasociety.com/static/images/og_img.png">
69
70  
71
72  <!-- Google Tag Manager -->
73  
73<script>
vendor: 335 bytes, lines 73-77
73(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
74  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
75  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
76  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
77  })(window,document,'script','dataLayer','
77GTM-T2WCCSW
vendor: 3 bytes, line 77
77');
77</script>
77
78  <!-- End Google Tag Manager -->
79
80
81  <!-- Global site tag (gtag.js) - Google Ads: 682660125 -->
vendor: 66 bytes, lines 81-82
81
82  <script async src="https://www.googletagmanager.com/gtag/js?id=
82AW-682660125
vendor: 14 bytes, lines 82-83
82"></script>
83  
83<script> 
84    
vendor: 151 bytes, lines 84-89
84window.dataLayer = window.dataLayer || []; 
85    
86    function gtag(){dataLayer.push(arguments);}
87    gtag('js', new Date()); 
88    
89    gtag('config', '
89AW-682660125
vendor: 8 bytes, lines 89-90
89');
90    
90gtag('config', 'UA-144370210-1');
91
92    (function(doc) {
93        var viewport = document.getElementById('viewport');
94        if ( navigator.userAgent.match(/iPad/i) ) {
95          //viewport.setAttribute("content", "width=380");
96          viewport.setAttribute("content", "initial-scale=0.5");
97        } else if (screen.width > 479 && screen.width < 1200) {
98          //viewport.setAttribute("content", "width=380");
99          viewport.setAttribute("content", "initial-scale=0.5");
100        }
101    }(document));
102  </script>
102
103
104  <!-- Google Tag Manager -->
105  
105<script>
vendor: 335 bytes, lines 105-109
105(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
106  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
107  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
108  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
109  })(window,document,'script','dataLayer','
109GTM-T2WCCSW
vendor: 3 bytes, line 109
109');
109</script>
109
110  <!-- End Google Tag Manager -->
111
112  <!-- Matomo -->
113  <link rel="stylesheet" href="/static/css/consent_bar.css" />
114  
114<script src="/static/js/matomo.js"></script>
114
115  <!-- End Matomo Code -->
vendor: 82 bytes, lines 115-118
115
116  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
117
118  
118<script src="/static/js/suggest_school.js"></script>
118
119
120</head>
121
122<body class="body">
123  
124
125<div id="popupchat" style=" z-index: 99991; position:relative;">
126    <div id="as_head">
127        <link rel="stylesheet" href="/static/css/popupchat.css?v=1.2.2">
128        <link rel="preconnect" href="https://fonts.googleapis.com">
129        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
130        <link href="https://fonts.googleapis.com/css2?family=Mitr&family=Sarabun&display=swap" rel="stylesheet">
131    </div>
132    
133    <div id="user_popup_chat">
134        <div class="suggestChat">
135            <div class="boxSuggestChat">
136                <div class="line1" style="position: absolute;top: 85px;"></div>
137                <div style="position: absolute;top: 10px;left:10px;">
138                    <div class="headtextSuggestChat">สงสัยตรงไหนถามได้เลย!</div>
139                    <div class="ptextSuggestChat">ทีมปัญญาวิชาการการันตีตอบทุกคำถาม ใน 24 ชม.</div>
140                    <div class="textToChat">ถาม PANYACHAT</div>
141                </div>
142            </div>
143            <div class="closeSuggestChat">
144                <img src="/static/images/IconClose.png">
145            </div>
146        </div>
147        
148
149
150
151            
152        
153        
154        
155        <div class="chat-box" id="chat-box" style="display: none;">
156            <div class="chat-box-header">
157                <img src="/static/images/chatlogo.png" style="width: 43px; height: 43px; margin-left: 7px;">
158                <div style="font-family: 'Mitr';
159                                font-style: normal;
160                                font-weight: 500;
161                                font-size: 16px;
162                                margin-left: 13px;">
163                    PANYACHAT</div>
164                <span class="chat-box-toggle">
165                    <img src="/static/images/Group%205.png" id="expand">
166                    <img src="/static/images/Group%204.png" id="minimize">
167                </span>
168            </div>
169
170            <div class="chat-box-body" id="chat-box-body">
171                
172                    <div id="autoReplyContainer" class="autoReplyContainer">
173                        <div style="
174                            position: sticky;
175                            left: 0;
176                            align-self: baseline;
177                            ">
178                            <div id="closeAutoReplyContainerIcon" class="closeAutoReplyContainerIcon" onclick='$(".autoReplyContainer").hide()'>x</div>
179                        </div>
180                        
181                        <div id="auto_reply_4" class="autoReplyChat" onclick="sendAutoReply(this.id)">
182                            <p style="color: black;margin: 11px 9px 10px 12px;text-align: right;max-width: 208px;overflow: hidden;text-overflow: ellipsis;">
183                                คอร์ส ฟิสิกส์ เคมี คณิตศาสตร์ A-Level NEW TCAS70
184                            </p>
185                        </div>
186                        
187                        <div id="auto_reply_5" class="autoReplyChat" onclick="sendAutoReply(this.id)">
188                            <p style="color: black;margin: 11px 9px 10px 12px;text-align: right;max-width: 208px;overflow: hidden;text-overflow: ellipsis;">
189                                เตรียมสอบวิศวะ
190                            </p>
191                        </div>
192                        
193                        <div id="auto_reply_6" class="autoReplyChat" onclick="sendAutoReply(this.id)">
194                            <p style="color: black;margin: 11px 9px 10px 12px;text-align: right;max-width: 208px;overflow: hidden;text-overflow: ellipsis;">
195                                เตรียมสอบ แพทยศาสตร์ และ กสพท
196                            </p>
197                        </div>
198                        
199                        <div id="auto_reply_7" class="autoReplyChat" onclick="sendAutoReply(this.id)">
200                            <p style="color: black;margin: 11px 9px 10px 12px;text-align: right;max-width: 208px;overflow: hidden;text-overflow: ellipsis;">
201                                แนะแนวเตรียมสอบ TCAS70
202                            </p>
203                        </div>
204                        
205                        <div id="auto_reply_8" class="autoReplyChat" onclick="sendAutoReply(this.id)">
206                            <p style="color: black;margin: 11px 9px 10px 12px;text-align: right;max-width: 208px;overflow: hidden;text-overflow: ellipsis;">
207                                แนะแนวเพิ่มเกรด ม.4-ม.6
208                            </p>
209                        </div>
210                        
211                    </div>
212                
213                <div class="manageMessage">
214                    <div style="position: absolute; 
215                                    width: 97px;
216                                    top: 50%;
217                                    left: 50%;
218                                    transform: translate(-50%, -50%);
219                                    margin-left: 5px;">
220                        <div>
221                            <img src="/static/images/Group%2013.png">
222                            <span style="color: #FF3D3D;">ลบข้อความ</span>
223                        </div>
224                        <div>
225                            <img src="/static/images/Vectorcopy.png">
226                            คัดลอก
227                        </div>
228                        <div>
229                            <img src="/static/images/Vectorshare.png">
230                            แชร์ข้อความ
231                        </div>
232                    </div>
233                </div>
234
235                <div id="newMessage"
236                    style="position: sticky; top:525px; left: 50%; cursor: pointer; display: none; justify-content: center;"
237                    onclick="disappearAndScroll(this)">
238                    <div class="ownChat"
239                        style="font-size: 12px; border-color: #A9A9A9; border-style: solid; border-width: 2px;">
240                        <div style="margin: 3px;">ข้อความใหม่</div>
241                    </div>
242                </div>
243
244                <div style="text-align: center; color: #A9A9A9; margin-top: 33px;">Chat started</div>
245                
246            </div>
247
248            <div class="chat-input">
249                <div style="width: 100%;
250                                height: 0px;
251                                border: 1px solid #ECECEC;">
252                </div>
253                <div style="position:absolute; left: 7px; top: 20px;">
254                    <div class="image-upload">
255                        <img id="plusFile" src="/static/images/Group%2015.png"
256                            style="width: 20px; height:20px; margin-top: 2px; cursor: pointer;">
257                        <label style="display:flex;align-items:center" for="pic-input">
258                            <img src="/static/images/Group%2014.png"
259                                style="margin-left: 5px; width: 19px; height:19px; cursor: pointer;">
260                        </label>
261                        <input id="pic-input" type="file" onchange="sendfile(this)" />
262                    </div>
263                </div>
264                <form>
265                    <div class="textAndEmoji">
266                        <div style="position: relative;">
267                            <textarea type="text" id="chatTextArea" class="textInput" placeholder="ถามคำถาม..."
268                                onkeyup="syncText(this.value)" onkeypress="entersubmit(event)"></textarea>
269                            <img src="/static/images/Vectorsmile.png"
270                                style="position: absolute; top: 10px; right: 5px; cursor: pointer;" id="emojiIcon">
271                        </div>
272                    </div>
273                    <div class="emojiBlock">
274                        
275<div id="firstRowEmoji" style="margin-left: 58px; display: flex;">
276        <div onclick="sendEmoji('emojiSmile')" style="width: 24px; height: 24px; margin: 2px;"><img
277                        src="/static/images/PanyaEmoji/emojiSmile.png"
278                        style="width: 24px; height: 24px; margin: 2px;">
279        </div>
280        <div onclick="sendEmoji('emojiHappy')" style="width: 24px; height: 24px; margin: 2px;"><img
281                        src="/static/images/PanyaEmoji/emojiHappy.png"
282                        style="width: 24px; height: 24px; margin: 2px;">
283        </div>
284        <div onclick="sendEmoji('emojiLove')" style="width: 24px; height: 24px; margin: 2px;"><img
285                        src="/static/images/PanyaEmoji/emojiLove.png"
286                        style="width: 24px; height: 24px; margin: 2px;">
287        </div>
288        <div onclick="sendEmoji('emojiKiss')" style="width: 24px; height: 24px; margin: 2px;"><img
289                        src="/static/images/PanyaEmoji/emojiKiss.png"
290                        style="width: 24px; height: 24px; margin: 2px;">
291        </div>
292        <div onclick="sendEmoji('emojiFlushed')" style="width: 24px; height: 24px; margin: 2px;"><img
293                        src="/static/images/PanyaEmoji/emojiFlushed.png"
294                        style="width: 24px; height: 24px; margin: 2px;">
295        </div>
296        <div onclick="sendEmoji('emojiInlove')" style="width: 24px; height: 24px; margin: 2px;"><img
297                        src="/static/images/PanyaEmoji/emojiInlove.png"
298                        style="width: 24px; height: 24px; margin: 2px;">
299        </div>
300        <div onclick="sendEmoji('emojiLaugh')" style="width: 24px; height: 24px; margin: 2px;"><img
301                        src="/static/images/PanyaEmoji/emojiLaugh.png"
302                        style="width: 24px; height: 24px; margin: 2px;">
303        </div>
304        <div onclick="sendEmoji('emojiSad')" style="width: 24px; height: 24px; margin: 2px;"><img
305                        src="/static/images/PanyaEmoji/emojiSad.png"
306                        style="width: 24px; height: 24px; margin: 2px;">
307        </div>
308        <div onclick="sendEmoji('emojiDisappoint')" style="width: 24px; height: 24px; margin: 2px;"><img
309                        src="/static/images/PanyaEmoji/emojiDisappoint.png"
310                        style="width: 24px; height: 24px; margin: 2px;"></div>
311</div>
312<div id="secondRowEmoji" style="margin-left: 58px; display: flex;">
313        <div onclick="sendEmoji('emojiWorry')" style="width: 24px; height: 24px; margin: 2px;"><img
314                        src="/static/images/PanyaEmoji/emojiWorry.png"
315                        style="width: 24px; height: 24px; margin: 2px;">
316        </div>
317        <div onclick="sendEmoji('emojiScare')" style="width: 24px; height: 24px; margin: 2px;"><img
318                        src="/static/images/PanyaEmoji/emojiScare.png"
319                        style="width: 24px; height: 24px; margin: 2px;">
320        </div>
321        <div onclick="sendEmoji('emojiCry')" style="width: 24px; height: 24px; margin: 2px;"><img
322                        src="/static/images/PanyaEmoji/emojiCry.png"
323                        style="width: 24px; height: 24px; margin: 2px;">
324        </div>
325        <div onclick="sendEmoji('emojiSuspect')" style="width: 24px; height: 24px; margin: 2px;"><img
326                        src="/static/images/PanyaEmoji/emojiSuspect.png"
327                        style="width: 24px; height: 24px; margin: 2px;">
328        </div>
329        <div onclick="sendEmoji('emojiWai')" style="width: 24px; height: 24px; margin: 2px;"><img
330                        src="/static/images/PanyaEmoji/emojiWai.png"
331                        style="width: 24px; height: 24px; margin: 2px;">
332        </div>
333        <div onclick="sendEmoji('emojiLike')" style="width: 24px; height: 24px; margin: 2px;"><img
334                        src="/static/images/PanyaEmoji/emojiLike.png"
335                        style="width: 24px; height: 24px; margin: 2px;">
336        </div>
337        <div onclick="sendEmoji('emojiDislike')" style="width: 24px; height: 24px; margin: 2px;"><img
338                        src="/static/images/PanyaEmoji/emojiDislike.png"
339                        style="width: 24px; height: 24px; margin: 2px;">
340        </div>
341        <div onclick="sendEmoji('emojiVictory')" style="width: 24px; height: 24px; margin: 2px;"><img
342                        src="/static/images/PanyaEmoji/emojiVictory.png"
343                        style="width: 24px; height: 24px; margin: 2px;">
344        </div>
345        <div onclick="sendEmoji('emojiOkay')" style="width: 24px; height: 24px; margin: 2px;"><img
346                        src="/static/images/PanyaEmoji/emojiOkay.png"
347                        style="width: 24px; height: 24px; margin: 2px;">
348        </div>
349</div>
350                    </div>
351                    <div class="fileManage">
352                        <span style="height: 0px;">
353                            <label for="file-input">
354                                <img src="/static/images/Group%2018file.png"
355                                    style="margin: 12px 17px 9px 17px; cursor: pointer;">
356                                <!-- <img src="/static/images/Group%2016microphone.png"
357                                    style="margin: 12px 17px 9px 17px"> -->
358                                <img src="/static/images/Group%2017video.png"
359                                    style="margin: 12px 17px 9px 17px; cursor: pointer;">
360                            </label>
361                        </span>
362                        <input id="file-input" type="file" onchange="sendfile(this)" />
363                    </div>
364                    <button type="button" class="sendMessageBTN" onclick="submitText()"></button>
365                </form>
366            </div>
367        </div>
368
369
370
371
372        <div style="width: 100%; height:100%; display: flex; justify-content: center;">
373            <div class="large-chat-box" id="large-chat-box" style="display: none;">
374                <div style="display:flex">
375                    <img src="/static/images/chatlogo.png"
376                        style="width: 60px; height: 60px; margin: 28px 0 0 21px">
377                    <div style="font-family: 'Mitr';
378                                    font-style: normal;
379                                    font-weight: 500;
380                                    font-size: 21.4916px;
381                                    line-height: 34px;
382                                    color: #062045;
383                                    width: 124px;
384                                    height: 34px;
385                                    margin: 45px 0 0 9px;
386                                    ">
387                        PANYACHAT</div>
388                    <img src="/static/images/Group%205.png"
389                        style="width: 40px; height: 40px; margin: 15px 0 0 855px; transform: rotate(180deg); cursor: pointer;"
390                        id="shrink">
391                    <img src="/static/images/Group%204.png"
392                        style="width: 40 px; height: 40px; margin: 15px 0 0 10px; cursor: pointer;" id="large-minimize">
393                </div>
394                <div style="width: 1177px;
395                                height: 0px;
396                                margin-top: 12px;
397                                border: 2px solid #ECECEC;">
398                </div>
399                <div class="large-chat-box-body" id="large-chat-box-body">
400                    <div class="manageMessage">
401                        <div style="position: absolute; 
402                                        width: 97px;
403                                        top: 50%;
404                                        left: 50%;
405                                        transform: translate(-50%, -50%);
406                                        margin-left: 5px;">
407                            <div>
408                                <img src="/static/images/Group%2013.png">
409                                <span style="color: #FF3D3D;">ลบข้อความ</span>
410                            </div>
411                            <div>
412                                <img src="/static/images/Vectorcopy.png">
413                                คัดลอก
414                            </div>
415                            <div>
416                                <img src="/static/images/Vectorshare.png">
417                                แชร์ข้อความ
418                            </div>
419                        </div>
420                    </div>
421
422                    <div id="largeNewMessage"
423                        style="position: sticky; top:525px; left: 50%; cursor: pointer; display: none; justify-content: center;"
424                        onclick="disappearAndScroll(this)">
425                        <div class="ownChat"
426                            style="font-size: 12px; border-color: #A9A9A9; border-style: solid; border-width: 2px;">
427                            <div style="margin: 3px;">ข้อความใหม่</div>
428                        </div>
429                    </div>
430
431                    <div style="text-align: center; color: #A9A9A9; margin: 33px 0 10px 0;">Chat started</div>
432                    
433                </div>
434                <div style="position: fixed; bottom: 13px;">
435                    <div style="width: 1177px;
436                                height: 0px;
437                                border: 2px solid #ECECEC;">
438                    </div>
439                    <div style="display: flex;">
440                        <img src="/static/images/pic-profile.png"
441                            style="margin: 20px 0 0 19px; width: 47px;height: 49px; border-radius: 50%;">
442                        <div class="greyArea">
443                            <textarea class="large-textInput" id="large-textInput" placeholder="คุณตอบกลับข้อความ..."
444                                onKeyup="syncText(this.value)" onkeypress="entersubmit(event)"></textarea>
445                            <div style="display: flex;">
446                                <img src="/static/images/Vectorsmile.png" id="largeEmojiIcon"
447                                    style="margin:0 10px 0 821px; width: 30.26px; height:30.26px; cursor: pointer;">
448                                <span style="height: 0px;">
449                                    <label for="file-input">
450                                        <img src="/static/images/Group%2035.png"
451                                            style="margin-right: 10px; cursor: pointer;">
452                                        <img src="/static/images/Group%2014.png"
453                                            style="margin-right: 10px; width: 28px; height:28px; cursor: pointer;">
454                                        <img src="/static/images/Group%2037.png"
455                                            style="margin-right: 10px; cursor: pointer;">
456                                        <!-- <img src="/static/images/Group%2036.png"> -->
457                                    </label>
458                                </span>
459                            </div>
460                            <input id="file-input" type="file" onchange="sendfile(this)" />
461                        </div>
462                        <button class="sendMessageLargeBTN" onclick="submitText()">
463                        </button>
464                    </div>
465                </div>
466                <div class="largeEmojiBlock">
467                    <div>
468                        
469<div id="firstLargeEmojiRow" style="width: 285.86px; height:51px; display: flex; justify-content: center;">
470        <div onclick="sendEmoji('emojiSmile')"><img src="/static/images/PanyaEmoji/emojiSmile.png"
471                        style="width: 40.43px; height: 40.43px; margin: 3px;">
472        </div>
473        <div onclick="sendEmoji('emojiHappy')"><img src="/static/images/PanyaEmoji/emojiHappy.png"
474                        style="width: 40.43px; height: 40.43px; margin: 3px;">
475        </div>
476        <div onclick="sendEmoji('emojiLove')"><img src="/static/images/PanyaEmoji/emojiLove.png"
477                        style="width: 40.43px; height: 40.43px; margin: 3px;">
478        </div>
479        <div onclick="sendEmoji('emojiKiss')"><img src="/static/images/PanyaEmoji/emojiKiss.png"
480                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
481        <div onclick="sendEmoji('emojiFlushed')"><img src="/static/images/PanyaEmoji/emojiFlushed.png"
482                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
483        <div onclick="sendEmoji('emojiInlove')"><img src="/static/images/PanyaEmoji/emojiInlove.png"
484                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
485</div>
486<div id="secondLargeEmojiRow" style="width: 285.86px; height:51px; display: flex; justify-content: center;">
487        <div onclick="sendEmoji('emojiLaugh')"><img src="/static/images/PanyaEmoji/emojiLaugh.png"
488                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
489        <div onclick="sendEmoji('emojiSad')"><img src="/static/images/PanyaEmoji/emojiSad.png"
490                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
491        <div onclick="sendEmoji('emojiDisappoint')"><img src="/static/images/PanyaEmoji/emojiDisappoint.png"
492                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
493        <div onclick="sendEmoji('emojiWorry')"><img src="/static/images/PanyaEmoji/emojiWorry.png"
494                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
495        <div onclick="sendEmoji('emojiScare')"><img src="/static/images/PanyaEmoji/emojiScare.png"
496                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
497        <div onclick="sendEmoji('emojiCry')"><img src="/static/images/PanyaEmoji/emojiCry.png"
498                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
499</div>
500<div id="thirdLargeEmojiRow" style="width: 285.86px; height:51px; display: flex; justify-content: center;">
501        <div onclick="sendEmoji('emojiSuspect')"><img src="/static/images/PanyaEmoji/emojiSuspect.png"
502                        style="width: 40.43px; height: 40.43px; margin: 3px;">
503        </div>
504        <div onclick="sendEmoji('emojiWai')"><img src="/static/images/PanyaEmoji/emojiWai.png"
505                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
506        <div onclick="sendEmoji('emojiLike')"><img src="/static/images/PanyaEmoji/emojiLike.png"
507                        style="width: 40.43px; height: 40.43px; margin: 3px;">
508        </div>
509        <div onclick="sendEmoji('emojiDislike')"><img src="/static/images/PanyaEmoji/emojiDislike.png"
510                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
511        <div onclick="sendEmoji('emojiVictory')"><img src="/static/images/PanyaEmoji/emojiVictory.png"
512                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
513        <div onclick="sendEmoji('emojiOkay')"><img src="/static/images/PanyaEmoji/emojiOkay.png"
514                        style="width: 40.43px; height: 40.43px; margin: 3px;"></div>
515</div>
516                    </div>
517                </div>
518            </div>
519        </div>
520
521
522        <div id="user_popup_chat_icon">
523        
524            
525            <img src="/static/images/chatlogo.png" class="bottomLogo"  id="bottomLogo"/>
526            
527        
528        </div>
529        
530        
531        
531<script id="json-chatsocket" type="application/json">"anonymous13325761"</script>
531
532        
533        
534            
534<script id="json-roomStatus" type="application/json">"finish"</script>
534
535            
536            
536<script id="json-roomID" type="application/json">"anonymous13325761"</script>
536
537            
538        
539        
540        
541        
542        
543        
544            
544<script id="json-websocket_protocal" type="application/json">"wss"</script>
544
545        
546        
546<script src="/static/js/popupchat.js"></script>
546
547    </div>
548
549    
550</div>
551
552  
553
554
555
556  <div class="login-background">
557    <div class="login-container w-container">
558      <div class="login-div w-clearfix">
559        <div class="close-login w-clearfix" data-ix="close-login"><img src="/static/images/close.png" alt=""
560            class="image-2">
561        </div>
562        <h1 class="heading">เข้าสู่ระบบ</h1>
563        <div class="login-form w-form">
564          <form class="w-clearfix" method="POST" action="/login">
565            <a href="/auth/login/facebook/?next=" class="sign-up-facebook w-inline-block w-clearfix">
566              <img src="/static/images/facebook-icon.png" alt="" class="image-44">
567              <div class="text-block-82">Facebook</div>
568            </a>
569
570            <a href="/auth/login/google-oauth2/?next=" class="sign-up-google w-inline-block w-clearfix">
571              <img src="/static/images/google.png"
572                srcset="/static/images/google-p-500.png 500w, /static/images/google.png 512w"
573                sizes="100vw" alt="" class="image-44">
574              <div class="text-block-82">Google</div>
575            </a>
576            <input type="hidden" name="csrfmiddlewaretoken" value="BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p">
577
578            <input type="text" name="username" class="text-field-8 w-input" maxlength="50"
579              placeholder="Username or Email" id="username-3" required="">
580
581            <input type="password" name="password" class="text-field-9 w-input" maxlength="256" placeholder="Password"
582              id="password-3" required="">
583
584            <a href="#" class="link-2" data-ix="forget-pass-on-login">ลืมรหัสผ่าน?</a>
585
586            <input type="submit" value="เข้าสู่ระบบ" class="submit-button-2 w-button">
587          </form>
588        </div><a href="#" class="button w-button" data-ix="signup-on-login">ลงทะเบียน</a>
589      </div>
590    </div>
591  </div>
592  <div class="signup-background">
593    <div class="signup-container w-container">
594      <div class="signup-columns w-row">
595        <div class="column-2 w-col w-col-6">
596          <div class="img-signup"><img src="/static/images/signup-img.png" alt="" class="image-3"></div>
597        </div>
598
599        <!-- Modal Form Register -->
600        <div class="column w-col w-col-6 custom-scroll" style="height:500px; overflow-y: auto;">
601          <div class="signup-div">
602            <div class="signup-form w-form">
603              <form class="form" method="POST" action="/account/register">
604
605                <input type="hidden" name="csrfmiddlewaretoken" value="BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p">
606
607                <div class="close-signup" data-ix="close-signup">
608                  <img src="/static/images/close.png" alt="" class="image">
609                </div>
610                <h1 class="heading">ลงทะเบียน</h1>
611
612                <input type="text" class="text-field w-input" maxlength="50" name="username" placeholder="Username"
613                  id="register_username" required="">
614
615                <input type="text" class="text-field-3 w-input" maxlength="50" name="first_name" placeholder="ชื่อ"
616                  id="register_first_name" required="">
617
618                <input type="text" class="text-field-3 w-input" maxlength="50" name="last_name" placeholder="นามสกุล"
619                       id="register_last_name" required="">
620
621                <input type="text" class="text-field-4 w-input" maxlength="20" name="tel" placeholder="เบอร์โทรศัพท์"
622                  id="register_tel" required="">
623
624                <input type="email" class="text-field-5 w-input" maxlength="256" name="email" placeholder="Email"
625                  id="register_email" required="">
626
627                <input type="text" maxlength="30" name="line" placeholder="LINE" id="register_line"
628                  class="text-field-6 w-input">
629
630                <input type="text" class="text-field w-input" maxlength="256" name="school" placeholder="โรงเรียน"
631                id="school" required="" onkeyup="suggestSchool(this.value)" list="suggestSchool">
632                <datalist id="suggestSchool">
633                </datalist>
634
635                <select name="province" id="province" class="year-class-select-1">
636                  <option value="N/A" disabled selected hidden>จังหวัด</option>
637                  <option value="กระบี่">กระบี่</option>
638                  <option value="กรุงเทพมหานคร">กรุงเทพมหานคร</option>
639                  <option value="กาญจนบุรี">กาญจนบุรี</option>
640                  <option value="กาฬสินธุ์">กาฬสินธุ์</option>
641                  <option value="กำแพงเพชร">กำแพงเพชร</option>
642                  <option value="ขอนแก่น">ขอนแก่น</option>
643                  <option value="จันทบุรี">จันทบุรี</option>
644                  <option value="ฉะเชิงเทรา">ฉะเชิงเทรา</option>
645                  <option value="ชลบุรี">ชลบุรี</option>
646                  <option value="ชัยนาท">ชัยนาท</option>
647                  <option value="ชัยภูมิ">ชัยภูมิ</option>
648                  <option value="ชุมพร">ชุมพร</option>
649                  <option value="เชียงราย">เชียงราย</option>
650                  <option value="เชียงใหม่">เชียงใหม่</option>
651                  <option value="ตรัง">ตรัง</option>
652                  <option value="ตราด">ตราด</option>
653                  <option value="ตาก">ตาก</option>
654                  <option value="นครนายก">นครนายก</option>
655                  <option value="นครปฐม">นครปฐม</option>
656                  <option value="นครพนม">นครพนม</option>
657                  <option value="นครราชสีมา">นครราชสีมา</option>
658                  <option value="นครศรีธรรมราช">นครศรีธรรมราช</option>
659                  <option value="นครสวรรค์">นครสวรรค์</option>
660                  <option value="นนทบุรี">นนทบุรี</option>
661                  <option value="นราธิวาส">นราธิวาส</option>
662                  <option value="น่าน">น่าน</option>
663                  <option value="บึงกาฬ">บึงกาฬ</option>
664                  <option value="บุรีรัมย์">บุรีรัมย์</option>
665                  <option value="ปทุมธานี">ปทุมธานี</option>
666                  <option value="ประจวบคีรีขันธ์">ประจวบคีรีขันธ์</option>
667                  <option value="ปราจีนบุรี">ปราจีนบุรี</option>
668                  <option value="ปัตตานี">ปัตตานี</option>
669                  <option value="พระนครศรีอยุธยา">พระนครศรีอยุธยา</option>
670                  <option value="พะเยา">พะเยา</option>
671                  <option value="พังงา">พังงา</option>
672                  <option value="พัทลุง">พัทลุง</option>
673                  <option value="พิจิตร">พิจิตร</option>
674                  <option value="พิษณุโลก">พิษณุโลก</option>
675                  <option value="เพชรบุรี">เพชรบุรี</option>
676                  <option value="เพชรบูรณ์">เพชรบูรณ์</option>
677                  <option value="แพร่">แพร่</option>
678                  <option value="ภูเก็ต">ภูเก็ต</option>
679                  <option value="มหาสารคาม">มหาสารคาม</option>
680                  <option value="มุกดาหาร">มุกดาหาร</option>
681                  <option value="แม่ฮ่องสอน">แม่ฮ่องสอน</option>
682                  <option value="ยะลา">ยะลา</option>
683                  <option value="ยโสธร">ยโสธร</option>
684                  <option value="ระนอง">ระนอง</option>
685                  <option value="ระยอง">ระยอง</option>
686                  <option value="ราชบุรี">ราชบุรี</option>
687                  <option value="ร้อยเอ็ด">ร้อยเอ็ด</option>
688                  <option value="ลพบุรี">ลพบุรี</option>
689                  <option value="ลำปาง">ลำปาง</option>
690                  <option value="ลำพูน">ลำพูน</option>
691                  <option value="เลย">เลย</option>
692                  <option value="ศรีสะเกษ">ศรีสะเกษ</option>
693                  <option value="สกลนคร">สกลนคร</option>
694                  <option value="สงขลา">สงขลา</option>
695                  <option value="สตูล">สตูล</option>
696                  <option value="สมุทรปราการ">สมุทรปราการ</option>
697                  <option value="สมุทรสงคราม">สมุทรสงคราม</option>
698                  <option value="สมุทรสาคร">สมุทรสาคร</option>
699                  <option value="สระบุรี">สระบุรี</option>
700                  <option value="สระแก้ว">สระแก้ว</option>
701                  <option value="สิงห์บุรี">สิงห์บุรี</option>
702                  <option value="สุพรรณบุรี">สุพรรณบุรี</option>
703                  <option value="สุราษฎร์ธานี">สุราษฎร์ธานี</option>
704                  <option value="สุรินทร์">สุรินทร์</option>
705                  <option value="สุโขทัย">สุโขทัย</option>
706                  <option value="หนองคาย">หนองคาย</option>
707                  <option value="หนองบัวลำภู">หนองบัวลำภู</option>
708                  <option value="อำนาจเจริญ">อำนาจเจริญ</option>
709                  <option value="อุดรธานี">อุดรธานี</option>
710                  <option value="อุตรดิตถ์">อุตรดิตถ์</option>
711                  <option value="อุทัยธานี">อุทัยธานี</option>
712                  <option value="อุบลราชธานี">อุบลราชธานี</option>
713                  <option value="อ่างทอง">อ่างทอง</option>
714                </select>
715
716                <select name="year_class" id="year_class" class="year-class-select-1">
717                  <option value="N/A" disabled selected hidden>คุณเป็นเด็ก TCAS ปีไหน?</option>
718                  <option value="Dek66">Dek66</option>
719                  <option value="Dek67">Dek67</option>
720                  <option value="Dek68">Dek68</option>
721                  <option value="Dek69">Dek69</option>
722                  <option value="Dek70">Dek70</option>
723                  <option value="Dek71">Dek71</option>
724                  <option value="Dek72">Dek72</option>
725                  <option value="Dek73">Dek73</option>
726                  <option value="Dek74">Dek74</option>
727                  <option value="Dek75">Dek75</option>
728                  <option value="N/A">อื่นๆ</option>
729                </select>
730
731                <input type="password" class="text-field-7 w-input" maxlength="256" name="password"
732                  placeholder="Password" id="register_password" required="">
733                
734                <div class="g-recaptcha" data-sitekey="6LdK-5QnAAAAAOfmz6bq1PK4kmilEZmRdNy8XIn7" style="margin-bottom:10px"></div>
735                
736                <input type="submit" value="ลงทะเบียน" class="submit-button w-button" onclick="register_index()">
737
738
739
740                <a href="/auth/login/facebook/?next=" class="sign-up-facebook w-inline-block w-clearfix">
741                  <img src="/static/images/facebook-icon.png" alt="" class="image-44">
742                  <div class="text-block-82">Facebook</div>
743                </a>
744
745                <a href="/auth/login/google-oauth2/?next=" class="sign-up-google w-inline-block w-clearfix">
746                  <img src="/static/images/google.png"
747                    srcset="/static/images/google-p-500.png 500w, /static/images/google.png 512w"
748                    sizes="100vw" alt="" class="image-44">
749                  <div class="text-block-82">Google</div>
750                </a>
751
752              </form>
753            </div>
754          </div>
755        </div><!-- Modal Form Register -->
756
757      </div>
758    </div>
759  </div>
760  <div class="forget-password">
761    <div class="forget-container w-container">
762      <div class="forget-div w-clearfix">
763        <div class="close-login w-clearfix" data-ix="close-forget"><img src="/static/images/close.png" alt=""
764            class="image-2">
765        </div>
766        <h1 class="heading">ลืมรหัสผ่าน</h1>
767        <div class="w-form">
768          <form id="email-form-3" method="POST" action="/account/reset_password">
769
770            <input type="hidden" name="csrfmiddlewaretoken" value="BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p">
771
772            <input type="email" class="text-field-10 w-input" name="email" placeholder="Email" id="forgot_email">
773            <input type="submit" value="ดำเนินการต่อ" class="submit-button-3 w-button">
774            <p class="paragraph-5">หรือ <a href="#" class="link-6" data-ix="login-on-fprget-pass">เข้าสู่ระบบ</a></p>
775          </form>
776        </div>
777      </div>
778    </div>
779  </div>
780  <div data-collapse="medium" data-animation="over-left" data-duration="600" class="navbar-phone w-nav">
781    <div class="container-8 w-container">
782      <a href="/" class="brand-2 w-nav-brand w--current">
783        <img src="/static/images/big_logo.svg" height="30" alt="" class="image-27">
784      </a>
785      <nav role="navigation" class="nav-menu-2 w-nav-menu">
786
787        <div class="profile-phone-div">
788          
789
790          <a href="/course/list" class="nav-link-2 w-nav-link">คอร์ส</a>
791          
792
793          
794          <div data-hover="" data-delay="0" class="nav-mobile-dropdown w-dropdown">
795            <div class="dropdown-toggle-4 w-dropdown-toggle">
796              <div class="w-icon-dropdown-toggle"></div>
797              <div>โปรโมชั่น</div>
798            </div>
799            <nav class="nav-mobile-dropdown-list w-dropdown-list">
800              
801              <a href="https://panyasociety.com/pages/course-tcas-a-level-tgat-tpat/" class="nav-mobile-dropdown-item w-dropdown-link">
801Promotion NEW TCAS 70 ฟิสิกส์ เคมี คณิตศาสตร์ A-Level</a>
802              
803              <a href="https://panyasociety.com/pages/course-a-level-physics-tpat3/" class="nav-mobile-dropdown-item w-dropdown-link">Promotion ติวสอบวิศวะ โดย วิศวกรตัวจริง</a>
804              
805              <a href="https://panyasociety.com/pages/physics-chem-math-term2/" class="nav-mobile-dropdown-item w-dropdown-link">Pack เพิ่มเกรด เทอม 2 ฟิสิกส์ เคมี คณิตศาสตร์</a>
806              
807              <a href="https://panyasociety.com/pages/course-for-med/" class="nav-mobile-dropdown-item w-dropdown-link">ติวสอบคณะแพทย์ และสายวิทย์สุขภาพ</a>
808              
809              <a href="https://panyasociety.com/pages/course-for-engineer/" class="nav-mobile-dropdown-item w-dropdown-link">ติวสอบคณะวิศวกรรมศาสตร์</a>
810              
811              <a href="https://panyasociety.com/pages/course-for-social-science/" class="nav-mobile-dropdown-item w-dropdown-link">ติวสอบคณะบัญชี บริหาร เศรษฐศาสตร์</a>
812              
813            </nav>
814          </div>
815          
816
817          <a href="/instructors.html" class="nav-link-2 w-nav-link">ทีมสอน</a>
818          <a href="/pages/%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1/" class="nav-link-2 w-nav-link">บทความ</a>
819          <div data-hover="" data-delay="0" class="nav-dropdown w-dropdown">
820            <div class="nav-dropdown-toggle w-dropdown-toggle">
821              <div class="w-icon-dropdown-toggle"></div>
822              <div>ผลงานนักเรียน</div>
823            </div>
824            <nav class="nav-dropdown-list w-dropdown-list">
825              <a href="/pages/congratulations-engineer/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน สอบติดวิศวะ</a>
826              <a href="/pages/success_posn/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน สอวน.</a>
827              <a href="/pages/panya-society-congratulations-dek69/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน Dek69</a>
828              <a href="/pages/panya-society-congratulations-dek68/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน Dek68</a>
829              <a href="/pages/congratulations-dek67/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน Dek67</a>
830              <a href="/pages/congratulations_dek66/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน Dek66</a>
831              <a href="/pages/congratulations_dek65/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน Dek65</a>
832              <a href="/pages/congratulations/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน Dek64</a>
833              <a href="/pages/panya-reviews/" class="nav-dropdown-item w-dropdown-link">รีวิวคอร์สออนไลน์</a>
834            </nav>
835          </div>
836          <div data-hover="" data-delay="0" class="nav-mobile-dropdown w-dropdown">
837            <div class="dropdown-toggle-4 w-dropdown-toggle">
838              <div class="w-icon-dropdown-toggle"></div>
839              <div>เกี่ยวกับเรา</div>
840            </div>
841            <nav class="nav-mobile-dropdown-list w-dropdown-list">
842              <a href="/about.html" class="nav-mobile-dropdown-item w-dropdown-link">เกี่ยวกับเรา</a>
843              <a href="/faq.html" class="nav-mobile-dropdown-item w-dropdown-link">FAQ</a>
844            </nav>
845          </div>
846
847          
848          <a href="/register" class="signup-phone w-nav-link" data-ix="">ลงทะเบียน</a>
849          <a href="/login" class="login-phone w-nav-link" data-ix="">เข้าสู่ระบบ</a>
850          
851
852
853        </div>
854        <div class="profile-phone-back-div">
855          <a href="#" class="profile-phone-back-link w-inline-block" data-ix="close-meu-phone">
856            <p class="back-menu-phone"><strong>Back</strong></p><img src="/static/images/left.png" alt=""
857              class="image-33">
858          </a>
859          <a href="/course/mine" class="nav-link-2-copy w-nav-link">คอร์สของฉัน</a>
860          <a href="/course/report-all" class="nav-link-2-copy w-nav-link">รายงานผลการเรียน</a>
861          <a href="/transfer/my" class="nav-link-2-copy w-nav-link">การสั่งซื้อของฉัน</a>
862
863          
864
865          <a href="/account/setting" class="nav-link-2-copy w-nav-link">การตั้งค่า</a>
866          <a href="#" class="signup-phone w-nav-link" data-ix="signup-phone">ลงทะเบียน</a>
867          <a href="#" class="login-phone w-nav-link" data-ix="login-phone">เข้าสู่ระบบ</a>
868        </div>
869      </nav>
870      <div class="menu-button-2 w-nav-button" data-ix="menu-phone-close">
871        <div class="w-icon-nav-menu"></div>
872      </div>
873    </div>
874    <div class="div-menu-background-phone"></div>
875
876    
877  </div>
878
879  <div>
880
881    
882
883    <div class="use-coupon">
884      <div class="div-block-171 w-clearfix">
885        <div id="btn-close-first-coupon" class="close-login-copy w-clearfix" data-ix="close-forget">
886          <img src="/static/images/close.png" alt="" class="image-2">
887        </div>
888        <div class="text-block-127">ใช้คูปองโค้ด</div>
889        <div class="text-block-128">รับส่วนลดทันที 500 บาท เมื่อกรอกโค้ด <span
890            class="text-span-28">&quot;PANYASOCIETY500&quot;</span></div>
891        <div class="form-block-7 w-form">
892          <form id="email-form-4" name="email-form-4" data-name="Email Form 4" class="form-8">
893            <input id="main_coupon_code" type="text" class="text-field-20 w-input" maxlength="256" name="name-3"
894              data-name="Name 3" placeholder="กรอกโค้ดที่นี่" id="name-3"><label for="email-5"
895              class="field-label-7">*ท่านสามารถใช้คูปองโค้ดอื่นเพื่อลดราคาได้</label>
896            <input id="btn-check-coupon" type="submit" value="ใช้คูปอง" class="submit-button-9 w-button">
897          </form>
898        </div>
899      </div>
900    </div>
901
902    
903
904<div class="section-10">
905  <div class="div-block-148 w-clearfix">
906    <div class="div-block-149">
907      <h1 class="heading-33"><span class="text-span-20">Panya
908          Society</span><br>คือเว็บไซต์การเรียนรู้<br>สำหรับคนยุคใหม่</h1>
909      <div class="text-block-112">จุดมุ่งหมายของเราคือการนำเอาเทคโนโลยี<br>ปัญญาประดิษฐ์ (Artificial Intelligence)
910        <br>เข้ามาพลิกโฉมการเรียนรู้เพื่อสร้างปัญญาความรู้<br>ที่ยั่งยืนให้กับนักเรียนทุกคน</div>
911    </div>
912    <div class="div-block-150"><img src="/static/images/about1.png"
913        srcset="/static/images/about1-p-500.png 500w, /static/images/about1.png 842w"
914        sizes="(max-width: 479px) 330px, (max-width: 767px) 100vw, (max-width: 991px) 400px, 600px" alt=""
915        class="image-52"></div>
916  </div>
917  <div class="div-block-152-copy"></div>
918  <div class="div-block-151">
919    <div class="text-block-113"><span class="text-span-18">Panya Society</span>
920      เกิดขึ้นจากการรวมตัวของคนรุ่นใหม่ที่เข้าใจเทคโนโลยีและมี passion เกี่ยวกับการศึกษา ปรัชญาการสอนของเราคือ</div>
921    <div class="text-block-114">“สอนให้เข้าใจเพื่อนำไปใช้ได้”</div>
922    <div class="text-block-115">เราเชื่อว่าความเข้าใจในเนื้อหาที่เรียนจะให้การเรียนน่าสนใจและสนุก
923      และจะทำให้ความรู้ติดตัวนักเรียนไปไม่ใช่แค่จบที่ห้องสอบ แต่นั่นก็ไม่ได้แปลว่าเราจะละเลยความสำคัญของการสอบ <span
924        class="text-span-19">การสอนที่ดีต้องทำให้นักเรียนทำข้อสอบได้และช่วยให้นักเรียนบรรลุเป้าหมายที่ตั้งไว้</span>
925      ไม่ว่าจะเป็นการสอบเข้าคณะที่ต้องการหรือพัฒนาผลการเรียนในโรงเรียน</div>
926    <div class="div-block-152"></div>
927  </div>
928  <div class="div-block-153 w-clearfix">
929    <div class="div-block-154"><img src="/static/images/about2.png"
930        srcset="/static/images/about2-p-800.png 800w, /static/images/about2.png 842w"
931        sizes="(max-width: 479px) 330px, (max-width: 767px) 100v
931w, (max-width: 991px) 500px, 600px" alt=""
932        class="image-53"></div>
933    <div class="text-block-116">การเรียนออนไลน์แบบเดิม ๆ นั้นเป็นการเรียนทางเดียว คือซื้อคอร์สแล้วก็นั่งดูวิดีโอ ที่
934      Panya Society นักเรียนลืมการเรียนแบบเก่า ๆ ไปได้เลย คอร์สทุกคอร์สของเรานอกจากจะสอนด้วยอาจารย์ที่มีความสามารถแล้ว
935      <span class="text-span-21">เรายังมีระบบ ปัญญา AI
936        คอยช่วยเป็นโค้ชให้กับนักเรียนเพื่อวิเคราะห์จุดอ่อนจุดแข็งและวัดผลเปรียบเทียบกับเพื่อน ๆ คนอื่น ๆ
937        ทั่วประเทศ</span>
938    </div>
939  </div>
940</div>
941
942
943  </div>
944
945
946  <div class="contact-section content-section-taplet">
947
948    
949    <div class="div-block-14">
950      <div class="div-block-15 w-clearfix">
951        <h1 class="heading-9">สร้างบัญชี </h1>
952        <br />
953        <br />
954        <br />
955        <p class="paragraph">เป็นสมาชิกอยู่แล้ว?
956          <a href="/login" class="link-3" data-ix="">เข้าสู่ระบบ</a>
957        </p>
958      </div>
959      <a href="/register" class="button-3 w-button" data-ix="">ลงทะเบียน</a>
960    </div>
961    
962
963    <div class="div-block-16">
964      <a href="/course/list" class="link-block-5 foot-courses w-inline-block">
965        <div class="text-block-8">คอร์ส</div>
966      </a>
967
968      
969
970      <a href="/instructors.html" class="link-block-5 w-inline-block">
971        <div class="text-block-8">ทีมสอน</div>
972      </a>
973      <a href="/pages/%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1/" class="link-block-5 w-inline-block">
974        <div class="text-block-8">บทความ</div>
975      </a>
976      <a href="/faq.html" class="link-block-5 w-inline-block">
977        <div class="text-block-8">FAQ</div>
978      </a>
979      <a href="/pages/?page_id=390" class="link-block-5 w-inline-block">
980        <div class="text-block-8">ผลงานนักเรียน</div>
981      </a>
982      <a href="/about.html" class="link-block-5 w-inline-block">
983        <div class="text-block-8">เกี่ยวกับเรา</div>
984      </a>
985    </div>
986    <div class="div-contact">
987      <h1 class="heading-10">ติดต่อเรา</h1>
988    </div>
989    <div class="div-contact">
990      <p class="paragraph-12">Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b0d3dfdec4d1d3c4f0c0d1dec9d1c3dfd3d9d5c4c99ed3dfdd">[email&#160;protected]</a>
991        <br>LINE: @panyasociety
992      </p>
993    </div>
994
995    <div class="div-contact">
996
997      <a href="https://www.facebook.com/panyasociety/" target="_BLANK" class="link-block-6 w-inline-block">
998        <img src="/static/images/facebook.png" alt="">
999      </a>
1000
1001      <a href="https://x.com/Panya_Society" target="_BLANK" class="link-block-6 w-inline-block">
1002        <img src="/static/images/X_logo.jpg" style="border-radius: 50px;" alt="">
1003      </a>
1004      
1005      <a href="https://www.instagram.com/panya_society/" target="_BLANK" class="link-block-6 w-inline-block">
1006        <img src="/static/images/ig.png" alt="">
1007      </a>
1008
1009      <a href="https://www.youtube.com/channel/UC-07GNaLGj76woXdKQK9csw" target="_BLANK"
1010        class="link-block-6 w-inline-block">
1011        <img src="/static/images/youtube.png" alt="">
1012      </a>
1013      <a href="http://line.me/ti/p/~@panyasociety" target="_BLANK" class="link-block-6 w-inline-block">
1014        <img src="/static/images/line.png" alt="">
1015      </a>
1016
1017    </div>
1018  </div>
1019  <div class="div-block-12">
1020    <div class="text-block-5">COPYRIGHT © 2019 Panya Society All rights reserved.</div>
1021  </div>
1022  <div class="section-landscape">
1023    <div class="landscape"><img src="/static/images/landscaoe.png" alt="" class="image-29"></div>
1024    <div class="text-block-48">This website is not optimal to be displayed on a landscape screen. Please view in
1025      portrait.</div>
1026  </div>
1027  <div data-collapse="medium" data-animation="default" data-duration="400" class="nav-login w-nav">
1028    <div class="nav-container nav-taplet w-container">
1029      <a href="/" class="brand brand-taplet w-nav-brand w--current">
1030        <img src="/static/images/big_logo.svg" alt="" class="image-28">
1031      </a>
1032      <nav role="navigation" class="nav-menu w-nav-menu">
1033
1034        <a href="/course/list" class="nav-link w-nav-link">คอร์ส</a>
1035
1036        
1037
1038        
1039        <div data-hover="" data-delay="0" class="nav-dropdown w-dropdown">
1040          <div class="nav-dropdown-toggle w-dropdown-toggle">
1041            <div class="w-icon-dropdown-toggle"></div>
1042            <div>โปรโมชั่น</div>
1043          </div>
1044          <nav class="nav-dropdown-list w-dropdown-list">
1045            
1046            <a href="https://panyasociety.com/pages/course-tcas-a-level-tgat-tpat/" class="nav-dropdown-item w-dropdown-link">
1046Promotion NEW TCAS 70 ฟิสิกส์ เคมี คณิตศาสตร์ A-Level</a>
1047            
1048            <a href="https://panyasociety.com/pages/course-a-level-physics-tpat3/" class="nav-dropdown-item w-dropdown-link">Promotion ติวสอบวิศวะ โดย วิศวกรตัวจริง</a>
1049            
1050            <a href="https://panyasociety.com/pages/physics-chem-math-term2/" class="nav-dropdown-item w-dropdown-link">Pack เพิ่มเกรด เทอม 2 ฟิสิกส์ เคมี คณิตศาสตร์</a>
1051            
1052            <a href="https://panyasociety.com/pages/course-for-med/" class="nav-dropdown-item w-dropdown-link">ติวสอบคณะแพทย์ และสายวิทย์สุขภาพ</a>
1053            
1054            <a href="https://panyasociety.com/pages/course-for-engineer/" class="nav-dropdown-item w-dropdown-link">ติวสอบคณะวิศวกรรมศาสตร์</a>
1055            
1056            <a href="https://panyasociety.com/pages/course-for-social-science/" class="nav-dropdown-item w-dropdown-link">ติวสอบคณะบัญชี บริหาร เศรษฐศาสตร์</a>
1057            
1058          </nav>
1059        </div>
1060        
1061
1062        <a href="/instructors.html" class="nav-link w-nav-link">ทีมสอน</a>
1063        <a href="/pages/%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1/" class="nav-link w-nav-link">บทความ</a>
1064        <div data-hover="" data-delay="0" class="nav-dropdown w-dropdown">
1065          <div class="nav-dropdown-toggle w-dropdown-toggle">
1066            <div class="w-icon-dropdown-toggle"></div>
1067            <div>ผลงานนักเรียน</div>
1068          </div>
1069          <nav class="nav-dropdown-list w-dropdown-list">
1070            <a href="/pages/congratulations-engineer/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน สอบติดวิศวะ</a>
1071            <a href="/pages/success_posn/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน สอวน.</a>
1072            <a href="/pages/panya-society-congratulations-dek69/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน Dek69</a>
1073            <a href="/pages/panya-society-congratulations-dek68/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน Dek68</a>
1074            <a href="/pages/congratulations-dek67/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน Dek67</a>
1075            <a href="/pages/congratulations_dek66/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน Dek66</a>
1076            <a href="/pages/congratulations_dek65/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน Dek65</a>
1077            <a href="/pages/congratulations/" class="nav-dropdown-item w-dropdown-link">ผลงานนักเรียน Dek64</a>
1078            <a href="/pages/panya-reviews/" class="nav-dropdown-item w-dropdown-link">รีวิวคอร์สออนไลน์</a>
1079          </nav>
1080        </div>
1081        <div data-hover="" data-delay="0" class="nav-dropdown w-dropdown">
1082          <div class="nav-dropdown-toggle w-dropdown-toggle">
1083            <div class="w-icon-dropdown-toggle"></div>
1084            <div>เกี่ยวกับเรา</div>
1085          </div>
1086          <nav class="nav-dropdown-list w-dropdown-list">
1087            <a href="/about.html" class="nav-dropdown-item w-dropdown-link">เกี่ยวกับเรา</a>
1088            <a href="/faq.html" class="nav-dropdown-item w-dropdown-link">FAQ</a>
1089          </nav>
1090        </div>
1091        <a href="#" class="nav-link my-courses-link w-nav-link">คอร์สของฉัน</a>
1092
1093      </nav>
1094
1095      
1096
1097      
1098      <div class="div-block-5 w-clearfix">
1099        <a href="#" class="login w-nav-link" data-ix="login">เข้าสู่ระบบ</a>
1100        <a href="#" class="signup w-nav-link" data-ix="sign-up">ลงทะเบียน</a>
1101      </div>
1102      
1103
1104    </div>
1105
1106
1107
1108
1109  </div>
1110
1111  <div id="panya-loading">
1112
1113    <div id="panya-loading-bg">
1114      <img src="/static/images/panya_loading.gif" />
1115      <div id="panya-loading-text">Loading</div>
1116    </div>
1117  
1118  </div>
vendor: 113 bytes, lines 1118-1121
1118
1119
1120
1121  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1121<script src="/static/js/webflow.js?v=1.2.2" type="text/javascript"></script>
1121
1122  
1122<script src="/static/js/sweetalert2.js" type="text/javascript"></script>
1122
1123  
1123<script src="/static/js/swiper-bundle.min.js" type="text/javascript"></script>
1123
1124  <!-- [if lte IE 9]>
1124<script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
1124<![endif] -->
1125  <!-- 
1125<script src="/static/js/promotion.js" type="text/javascript"></script>
1125 -->
1126  
1126<script src="/static/js/mainmodal.js" type="text/javascript"></script>
1126
1127  
1128
1129  
1129<script>
1130
1131    var NOTIFIACTION_CURRENT_PAGE = 1;
1132    $(document).ready(function () {
1133
1134      $('#btn-close-first-coupon').click(function () {
1135        $('.use-coupon').hide();
1136      });
1137
1138      $('#btn-check-coupon').click(checkCoupon);
1139
1140      
1141
1142      initNotification();
1143    });
1144
1145    function initNotification() {
1146
1147      $('.btn-menu-notification').click(function() {
1148        // Hide notification badge
1149        $('.menu-notification-badge').hide();
1150        notificationSeen();
1151      });
1152
1153      loadNotification();
1154    }
1155
1156    function loadNotification() {
1157      $.ajax({
1158        url: '/notification/?format=json',
1159        method: 'GET',
1160        data: {page: NOTIFIACTION_CURRENT_PAGE},
1161        dataType: 'JSON',
1162        beforeSend: function(xhr) {
1163
1164        },
1165        success: function(data) {
1166
1167          if (data.status == false) {
1168            return;
1169          }
1170
1171          $('.menu-notification-container').append(data.html);
1172
1173          var unread_count = data.unread_count;
1174
1175          if (unread_count > 0) {
1176            $('.menu-notification-badge').html(unread_count).css({display: 'flex'});
1177          } else {
1178            $('.menu-notification-badge').hide();
1179          }
1180
1181        }
1182      });
1183    }
1184
1185    function notificationSeen() {
1186      $.ajax({
1187        url: '/notification/seen',
1188        method: 'POST',
1189        data: {},
1190        dataType: 'JSON',
1191        beforeSend: function (xhr) {
1192          xhr.setRequestHeader('X-CSRFToken', 'BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p');
1193        },
1194        success: function(data) {
1195          $('.menu-notification-badge').hide();
1196        }
1197      });
1198    }
1199
1200    function showLoading() {
1201      $('#panya-loading').fadeIn('fast');
1202    }
1203
1204    function hideLoading() {
1205      $('#panya-loading').hide();
1206    }
1207
1208    function showPopupCoupon(cb) {
1209      $('.use-coupon').show();
1210      if (typeof (cb) == 'function') {
1211        cb();
1212      }
1213    }
1214
1215    function checkCoupon() {
1216
1217      var coupon_code = $('#main_coupon_code').val();
1218
1219      $.ajax({
1220        url: '/transfer/use_global_coupon',
1221        beforeSend: function (xhr) {
1222          xhr.setRequestHeader('X-CSRFToken', 'BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p');
1223        },
1224        method: 'POST',
1225        data: {
1226          coupon_code: coupon_code
1227        },
1228        dataType: 'JSON',
1229        error: function (xhr) {
1230          Swal.fire({
1231            type: 'error',
1232            title: 'เกิดข้อผิดพลาด กรุณาลองใหม่อีกครั้ง',
1233          });
1234        },
1235        success: function (data) {
1236
1237          if (data.status == false) {
1238            Swal.fire(
1239              '',
1240              data.description,
1241              'error'
1242            );
1243            return;
1244          }
1245
1246          $('.use-coupon').hide();
1247          location.reload();
1248
1249        }
1250      });
1251
1252    }
1253
1254    function pingShowPopupCoupon() {
1255      $.ajax({
1256        url: '/transfer/ping_show_popup_coupon',
1257        beforeSend: function (xhr) {
1258          xhr.setRequestHeader('X-CSRFToken', 'BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p');
1259        },
1260        method: 'POST',
1261        data: {},
1262        dataType: 'JSON',
1263        error: function (xhr) {},
1264        success: function (data) {}
1265      });
1266    }
1267
1268    function getVideoThumbnail(videoElement){
1269      const videoUrl = videoElement.data('video_url')
1270      const thunbnailApiUrl = '/course/load_video_thumbnail/'
1271      $.ajax({
1272        url: thunbnailApiUrl+"?video_url="+videoUrl,
1273        method: 'GET',
1274        success: function (data) {
1275          const imgElement = videoElement.find("img")
1276          if (imgElement) {
1277            const keys = Object.keys(data);
1278            const lastKey = keys[keys.length - 1];
1279            const lastValue = data[lastKey];
1280            if (lastValue) {
1281              imgElement.attr("src",lastValue)
1282              imgElement.attr("style","width: 100%; height: 100%;")
1283            }
1284          }
1285        }
1286      })
1287    }
1288
1289    function showPreviewVideo(course_id) {
1290
1291      $.ajax({
1292        url: '/course/load_video_preview',
1293        beforeSend: function (xhr) {
1294          xhr.setRequestHeader('X-CSRFToken', 'BT0XSmo9VMx1XHQrbTt1Ya5yOGWk1ihpzkGFqd28m30TUFXTohMJxR3MhsGPjM9p');
1295          showLoading();
1296        },
1297        method: 'POST',
1298        data: {
1299          course_id: course_id
1300        },
1301        dataType: 'JSON',
1302        error: function (xhr) {
1303          hideLoading();
1304          Swal.fire({
1305            type: 'error',
1306            title: 'ขออภัย ไม่สามารถแสดงวีดีโอตัวอย่างได้ในขณะนี้',
1307          });
1308        },
1309        success: function (data) {
1310          hideLoading();
1311          if (data.data.length == 0) {
1312            Swal.fire({
1313              type: 'error',
1314              title: 'ขออภัย ยังไม่มีวีดีโอตัวอย่างในขณะนี้',
1315            });
1316            return;
1317          }
1318
1319          var title = 'วิดีโอตัวอย่าง : ' + data.course_name;
1320
1321          Swal.fire({
1322            width: 800,
1323            title: title,
1324            html: data.html,
1325            showCloseButton: true,
1326            confirmButtonText: 'ปิด',
1327            customClass: {
1328              'container': 'popup-preview-video'
1329            },
1330            onOpen: function () {
1331              var child = $(swal.getContent());
1332              $(child).find('.popup-preview-video-item').click(function () {
1333                var video_url = $(this).data('video_url');
1334                $(child).find('#popup-preview-video').html('<iframe class="iframe-preview-video" src="'+video_url+(video_url.includes("?")?"&":"?")+'autoplay=1" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>');
1335                $(child).find('.popup-preview-video-item').removeClass('active');
1336                $(this).addClass('active');
1337              });
1338
1339            }
1340          });
1341          $('#list_preview_video').ready(function(){
1342            $('#list_preview_video').children().each(function(index){
1343              getVideoThumbnail($(this))
1344            })
1345          });
1346        }
1347      });
1348    }
1349  </script>
1349
1350  
1350<script>
1351    function register_index(){
1352      var email = document.getElementById("register_email").value;
1353      dataLayer.push({
1354        'event': 'register_success',
1355        'email': email
1356     });
1357     console.log(dataLayer);
1358    }
1359  </script>
1359
1360  
1360<script>
1361    function showPromotionHeadBanner(){
1362      var navbarHeight = 0;
1363      if (window.innerWidth <= 480) {
1364        const navbars = document.getElementsByClassName("navbar-phone");
1365        if (navbars.length > 0) {
1366          navbarHeight = navbars[0].offsetHeight;
1367        }
1368      } else {
1369        const navbars = document.getElementsByClassName("nav-login");
1370        if (navbars.length > 0) {
1371          navbarHeight = navbars[0].offsetHeight;
1372        }
1373      }
1374      fetch(`/home/promotion_head_banner/?top=${navbarHeight}`).then(
1375        (res) => res.json())
1376        .then((data) => {
1377          if (data.banner_exists) {
1378            document.body.insertAdjacentHTML("beforeend", data.html);
1379          }
1380        })
1381        .catch((err) => {
1382          console.error("Error:", err);
1383        });
1384    }
1385    document.addEventListener("DOMContentLoaded", function() {
1386      showPromotionHeadBanner();
1387    });
1388  </script>
1388
1389  
1390  
1391
1392  <!-- Facebook Pixel Code -->
1393  
1393<script>
vendor: 416 bytes, lines 1393-1402
1393
1394  !function(f,b,e,v,n,t,s)
1395  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
1396  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
1397  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
1398  n.queue=[];t=b.createElement(e);t.async=!0;
1399  t.src=v;s=b.getElementsByTagName(e)[0];
1400  s.parentNode.insertBefore(t,s)}(window,document,'script',
1401  'https://connect.facebook.net/en_US/fbevents.js');
1402  fbq('init', '
1402474724799786784
vendor: 35 bytes, lines 1402-1404
1402'); 
1403  fbq('track', 'PageView');
1404  
1404</script>
1404
1405  <noscript>
1406  <img height="1" width="1" 
1407  src="https://www.facebook.com/tr?id=474724799786784&ev=PageView
1408  &noscript=1"/>
1409  </noscript>
1410  <!-- End Facebook Pixel Code -->
1411
1412
1413  
1414
1415  <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 1415-1416
1415
1416  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1416GTM-T2WCCSW
vendor: 87 bytes, lines 1416-1418
1416"
1417  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1418  
1418<!-- End Google Tag Manager (noscript) -->
1419
1420  
1421
1422<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"69116a1342c748cdb2da852cf1f0e3a0","r":1,"spa":2}' crossorigin="anonymous"></script>
1422
1423</body>
1424
1425</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.