PageSourceSearch
Opt out API access

https://pannylala.com/mobile/app

html pannylala.com collected 2026-10-02 01:38:49 UTC 12,196 bytes, 245 lines download raw bytes 

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta http-equiv="X-UA-Compatible" content="IE=edge">
5    <title>
6      Pannylala.com - สุดยอดแอปฯ สำหรับสั่งของจากจีนทางโทรศัพท์
7    </title>
8    <meta name="description" content="การนำเข้าสินค้าจากจีนมายังประเทศไทยอย่างน่าเชื่อถือและมีประสิทธิภาพ ช่วยประหยัดเวลา" />
9    <meta property="og:description" content="การนำเข้าสินค้าจากจีนมายังประเทศไทยอย่างน่าเชื่อถือและมีประสิทธิภาพ ช่วยประหยัดเวลา" />
10    <meta name="keywords" content="app,mobile order,Pannylala app, pannylala" />
11    <meta property="og:site_name" content="Pannylala.com - สุดยอดแอปฯ สำหรับสั่งของจากจีนทางโทรศัพท์" />
12    <meta property="og:rich_attachment" content="true" />
13    <meta property="og:type" content="website" />
14    <meta property="og:url" content="https://pannylala.com/mobile/app" />
15    <meta property="og:title" content="Pannylala - สุดยอดแอปฯ สำหรับสั่งของจากจีนทางโทรศัพท์" />
16    <meta property="og:image" content="https://pannylala.com/static/web/images/logo-pa.png" />
17    <meta property="og:image:width" content="720" />
18    <meta property="og:image:height" content="378" />
19    <link rel="canonical" href="https://pannylala.com/mobile/app" />
20    <!-- Tell the browser to be responsive to screen width -->
21    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
22    

22<script type="text/javascript" src="/jawr_loader.js?ver=01.10.2026.663747" >
23    </script>

23
24    

24<script>
25      JAWR.loader.script('/js/chipo-backend.js');
26    </script>

26
27    <link rel="icon" href="/mobile/images/favicon-pa.ico" sizes="16x16" />
28    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600|Open+Sans" rel="stylesheet">
29    <link rel="stylesheet" href="assets/animate.min.css">
30    <link rel="stylesheet" href="assets/slick-1.8.0/slick/slick.css" type="text/css" />
31    <link rel="stylesheet" href="assets/slick-1.8.0/slick/slick-theme.css" type="text/css" />
32    <link rel="stylesheet" href="assets/bootstrap.min.css">
33    <link rel="stylesheet" type="text/css" media="screen" href="/gzip_1697957064/css/chipo-backend.css">
34    <link rel="stylesheet" href="css/style-pa.css" type="text/css" />
35    <link rel="stylesheet" href="https://pannylala.com/static/web/css/responsive-new.css"/>
36      <style>
37        body , .landing_content, .bubbly-button{
38        font-family: "Kanit", sans-serif !important;
39        }
40      </style>
41    

