PageSourceSearch

https://openline.com.tw/program-02.html

html openline.com.tw collected 2026-10-10 02:42:57 UTC 27,312 bytes, 655 lines download raw bytes

1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
8    <!-- META -->
9    <meta property="og:title" content="OPEN-LINE 對話社群行銷 || 智慧時尚股份有限公司">
10    <meta property="og:image" content="images/og.jpg">
11    <meta property="og:url" content="https://open-line.com.tw">
12    <meta property="og:description" content="還在猶豫該選網站還是APP嗎?你沒錯,只是想法有點落後!LINE機器人讓您用既有的預算,創造出驚人的價值收益!功能完整超強大、操作簡單好上手、費用低廉無負擔!">
13    <meta name="keywords" content="OPEN-LINE,LINE,社群行銷,對話">
14    <meta name="description" content="還在猶豫該選網站還是APP嗎?你沒錯,只是想法有點落後!LINE機器人讓您用既有的預算,創造出驚人的價值收益!功能完整超強大、操作簡單好上手、費用低廉無負擔!">
15
16    <!-- fav icon -->
17    <link rel="shortcut icon" href="images/favicon.ico"/>
18    <link rel="bookmark" href="images/favicon.ico"/>
19    <link rel="icon" href="images/favicon.gif" type="image/gif" />
20
21    <!-- CSS -->
22    <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,300italic' rel='stylesheet' type='text/css'>
23    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
24    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
25    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css">
26    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">    
27    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
28    <link rel="stylesheet" type="text/css" href="css/style.css">
29    <link rel="stylesheet" type="text/css" href="css/modals.css">
30    <link rel="stylesheet" type="text/css" href="css/animation.css">
31
32    <title>Open-line</title>
33  </head>
34
35<body class="program program-02">
36<!--   
37  <div class="bubble hidden-xs" onclick="window.location='program.html';">
38    <p>
39      數位轉型補助方案<br>
40      已超過 <span class="text-red">21</span> 家申請
41    </p>
42  </div> -->
43
44  <nav class="navbar navbar-default">
45    <div class="container-fluid">
46      <!-- Brand and toggle get grouped for better mobile display -->
47      <div class="navbar-header">
48        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
49          <span class="sr-only">Toggle navigation</span>
50          <span class="icon-bar"></span>
51          <span class="icon-bar"></span>
52          <span class="icon-bar"></span>
53        </button>
54        <a class="navbar-brand" href="index.html">
55          <img src="images/logo.svg">
56        </a>
57      </div>
58      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
59        <ul class="nav navbar-nav navbar-right">
60          <li><a href="index.html">首頁</a></li>
61          <li><a href="program.html">數位轉型補助方案</a></li>    
62          <li><a href="program-02.html">上架外送服務計畫</a></li>    
63        </ul>
64      </div>
65    </div>
66  </nav>
67  
68  <section class="banner row">
69   <div class="scroll-mouse hidden-xs">
70      <div class="scroll"></div>
71    </div>
72   <div id="banner" class="col-md-12 owl-carousel owl-theme">
73    <div id="banner-01" class="item row">
74      <h1 class="hidden-xs" data-aos="fade-up" data-aos-easing="ease-in" data-aos-duration="500">餐飲業上架外送服務推動計畫</h1>
75
76      <div class="col-md-6 banner-text">
77        <img class="visible-xs" src="images/banner-text-02.png">
78        <p data-aos="fade-up" data-aos-easing="ease-in" data-aos-duration="500" data-aos-delay="300">
79          業績受疫情影響嗎?<br>
80          政府推動紓困計畫來協助您<br>
81          透過上架外送服務推動計畫<br>
82          以擴大銷售管道,促進數位轉型之振興措施<br>
83          名額有限,現在立即體驗,搶先補助!
84        </p>
85        <a class="btnGreen scrollLink" href="#contact-area" data-aos="fade-up" data-aos-easing="ease-in" data-aos-duration="500" data-aos-delay="500">
86          立即體驗
87        </a>
88      </div>
89      <div class="col-md-6 banner-pic pl-0" data-aos="fade-up" data-aos-easing="ease-in" data-aos-duration="500">
90        <img src="images/program-04.jpg">
91      </div>
92    </div>
93   </div>
94  </section>
95
96  <section class="program">
97    <div class="float-01 float-animation-slow hidden-xs">
98    </div>
99    <div class="float-02 float-animation-slow hidden-xs">
100    </div>
101    <div class="float-03 float-animation-medium hidden-xs">
102    </div>
103    <div class="float-04 float-animation-slow hidden-xs">
104    </div>
105    <div class="feature-01 row mb-3" data-aos="fade-up" data-aos-easing="ease-in" data-aos-duration="500" data-aos-anchor-placement="top-center">
106      <div class="feature-pic col-md-6">
107        <img src="images/program-05.jpg">
108      </div>
109      <div class="feature-text col-md-6">        
110        <h1 class="float-left">經濟部 紓困振興方案</h1>
111        <div class="feature-content float-left">
112          政府重視台灣在地店家發展,而隨著網路的興起,導致電商蓬勃發展,對於在地店家造成不少衝擊,以及疫情期間,造成實體店家業績下滑,因此政府積極提出紓困方案,協助餐飲業上架外送服務,促進數位轉型之振興措施。
113        </div>
114      </div>
115    </div>
116
117    <div class="feature-02 row" data-aos="fade-up" data-aos-easing="ease-in" data-aos-duration="500" data-aos-anchor-placement="top-center">  
118      <div class="feature-pic col-md-6 visible-xs">
119        <img src="images/program-06.jpg">
120      </div> 
121      <div class="feature-text col-md-6">        
122        <h1 class="float-right text-right">符合條件 補助一萬五</h1>
123        <div class="feature-content float-right">
124          <ol>           
125            <li>餐飲業者</li>
126            <li>需有「統一編號」 或 「稅籍登記」</li>
127            <li>食品藥物業者登錄平台登記</li>
128            <li>有實體店面 (流動攤販不在此範圍內)</li>    
129            <li>首次導入上架外送服務方案之一者</li>        
130        </div>
131      </div>
132      <div class="feature-pic col-md-6 hidden-xs">
133        <img src="images/program-06.jpg">
134      </div>
135    </div>
136  </section>
137
138  <section class="modals row">
139    <div class="container">
140      <div class="title-white">
141        補助方案項目
142      </div>
143      <div class="col-md-4 col-xs-8 col-xs-offset-2 col-md-offset-4">
144        <div class="tab-container col-md-9 container">
145          <div class="tab-item item tab-11 active" data-id="11">
146            <a>
147            </a>
148            <span>
149              上架服務
150            </span>
151          </div>
152
153          <div  class="tab-item item tab-10" data-id="10">
154            <a>
155            </a>
156            <span>
157              行銷服務
158            </span>
159          </div>
160        </div>
161      </div>
162    </div>
163    <div class="tab-content container">
164
165      <div class="col-md-7 tab-content-11 active">
166        <img class="device" src="images/device.png">
167      </div>
168      <div class="col-md-7 tab-content-10">
169        <img class="device" src="images/wi-fi.png">
170      </div>
171
172      <div class="col-md-5">
173        <div class="tab-content-text tab-content-11 active">
174          <h2>上架服務</h2>
175          <p>
176            商品上下架、點餐取貨、免費LINE@申請+機器人綁定、免費訊息推播(每月500則) 。
177          </p>
178        </div>
179
180        <div class="tab-content-text tab-content-10">
181          <h2>行銷服務</h2>
182          <p>
183            3,000次廣告點擊、贈送12,000次廣告曝光,紓困免費贈送:行動廣告素材製作;COUPON優惠券、推薦置頂、專區推廣、官網平台店家精選專區露出。
184          </p>
185        </div>
186      </div>
187    </div>
188  </section>
189
190  <!-- stores -->
191  <section id="stores" class="row">
192    <ul class="nav nav-tabs">
193      <li class="active"><a data-toggle="tab" href="#tab-01">全部</a></li>
194      <li><a data-toggle="tab" href="#tab-02">北部</a></li>
195      <li><a data-toggle="tab" href="#tab-03">中部</a></li>
196    </ul>
197    <div class="col-md-12">
198    <!-- json -->
199    
200    
201    <div class="tab-content">
202
203      <div id="tab-01" class="tab-pane fade in active">
204        <div id="carousel-01" class="carousel slide" data-ride="carousel">
205          <!-- Indicators -->
206          <ol class="carousel-indicators">
207            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
208            <li data-target="#myCarousel" data-slide-to="1"></li>
209            <li data-target="#myCarousel" data-slide-to="2"></li>
210          </ol>
211          <!-- 全部 -->
212          <div class="carousel-inner all">
213                            
214          </div>                  
215          <a class="left carousel-control" href="#carousel-01" data-slide="prev">
216            <span class="glyphicon glyphicon-chevron-left"></span>
217            <span class="sr-only">Previous</span>
218          </a>
219          <a class="right carousel-control" href="#carousel-01" data-slide="next">
220            <span class="glyphicon glyphicon-chevron-right"></span>
221            <span class="sr-only">Next</span>
222          </a>
223        </div>
224      </div>
225
226      <div id="tab-02" class="tab-pane fade">
227        <div id="carousel-02" class="carousel slide" data-ride="carousel">
228          <!-- Indicators -->
229          <ol class="carousel-indicators">
230            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
231            <li data-target="#myCarousel" data-slide-to="1"></li>
232            <li data-target="#myCarousel" data-slide-to="2"></li>
233          </ol>
234          <!-- 台北 -->
235          <div class="carousel-inner north">
236                            
237          </div>                  
238          <a class="left carousel-control" href="#carousel-02" data-slide="prev">
239            <span class="glyphicon glyphicon-chevron-left"></span>
240            <span class="sr-only">Previous</span>
241          </a>
242          <a class="right carousel-control" href="#carousel-02" data-slide="next">
243            <span class="glyphicon glyphicon-chevron-right"></span>
244            <span class="sr-only">Next</span>
245          </a>
246        </div>
247      </div>
248
249      <div id="tab-03" class="tab-pane fade">
250        <div id="carousel-03" class="carousel slide" data-ride="carousel">
251          <!-- Indicators -->
252          <ol class="carousel-indicators">
253            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
254            <li data-target="#myCarousel" data-slide-to="1"></li>
255            <li data-target="#myCarousel" data-slide-to="2"></li>
256          </ol>
257          <!-- 台中 -->
258          <div class="carousel-inner center">
259                            
260          </div>                  
261          <a class="left carousel-control" href="#carousel-03" data-sli
261de="prev">
262            <span class="glyphicon glyphicon-chevron-left"></span>
263            <span class="sr-only">Previous</span>
264          </a>
265          <a class="right carousel-control" href="#carousel-03" data-slide="next">
266            <span class="glyphicon glyphicon-chevron-right"></span>
267            <span class="sr-only">Next</span>
268          </a>
269        </div>
270      </div>
271    </div>
272    </div>
273  </section>
274
275  <!-- contact -->
276  <section id="contact-area" class="contact row">
277    <div class="col-md-12">
278      <div class="title-green">
279        聯繫我們
280      </div>
281
282      <form id="form-area" class="col-md-6 mr-auto ml-auto float-none" method="post">
283        <div class="col-md-12 pr-0 pl-0">
284          <div class="form-group col-md-6">
285            <label>姓名 <span class="required">*必填</span></label>
286            <input type="text" class="form-control" id="nameInput" placeholder="輸入姓名" required data-parsley-required-message="此欄位尚未填寫">
287          </div>
288          <div class="form-group col-md-6">
289            <label>電話 <span class="required">*必填</span></label>
290            <input type="text" class="form-control" id="phoneInput" placeholder="輸入電話號碼" required data-parsley-required-message="此欄位尚未填寫" data-parsley-type="digits" data-parsley-type-message="請填寫正確的電話格式">
291          </div> 
292        </div>
293
294        <div class="col-md-12 pr-0 pl-0">
295          <div class="form-group col-md-6">
296            <label>Email <span class="required">*必填</span></label>
297            <input type="text" class="form-control" id="emailInput" placeholder="輸入Email" required data-parsley-type="email" data-parsley-required-message="此欄位尚未填寫" data-parsley-error-message="請填寫正確Email格式">
298          </div> 
299
300          <div class="form-group col-md-6">
301            <label>產業類型 <span class="required">*必填</span></label>
302            <select class="form-control" id="fieldInput" required data-parsley-required-message="此選單尚未勾選">
303              <option disabled selected>請選擇類別</option>
304              <option>製造/內外銷</option>
305              <option>科技</option>
306              <option>旅遊</option>
307              <option>服飾</option>
308              <option>數位行銷/廣告</option>
309              <option>醫療/生技</option>
310              <option>文創</option>
311              <option>教育/顧問</option>
312              <option>房地產</option>
313              <option>食品</option>
314              <option>各類機構/基金會</option>
315              <option>法律</option>
316              <option>財經</option>
317              <option>其他</option>          
318            </select>
319          </div> 
320        </div>
321        
322        <div class="col-md-12 pr-0 pl-0">
323          <div class="form-group col-md-6" id="companyName">
324            <label>店家名稱 <span class="required">*必填</span></label>
325            <input type="text" class="form-control" id="companyInput" placeholder="輸入企業名稱" required data-parsley-required-message="此欄位尚未填寫">
326          </div>
327
328          <div id="address" class="form-group col-md-6">
329            <label class="float-left">營業地址 <span class="required">*必填</span></label>
330            <div id="twzipcode"></div> 
331            <input type="text" id="addressInput" class="form-control col-md-8" placeholder="輸入地址" required data-parsley-required-message="此欄位填寫未完成">
332          </div>
333        </div>  
334
335        <div class="form-group col-md-12" id="other">
336          <label>備註</label>
337          <textarea class="form-control" rows="5" id="otherInput"></textarea>
338        </div>    
339        <div id="g-recaptcha"></div>        
340        
341        <button class="btnSubmit" >送出</button>
342
343      </form>
344    </div>
345  </section>
346
347  <footer class="row">
348    <div class="sitemap col-md-12 d-flex">
349      <a class="border-right-white" href="index.html">首頁</a>
350      <a class="border-right-white" href="program.html">數位轉型補助方案</a>
351      <a href="program-02.html">上架外送服務計畫</a>
352    </div>
353    <div class="logo col-md-2">
354      <img src="images/logo.svg">
355    </div>
356    <div class="links d-flex">
357      <div class="white-circle"></div>
358      <a class="col-md-1" href="https://lin.ee/wqEJH9T" target="_blank">
359        <img src="images/link-01.svg">
360      </a>
361      <a class="col-md-1" href="mailto:[email protected]" target="_top">
362        <img src="images/link-02.svg">
363      </a>
364      <div class="white-circle"></div>
365    </div>
366    <p class="copyright">Copyright © 智慧時尚股份有限公司</p>
367  </footer>
368<!-- 
369  <div class="bubble visible-xs" onclick="window.location='program.html';">
370    
371    數位轉型補助方案已超過 <span class="text-red">21</span> 家申請
372    <a class="bubble-close float-right">X</a>
373  </div> -->
374
375  <!-- modal -->
376  <div class="modal fade" id="modal-01" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
377    <div class="modal-dialog" role="document">
378      <div class="modal-content">
379        <div class="modal-header">
380          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
381          <h4 class="modal-title" id="myModalLabel">表單填寫完成</h4>
382        </div>
383        <div class="modal-body text-center">
384          表單已填寫完成,我們會盡快與您聯絡!
385        </div>
386        <div class="modal-footer">
387          <button type="button" class="btn btn-default" data-dismiss="modal">關閉</button>
388        </div>
389      </div>
390    </div>
391  </div>
392
393  <div class="modal fade" id="modal-02" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
394    <div class="modal-dialog" role="document">
395      <div class="modal-content">
396        <div class="modal-header">
397          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
398          <h4 class="modal-title" id="myModalLabel">驗證尚未完成</h4>
399        </div>
400        <div class="modal-body text-center">
401          請完成驗證
402        </div>
403        <div class="modal-footer">
404          <button type="button" class="btn btn-default" data-dismiss="modal">關閉</button>
405        </div>
406      </div>
407    </div>
408  </div>
409
410</body>
411
412    <!--JS-->
413    
413<script type="text/javascript" src="js/jquery.js"></script>
413
414    
414<script type="text/javascript" src="js/jquery.easing.min.js"></script>
414    
415    
415<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
415
416    
417    <!-- reCaptcha -->
vendor: 148 bytes, lines 417-421
417
418    <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
419
420
421    
421<!-- owl carousel 2 -->
422    
422<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.js"></script>
422
423    
423<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
423
424
425    <!-- zipcode -->
426    
426<script src="https://cdn.jsdelivr.net/npm/[email protected]/jquery.twzipcode.min.js"></script>
426
427    
427<script src="js/jquery.twzipcode.min.js"></script>
427
428
429    <!-- validate -->
430    
430<script src="js/jquery.parsley.js"></script>
430
431
432    <!-- AOS -->
433    
433<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
433
434
435
436    <!-- marquee -->
437    
437<script src="js/jquery.pause.js"></script>
437
438    
438<script src="js/jquery.marquee.min.js"></script>
438
439
440    <!-- custom -->
441    
441<script src="js/scroll-fade.js"></script>
441
442    
442<script src="js/index.js"></script>
442
443
444    
444<script>
445    //call AOS
446    AOS.init();
447
448    var verifyCallback = function(response) {
449    // 如果 JavaScript 驗證成功
450    if (response) {
451        $.post('form.php', { 'g-recaptcha-response': response }, function(data, status) {
452            // 如果 PHP 驗證成功
453            if (status == 'success')
454            console.log('success')
455        });
456      }
457    };
458
459
460    var onloadCallback = function() {
461        grecaptcha.render(
462            'g-recaptcha', {                              // widget 驗證碼視窗在 id="my-widget" 顯示
463                'sitekey' : '6LcjU9EUAAAAAFnq-aQ3saZLgq_7IssCQsEiQBPS',  // API Key
464                'callback' : verifyCallback            // 要呼叫的回調函式
465            }
466        );
467    };
468    
469    $(function(){
470      $('#twzipcode select').prop('required',true);
471    })
472    $('#twzipcode').twzipcode();
473    $('#twzipcode').twzipcode({
474      'countyName'   : 'county',   
475      'districtName' : 'district'
476    });
477
478    // Google Sheet 表單注意事項
479    // 每次 google app 更動,要更新版本
480    // source  https://blog.maki0419.com/2015/06/google-database.html
481    function SendScore(){
482      $.get("https://script.google.com/macros/s/AKfycbzTofIr6-WTxovDWVdfO4_UVeteiW1f9GS10czZXvHTa9iLYFKc/exec", {
483          "name": $("#nameInput").val(),
484          "phone": $("#phoneInput").val(),
485          "email": $("#emailInput").val(),
486          "field": $('#fieldInput option:selected').text(),
487          "company": $("#companyInput").val(),
488          "address_01": $('#twzipcode').twzipcode('get', 'county')[0],
489          "address_02": $('#twzipcode').twzipcode('get', 'district')[0],
490          "address_03": $("#addressInput").val(),
491          "other": $("#otherInput").val()
492      },
493      function (data) {
494          // location.reload();
495        });
496      }
497    
498    // contact validate
499    $(function () {
500
501      $('#form-area').parsley().on('form:validate', function() {              
502      }).on('form:submit', function() {
503
504        if(grecaptcha.getResponse() == "") {
505          $('#modal-02').modal()
506          return false;
507        } else {
508          SendScore();
509          $('#modal-01').modal();
510          location.reload();
511        }
512      });
513    }); 
514
515    // stores
516    $(function(){
517			$.ajax({
518			    type: "GET",
519			    dataType: "json",
520			    url: "js/stores.json",
521			    //↑↑↑↑↑↑反正就是要指到你寫的aspx拉↑↑↑↑↑↑↑↑
522			    contentType: 'application/json; charset=UTF-8',
523			    // data: Json,
524			    success: function (msg) {
525			    	var all= '';
526            var north= '';
527			    	var center= '';
528			    	$.each(msg.all, function(i, item) {
529              
530              if(i == 0){
531                all +=  '<div class="item active">'+
532                 '<div class="row stores">'
533              }
534              else if(i%6 == 0){
535                all +=  '<div class="item">'+
536                  '<div class="row stores">'
537              }
538            
539              all += '<div class="store-card col-md-4 col-xs-6">'+
540                          '<div class="store-card-item">'+
541                            '<div class="d-flex d-sm-block">'+
542                              '<div class="col-md-4">'+
543                                '<img src="images/stores/'+item.images+'">'+
544                              '</div>'+
545                              '<div class="col-md-5">'+
546                                '<div class="store-text name"><label>'+item.name+'</label></div>'+
547                                '<div class="store-text phone"><label>電話</label><span>'+item.phone+'</span></div>'+
548                                '<div class="store-text address"><label>地址</label><span>'+item.address+'</span></div>'+
549                                
550                              '</div>'+
551                              '<div class="store-qr col-md-4">'+
552                                '<img src="images/stores/qr/'+item.qr+'">'+
553                                '<div class="store-text time"><label>營業時間</label><span>'+item.time+'</span></div>'+
554                              '</div>'+
555                            '</div>'+
556                          '</div>'+
557                        '</div>'                        
558                         
559
560              if(i%6 == 5 && i !== 0){
561                all +=    '</div>'+
562                '</div>'
563              }             
564            });  
565
566            $.each(msg.north, function(i, item) {
567              
568              if(i == 0){
569                north +=  '<div class="item active">'+
570                 '<div class="row stores">'
571              }
572              else if(i%6 == 0){
573                north +=  '<div class="item">'+
574                  '<div class="row stores">'
575              }
576            
577              north += '<div class="store-card col-md-4 col-xs-6">'+
578                          '<div class="store-card-item">'+
579                            '<div class="d-flex d-sm-block">'+
580                              '<div class="col-md-4">'+
581                                '<img src="images/stores/'+item.images+'">'+
582                              '</div>'+
583                              '<div class="col-md-5">'+
584                                '<div class="store-text name"><label>'+item.name+'</label></div>'+
585                                '<div class="store-text phone"><label>電話</label><span>'+item.phone+'</span></div>'+
586                                '<div class="store-text address"><label>地址</label><span>'+item.address+'</span></div>'+
587                                
588                              '</div>'+
589                              '<div class="store-qr col-md-4">'+
590                                '<img src="images/stores/qr/'+item.qr+'">'+
591                                '<div class="store-text time"><label>營業時間</label><span>'+item.time+'</span></div>'+
592                              '</div>'+
593                            '</div>'+
594                          '</div>'+
595                        '</div>'                        
596                         
597
598              if(i%6 == 5 && i !== 0){
599                north +=    '</div>'+
600                '</div>'
601              }             
602            });  
603
604            $.each(msg.center, function(i, item) {
605              
606              if(i == 0){
607                center +=  '<div class="item active">'+
608                 '<div class="row stores">'
609              }
610              else if(i%6 == 0){
611                center +=  '<div class="item">'+
612                  '<div class="row stores">'
613              }
614            
615              center += '<div class="store-card col-md-4 col-xs-6">'+
616                          '<div class="store-card-item">'+
617                            '<div class="d-flex d-sm-block">'+
618                              '<div class="col-md-4">'+
619                                '<img src="images/stores/'+item.images+'">'+
620                              '</div>'+
621                              '<div class="col-md-5">'+
622                                '<div class="store-text name"><label>'+item.name+'</label></div>'+
623                                '<div class="store-text phone"><label>電話</label><span>'+item.phone+'</span></div>'+
624                                '<div class="store-text address"><label>地址</label><span>'+item.address+'</span></div>'+
625                                
626                              '</div>'+
627                              '<div class="store-qr col-md-4">'+
628                                '<img src="images/stores/qr/'+item.qr+'">'+
629                                '<div class="store-text time"><label>營業時間</label><span>'+item.time+'</span></div>'+
630                              '</div>'+
631                            '</div>'+
632                          '</div>'+
633                        '</div>'                        
634                         
635
636              if(i%6 == 5 && i !== 0){
637                center +=    '</div>'+
638                '</div>'
639              }             
640            }); 
641
642				    $('.all').append(
643              all
644			    		);
645            $('.north').append(
646            north
647            );
648            $('.center').append(
649            center
650            );
651            }
652        });
653    });
654    </script>
654           
655</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.