41<script>
42
vendor: 160 bytes, lines 42-47
42window.dataLayer = window.dataLayer || [];
43      function gtag() {
44      dataLayer.push(arguments);
45      }
46      gtag('js', new Date());
47      gtag('config', '

47UA-153409408-1
vendor: 8 bytes, lines 47-48
47');
48    

48</script>

48
49  </head>
50  <body>
51    <div class="wrapper">
52      <div class="clearfix container-chipo">
53        <div class="col_left">
54          <div class="animated fadeInLeft landing_device">
55            <img alt="phone" src="images/iphone.png">
56            <div class="slide_container">
57              <div class="slide">
58                <div class="slide_item">
59                  <img alt="slide1" src="images/slide_pa1.png">
60                </div>
61                <div class="slide_item">
62                  <img alt="slide2" src="images/slide_pa2.png">
63                </div>
64                <div class="slide_item">
65                  <img alt="slide3" src="images/slide_pa3.png">
66                </div>
67                <div class="slide_item">
68                  <img alt="slide4" src="images/slide_pa4.png">
69                </div>
70                <div class="slide_item">
71                  <img alt="slide5" src="images/slide_pa5.png">
72                </div>
73              </div>
74            </div>
75          </div>
76        </div>
77        <div class="col_right">
78          <header class="" id="header">
79            <div class="logo">
80              <a href="/" title="Pannylala.com">
81                <img class="animated zoomIn" style="width: 200px" src="/mobile/images/logobg-pa.png" alt="Pannylala.com" />
82              </a>
83            </div>
84          </header>
85          <div class="">
86            <h1 class="landing_title">
87              Pannylala - สุดยอดแอปฯ สำหรับสั่งของจากจีนทางโทรศัพท์
88            </h1>
89            <div class="landing_content">
90              <p>
91                - Pannylala ผู้ช่วยตัวกลาง สนับสนุนสั่งซื้อและนำเข้าสินค้าจากจีน ผ่านแอปพลิเคชั่นมือถืออย่างง่าย สะดวก รวดเร็ว คุณสามารถค้นหาร้านจีน วางมัดจำคำสั่งซื้อ และจัดการคำสั่งซื้อ เช็คสถานะสินค้าได้ตลอด สั่งซื้อ ชำระเงินหยวน จัดส่ง ครบในที่เดียว
92                <br />
93                <br />
94                - Pannylala มีใช้งานทั้งในระบบ IOS และ Android
95                <br />
96                <br />
97              </p>
98            </div>
99            <div class="btn-register animated fadeInLeft">
100              <div class="btn_group">
101                <a target="_blank" href="/register" class="btn bubbly-button">
102                  สมัครสมาชิกฟรี
103                </a>
104              </div>
105            </div>
106          </div>
107          <div id="qrcore">
108            <br />
109            <h3>
110              ดาวน์โหลดแอปฯเลย!
111            </h3>
112            <div class="btn_group">
113              <a class="btn_download btn_android" href="https://play.google.com/store/apps/details?id=com.pannylala" title="ดาวน์โหลดเวอร์ชั่น Android" target="_blank">
114                ดาวน์โหลดเวอร์ชั่น Android
115              </a>
116              <a class="btn_download btn_ios" href="https://apps.apple.com/th/app/pannylala/id6756087162"
117                               title="ดาวน์โหลดเวอร์ชั่น IOS " target="_blank">
118                ดาวน์โหลดเวอร์ชั่น IOS
119              </a>
120            </div>
121          </div>
122          <style>
123            /*.btn-register {*/
124            /*    padding: 3em;*/
125            /*}*/
126            .bubbly-button {
127            font-family: "Helvetica", "Arial", sans-serif;
128            display: inline-block;
129            font-size: 1em;
130            padding: 1em 2em;
131            -webkit-appearance: none;
132            appearance: none;
133            background-color: #7bc142;
134            color: #fff!important;
135            border-radius: 100px;
136            border: none;
137            cursor: pointer;
138            position: relative;
139            transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
140            box-shadow: 0 2px 25px rgba(3, 150, 57, 0.5);
141            }
142            .bubbly-button:focus {
143            outline: 0;
144            }
145            .bubbly-button:before, .bubbly-button:after {
146            position: absolute;
147            content: "";
148            display: block;
149            width: 140%;
150            height: 100%;
151            left: -20%;
152            z-index: -1000;
153            transition: all ease-in-out 0.5s;
154            background-repeat: no-repeat;
155            }
156            .bubbly-button:before {
157            display: none;
158            top: -75%;
159            background-image: radial-gradient(circle, #7bc142 20%, transparent 20%), radial-gradient(circle, transparent 20%, #7bc142 20%, transparent 30%), radial-gradient(circle, #7bc142 20%, transparent 20%), radial-gradient(circle, #7bc142 20%, transparent 20%), radial-gradient(circle, transparent 10%, #7bc142 15%, transparent 20%), radial-gradient(circle, #7bc142 20%, transparent 20%), radial-gradient(circle, #7bc142 20%, transparent 20%), radial-gradient(circle, #7bc142 20%, transparent 20%), radial-gradient(circle, #7bc142 20%, transparent 20%);
160            background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
161            }
162            .bubbly-button:after {
163            display: none;
164            bottom: -75%;
165            background-image: radial-gradient(circle, #7bc142 20%, transparent 20%), radial-gradient(circle, #7bc142 20%, transparent 20%), radial-gradient(circle, transparent 10%, #7bc142 15%, transparent 20%), radial-gradient(circle, #7bc142 20%, transparent 20%), radial-gradient(circle, #7bc142 20%, transparent 20%), radial-gradient(circle, #7bc142 20%, transparent 20%), radial-gradient(circle, #7bc142 20%, transparent 20%);
166            background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
167            }
168            .bubbly-button:active {
169            transform: scale(0.9);
170            background-color: #4eab00;
171            box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
172            }
173            .bubbly-button.animate:before {
174            display: block;
175            animation: topBubbles ease-in-out 0.75s forwards;
176            }
177            .bubbly-button.animate:after {
178            display: block;
179            animation: bottomBubbles ease-in-out 0.75s forwards;
180            }
181            @keyframes topBubbles {
182            0% {
183            background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
184            }
185            50% {
186            background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
187            }
188            100% {
189            background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
190            background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
191            }
192            }
193            @keyframes bottomBubbles {
194            0% {
195            background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
196            }
197            50% {
198            background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
199            }
200            100% {
201            background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
202            background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
203            }
204            }
205            .footer-content ul li a:hover{
206              color: #7bc142 !important;
207            }
208            footer ul li:hover a{
209              color: #7bc142 !important;
210            }
211          </style>
212          

212<script>
213            var animateButton = function(e) {
214            e.preventDefault;
215            //reset animation
216            e.target.classList.remove('animate');
217            e.target.classList.add('animate');
218            setTimeout(function(){
219            e.target.classList.remove('animate');
220            },700);
221            };
222            var bubblyButtons = document.getElementsByClassName("bubbly-button");
223            for (var i = 0; i
224            < bubblyButtons.length; i++) {
225                            bubblyButtons[i].addEventListener('click', animateButton, false);
226                        }
227                    </script>

227
228          </div>
229        </div>
230      </div>
231      

231<script type="text/javascript">
232        $(document).ready(function () {
233        //Slider
234        $('.slide').slick({
235        dots: true,
236        slidesToScroll: 1,
237        autoplay: true,
238        autoplaySpeed: 3000,
239        prevArrow: false,
240        nextArrow: false
241        });
242        });
243      </script>

243
244    </body>
245  </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.