1<!DOCTYPE html> 2<html lang="th"> 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 <title>à¸à¸´à¸à¸à¹à¸à¹à¸£à¸² ลà¸à¹à¸à¸©à¸à¸² รัà¸à¸à¸³à¹à¸§à¹à¸à¹à¸à¸à¹ รัà¸à¸à¸³à¸à¸²à¸£à¸à¸¥à¸²à¸à¸à¸à¸à¹à¸¥à¸à¹ Agency à¹à¸à¸©à¸à¸² รัà¸à¸à¸¹à¹à¸¥à¹à¸à¸ facebook</title> 8 <meta name="keywords" content="à¸à¸à¸£à¸¨à¸£à¸µà¸à¸µà¸¢à¹, รีวิวà¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸, à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸,à¸à¸µà¹à¸à¸±à¸à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸,à¸à¸¸à¸à¹à¸à¹à¸à¸à¸´à¸,à¸à¸µà¹à¸à¸±à¸à¸à¸à¸à¸¡,à¸à¸µà¹à¸à¸±à¸à¸ªà¸´à¸à¸¥,à¸à¸µà¹à¸à¸±à¸à¸ าà¸à¹à¸à¹,à¸à¸µà¹à¸à¸±à¸à¸à¸´à¸à¸à¸°à¹à¸¥,à¸à¸µà¹à¸à¸±à¸à¸à¸µà¸£à¸µà¸§à¸,à¸à¸µà¹à¸à¸±à¸à¸à¸µà¸£à¸µà¸§à¸,à¸à¸µà¹à¸à¸±à¸à¹à¸à¸¥à¹à¸§à¸±à¸à¹à¸à¸à¸µà¸¢à¹à¸à¸²à¹à¸à¹,à¸à¸à¸à¸¡,สิà¸à¸¥,à¸à¸µà¸£à¸µà¸§à¸,ลาà¸à¸ªà¸à¸², à¸à¸£à¸°à¹à¸à¸¨à¸à¸à¸,à¸à¸µà¸¢à¹,à¸à¸µà¸¢à¹à¸à¹à¸à¹à¸, à¸à¸à¸£à¸¨à¸£à¸µ, à¹à¸¡à¸·à¸à¸à¸à¸à¸, à¸à¸à¸£à¸¨à¸£à¸µà¸à¸µà¹à¸à¸µ, Nakhonsidee.com,à¹à¸§à¹à¸à¸à¸±à¸à¸à¸±à¸ 1 à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸, à¸à¸¸à¸à¹à¸à¹à¸à¸à¸´à¸à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸ , à¸à¸¸à¸à¹à¸à¹à¸à¸à¸´à¸à¹à¸¡à¸·à¸à¸à¸à¸à¸, à¹à¸§à¹à¸à¸à¹à¸à¸à¹à¸à¸µà¹à¸¢à¸§à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸ , à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸ , à¹à¸§à¹à¸à¸à¹à¸à¸à¹à¸à¸µà¹à¸¢à¸§à¸¢à¸à¸à¸®à¸´à¸à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸ , à¹à¸§à¹à¸à¸à¹à¸à¸à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¸à¸±à¸ 1 à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸, สà¸à¸²à¸à¸à¸µà¹à¸à¹à¸à¸à¹à¸à¸µà¹à¸¢à¸§à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸, à¸à¹à¸à¸¡à¸¹à¸¥à¸à¹à¸à¸à¹à¸à¸µà¹à¸¢à¸§à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸, รà¹à¸²à¸à¸à¸²à¸«à¸²à¸£à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸, ,à¸à¸à¸£à¸¨à¸£à¸µà¸à¸µà¸¢à¹à¸à¹à¸à¹à¸,สุà¸à¸¢à¸à¸à¹à¸§à¹à¸à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸,à¹à¸§à¹à¸à¸à¸µà¹à¸à¸µà¸à¸µà¹à¸ªà¸¸à¸à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸,à¸à¸à¸,à¸à¸±à¸à¸«à¸§à¸±à¸à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸, รีวิวรà¹à¸²à¸à¸à¸²à¸«à¸²à¸£, รีวิวà¸à¸µà¹à¸à¸±à¸, รีวิวสà¸à¸²à¸à¸à¸µà¹à¸à¹à¸à¸à¹à¸à¸µà¹à¸¢à¸§,รà¹à¸²à¸à¸à¸²à¸«à¸²à¸£à¹à¸¡à¸·à¸à¸à¸à¸à¸,รà¹à¸²à¸à¸à¸²à¸«à¸²à¸£à¸à¸£à¹à¸à¸¢à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸,à¹à¸à¸à¸à¸µà¹à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸,à¸à¸µà¹à¹à¸à¸µà¹à¸¢à¸§,à¸à¸µà¹à¸à¸±à¸,à¸à¸à¸à¸à¸´à¸,à¸à¸¸à¸à¹à¸à¹à¸à¸à¸´à¸,รีวิว, à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¹à¸à¸à¹à¸à¸µà¹à¸¢à¸§,à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¹à¸§à¹à¸à¸¢, à¹à¸§à¹à¸à¸à¹à¸à¸à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¸à¸±à¸ 1, สà¸à¸²à¸à¸à¸µà¹à¸à¹à¸à¸à¹à¸à¸µà¹à¸¢à¸§, à¸à¹à¸à¸¡à¸¹à¸¥à¸à¹à¸à¸à¹à¸à¸µà¹à¸¢à¸§, รีวิวรà¹à¸²à¸à¸à¸²à¸«à¸²à¸£,รีวิวสà¸à¸²à¸à¸à¸µà¹à¸à¹à¸à¸à¹à¸à¸µà¹à¸¢à¸§, รีวิวà¸à¸µà¹à¸à¸±à¸,รวมรีวิวà¸à¹à¸à¸à¹à¸à¸µà¹à¸¢à¸§,รà¹à¸²à¸à¸à¸²à¹à¸à¸ªà¸¸à¸à¸à¸´à¸¥,à¸à¸µà¹à¸à¸±à¸à¸§à¸´à¸§à¸«à¸¥à¸±à¸à¸¥à¹à¸²à¸"/> 9 <meta name="description" content="à¸à¸£à¸´à¸©à¸±à¸ à¸à¸µà¹à¸ สà¸à¸²à¸£à¹à¸à¸à¸±à¸ à¸à¸³à¸à¸±à¸ รัà¸à¹à¸à¸µà¸¢à¸à¹à¸à¸£à¹à¸à¸£à¸¡ ระà¸à¸ à¸à¸³à¸à¸²à¸£à¸à¸¥à¸²à¸à¸à¸à¸à¹à¸¥à¸à¹ รัà¸à¸à¸³à¹à¸§à¹à¸à¹à¸à¸à¹ à¹à¸à¸µà¸¢à¸à¹à¸à¸£à¹à¸à¸£à¸¡ à¹à¸à¸£à¹à¸¡à¸ รีวิว à¹à¸à¸©à¸à¸² à¸à¸¢à¹à¸²à¸à¸à¸£à¸à¸§à¸à¸à¸£"/> 10 <meta name="copyright" content="https://nakhonsidee.com/" /> 11 <link rel="canonical" href="https://nakhonsidee.com/contact" /> 12 13 <meta name="agd-partner-manual-verification" /> 14 15 <link rel="apple-touch-icon" href="https://nakhonsidee.com//rss/logore2.png"> 16 17 <link rel="shortcut icon" href="https://nakhonsidee.com//rss/logore2.png"> 18 19 <div id="fb-root"></div>
20<script async defer crossorigin="anonymous" src="https://connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v4.0&appId=1229107057219980&autoLogAppEvents=1"></script>
vendor: 67 bytes, lines 20-22
20 21 22<script async src="https://www.googletagmanager.com/gtag/js?id=
22UA-109832042-1
vendor: 13 bytes, line 22
22"></script>
23<script> 24
vendor: 138 bytes, lines 24-28
24window.dataLayer = window.dataLayer || []; 25 function gtag(){dataLayer.push(arguments);} 26 gtag('js', new Date()); 27 28 gtag('config', '
28UA-109832042-1
vendor: 5 bytes, line 28
28');
29</script>
29 30 31 32<!-- Facebook Pixel Code -->
32<script>
vendor: 390 bytes, line 32
32!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '
324060452370711215
vendor: 29 bytes, line 32
32'); fbq('track', 'PageView');
32</script>
32<noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=4060452370711215&ev=PageView&noscript=1"/></noscript><!-- End Facebook Pixel Code --> 33 34 35 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, line 35
35 <script async src="https://www.googletagmanager.com/gtag/js?id=
35AW-636135459
vendor: 12 bytes, line 35
35"></script>
35<script>
vendor: 127 bytes, line 35
35window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
35AW-636135459
vendor: 4 bytes, line 35
35');
35</script>
35 36 37 <!-- Cookie Consent by https://www.cookiewow.com --> 38
38<script type="text/javascript" src="https://cookiecdn.com/cwc.js"></script>
38 39
39<script id="cookieWow" type="text/javascript" src="https://cookiecdn.com/configs/n4vyhBRj3GKSXDFYSqePUTiM" data-cwcid="n4vyhBRj3GKSXDFYSqePUTiM"></script>
39 40 <meta property="fb:app_id" content="1947699938784757" /> 41 <meta property="og:url" content="https://nakhonsidee.com/" /> 42 <meta property="og:type" content="website" /> 43 <meta property="og:title" content="à¸à¸´à¸à¸à¹à¸à¹à¸£à¸² ลà¸à¹à¸à¸©à¸à¸² รัà¸à¸à¸³à¹à¸§à¹à¸à¹à¸à¸à¹ รัà¸à¸à¸³à¸à¸²à¸£à¸à¸¥à¸²à¸à¸à¸à¸à¹à¸¥à¸à¹ " /> 44 <meta property="og:description" content="à¸à¸£à¸´à¸©à¸±à¸ à¸à¸µà¹à¸ สà¸à¸²à¸£à¹à¸à¸à¸±à¸ à¸à¸³à¸à¸±à¸ รัà¸à¹à¸à¸µà¸¢à¸à¹à¸à¸£à¹à¸à¸£à¸¡ ระà¸à¸ à¸à¸³à¸à¸²à¸£à¸à¸¥à¸²à¸à¸à¸à¸à¹à¸¥à¸à¹ รัà¸à¸à¸³à¹à¸§à¹à¸à¹à¸à¸à¹ à¹à¸à¸µà¸¢à¸à¹à¸à¸£à¹à¸à¸£à¸¡ à¹à¸à¸£à¹à¸¡à¸ รีวิว à¹à¸à¸©à¸à¸² à¸à¸¢à¹à¸²à¸à¸à¸£à¸à¸§à¸à¸à¸£" /> 45 <meta property="og:image" content="https://nakhonsidee.com//pic/coversocial.jpg" /> 46 47 48 49 <link rel="stylesheet" type="text/css" href="https://nakhonsidee.com//tpnew/styles/bootstrap4/bootstrap.min.css"> 50 <link href="https://nakhonsidee.com//tpnew/plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> 51 <link rel="stylesheet" type="text/css" href="https://nakhonsidee.com//tpnew/plugins/OwlCarousel2-2.2.1/owl.carousel.css"> 52 <link rel="stylesheet" type="text/css" href="https://nakhonsidee.com//tpnew/plugins/OwlCarousel2-2.2.1/owl.theme.default.css"> 53 <link rel="stylesheet" type="text/css" href="https://nakhonsidee.com//tpnew/plugins/OwlCarousel2-2.2.1/animate.css"> 54 <link rel="stylesheet" type="text/css" href="https://nakhonsidee.com//tpnew/styles/main_styles.css"> 55 <link rel="stylesheet" type="text/css" href="https://nakhonsidee.com//tpnew/styles/responsive.css"> 56 <style> 57 @media (min-width:979px){ 58 .my-class{ 59 padding-top: 250px; 60 } 61 } 62 63 @media (max-width:840px){ 64 .my-class{ 65 padding-top: 200px; 66 } 67 } 68 69 @media (max-width:480px){ 70 .my-class{ 71 padding-top: 120px; 72 } 73 } 74 75 h3{ 76 font-size:24px; 77 } 78 p{ 79 font-size:16px; 80 } 81 82 </style> 83 84 85</head> 86 87<body> 88 89<div class="super_container"> 90 91 <!-- Header --> 92 93 <header class="header"> 94 95 <!-- Top Bar --> 96 97 <div class="top_bar"> 98 <div class="container"> 99 <div class="row"> 100 <div class="col d-flex flex-row"> 101 <div class="phone"><a class="text-light" rel="nofollow" target="_blank" href="https://line.me/ti/p/~@devstartup">à¸à¸´à¸à¸à¹à¸à¹à¸à¸©à¸à¸² à¸à¸¥à¸´à¸</a></div> 102 <div class="social"> 103 <ul class="social_list"> 104 <li class="social_list_item"><a rel="nofollow" href="https://www.youtube.com/channel/UCCozTFLRfIameQ5diywbH5Q"><i class="fa fa-youtube" aria-hidden="true"></i></a></li> 105 <li class="social_list_item"><a rel="nofollow" href="https://www.facebook.com/nakhonsi.whatdee"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> 106 107 <li class="social_list_item"><a rel="nofollow" href="https://www.instagram.com/nakhonsidee/"><i class="fa fa-instagram" aria-hidden="true"></i></a></li> 108 <li class="social_list_item"><a rel="nofollow" target="_blank" href="https://line.me/ti/p/~@devstartup"><i class="fab fa-line" aria-hidden="true"></i></a></li> 109 </ul> 110 </div> 111 <!--<div class="user_box ml-auto"> 112 <div class="user_box_login user_box_link"><a href="#"></a></div> 113 <div class="user_box_register user_box_link"><a href="#"></a></div> 114 </div>--> 115 </div> 116 </div> 117 </div> 118 </div> 119 120 <!-- Main Navigation --> 121 122 <nav class="main_nav"> 123 <div class="container"> 124 <div class="row"> 125 <div class="col main_nav_col d-flex flex-row align-items-center justify-content-start"> 126 <div class="logo_container"> 127 <div class="logo"><a href="https://nakhonsidee.com/"><img alt="logo" src="https://nakhonsidee.com//rss/logore2.png" width="40" alt="">DKSTARTUP</a></div> 128 </div> 129 <div class="main_nav_container ml-auto"> 130 <ul class="main_nav_list"> 131 <li class="main_nav_item"><a href="https://nakhonsidee.com/">หà¸à¹à¸²à¹à¸£à¸</a></li> 132 <li class="main_nav_item"><a href="https://nakhonsidee.com/choose">รีวิวà¸à¸µà¹à¹à¸à¸µà¹à¸¢à¸§</a></li> 133 134 <li class="main_nav_item"><a href="https://nakhonsidee.com/blog">Blog / Article</a></li> 135 136 <li class="main_nav_item"><a href="https://nakhonsidee.com/services">à¸à¸£à¸´à¸à¸²à¸£</a></li> 137 <li class="main_nav_item"><a href="https://dkstartup.co.th/portfolio">à¸à¸¥à¸à¸²à¸</a></li> 138 <li class="main_nav_item"><a href="https://nakhonsidee.com/about">About</a></li> 139 140 <li class="main_nav_item"><a href="https://nakhonsidee.com/contact">à¸à¸´à¸à¸à¹à¸à¹à¸à¸©à¸à¸²</a></li> 141 </ul> 142 </div> 143 144 <div class="content_search ml-lg-0 ml-auto"> 145 146 </div> 147 148 149 150 <div class="hamburger float-right"> 151 <i class="fa fa-bars trans_200"></i> 152 </div> 153 </div> 154 </div> 155 </div> 156 </nav> 157 158 </header> 159 160 <div class="menu trans_500"> 161 <div class="menu_content d-flex flex-column align-items-center justify-content-center text-center"> 162 <div class="menu_close_container"><div class="menu_close"></div></div> 163 <div class="logo menu_logo"><a href="https://nakhonsidee.com/"><img alt="logo" src="https://nakhonsidee.com//rss/logore2.png" alt=""></a></div> 164 <ul> 165 <li class="menu_item"><a href="https://nakhonsidee.com/">หà¸à¹à¸²à¹à¸£à¸</a></li> 166 <li class="menu_item"><a href="https://nakhonsidee.com//choose">à¹à¸¥à¸·à¸à¸à¸à¸±à¸à¸«à¸§à¸±à¸</a></li> 167 <li class="menu_item"><a href="https://nakhonsidee.com//createweb">รัà¸à¸à¸³à¹à¸§à¹à¸à¹à¸à¸à¹</a></li> 168 <li class="menu_item"><a href="https://nakhonsidee.com/services">à¸à¸£à¸´à¸à¸²à¸£à¸à¸à¸à¹à¸£à¸²</a></li> 169 <li class="menu_item"><a href="https://nakhonsidee.com//performance">à¸à¸¥à¸à¸²à¸à¸à¸à¸à¹à¸£à¸²</a></li> 170 <li class="menu_item"><a href="https://nakhonsidee.com//about">About</a></li> 171 <li class="menu_item"><a href="https://nakhonsidee.com//contact">à¸à¸´à¸à¸à¹à¸à¸¥à¸à¹à¸à¸©à¸à¸²</a></li> 172 </ul> 173 </div> 174 </div> 175 <div class="container my-class my-class2" > 176 <div class="row border"> 177 178 179 <div class="col-lg-8" style="padding-top:15px"> 180 181 <center><h1 class="text-dark" style="font-size:36px"><b> à¸à¸´à¸à¸à¹à¸à¹à¸£à¸² / ลà¸à¹à¸à¸©à¸à¸²</b></h1> 182 <h2 class="text-dark" style="font-size:16px">à¸à¸£à¸´à¸©à¸±à¸ à¸à¸µà¹à¸ สà¸à¸²à¸£à¹à¸à¸à¸±à¸ à¸à¸³à¸à¸±à¸ (DK STARTUP CO.,LTD.) à¹à¸à¹à¸à¸à¸¹à¹à¹à¸«à¹à¸à¸£à¸´à¸à¸²à¸£à¹à¸¥à¸°à¸à¸±à¸à¸à¸³à¹à¸§à¹à¸à¹à¸à¸à¹ à¹à¸à¸µà¸¢à¸à¹à¸à¸£à¹à¸à¸£à¸¡ à¹à¸à¸©à¸à¸² à¹à¸¥à¸°à¸à¸²à¸£à¸à¸¥à¸²à¸à¹à¸à¸à¸à¸£à¸à¸§à¸à¸à¸£ </h2> 183 <div class="p-4 mb-3"> 184 185 186 187 <a rel="nofollow" target="_blank" href="https://m.me/nakhonsi.whatdee"> 188 <img src="https://nakhonsidee.com//pic/logomessenger.png" class="img-fluid" width="45"> 189 </a> 190 191 192 <a rel="nofollow" href="http://line.me/ti/p/~@devstartup"> 193 <img src="https://nakhonsidee.com//pic/linelogo.png" class="img-fluid" width="45"> 194 </a> 195 196 <a rel="nofollow" href="https://www.instagram.com/nakhonsidee/"> 197 <img src="https://nakhonsidee.com//pic/iglogo.png" class="img-fluid" width="45"> 198 </a> 199 200 <a rel="nofollow" target="_blank" href="mailto:[email protected]"> 201 <img src="https://nakhonsidee.com//pic/logogmail.png" class="img-fluid" width="45"> 202 </a> 203 204 <a rel="nofollow" href="https://www.youtube.com/channel/UCCozTFLRfIameQ5diywbH5Q"> 205 <img src="https://nakhonsidee.com//pic/logoyoutube.png" class="img-fluid" width="45"> 206 </a> 207 208 <a rel="nofollow" href="http://m.me/nakhonsi.whatdee"> 209 <img src="https://nakhonsidee.com//pic/facebooklogo.png" class="img-fluid" width="45"> 210 </a> 211 212 </div> 213 214 215 </center> 216 217 </div> 218 219 <div class="col-lg-4 " style="padding-top:15px"> 220 <p class="text-dark">à¹à¸à¸£ : <a class="btn btn-outline-dark" href="tel:0866838501">0866838501</a> <a class="btn btn-outline-dark" href="tel:0952599021">0952599021</a></p> 221 <p class="text-dark">à¸à¸µà¹à¸¡à¸¥à¸¥à¹ : <b>[email protected]</b></p> 222 <p class="text-dark">LINE @ : <b><a class="btn btn-success" rel="nofollow" href="http://line.me/ti/p/~@devstartup">à¹à¸à¸´à¹à¸¡à¹à¸à¸·à¹à¸à¸ Line id : @Devstartup</a> </b></p> 223 224 </div> 225 226 </div> 227 </div> 228 229
230 231 <div class="site-section" style="padding-bottom:30px"> 232 233 234 <div class="container"> 235 236 237 238 <div class="row" style="padding-top:40px"> 239 240 241 <div class="col-md-12"> 242 243 <div class="row"> 244 245 <div class="col-lg-4 intro_col"> 246 <div class="intro_item"> 247 <div class="intro_item_overlay"></div> 248 249 <div class="intro_item_background" style="background-image:url(https://nakhonsidee.com//pic/bgtech.png)"></div> 250 <div class="intro_item_content d-flex flex-column align-items-center justify-content-center"> 251 <div class="intro_date">Content Reviews</div> 252 <div class="button intro_button"><div class="button_bcg"></div><a target="_blank" href="http://line.me/ti/p/~@devstartup"><i class="fa fa-rss"></i> à¸à¸´à¸à¸à¹à¸ / สà¸à¸à¸à¸²à¸¡ <span></span></a></div> 253 <div class="intro_center text-center"> 254 <h1 style="font-size:42px"><a class="text-light" href="https://nakhonsidee.com/contentpost">ลà¸à¹à¸à¸©à¸à¸² à¸à¸µà¹à¸à¸±à¸ à¸à¸²à¹à¸à¹ รà¹à¸²à¸à¸à¸²à¸«à¸²à¸£ à¸à¸µà¹à¹à¸à¸µà¹à¸¢à¸§</a></h1> 255 <div class="intro_price"></div> 256 <div class="rating rating_5"> 257 <i class="fa fa-star"></i> 258 <i class="fa fa-star"></i> 259 <i class="fa fa-star"></i> 260 <i class="fa fa-star"></i> 261 <i class="fa fa-star"></i> 262 </div> 263 </div> 264 </div> 265 </div> 266 </div> 267 268 269 270 </div> 271 272 </div> 273 274 275 276 </div> 277 </div> 278 </div> 279 280 281 282 <div class="test-footer-fixed3 fixed-bottom" style="height:160px;padding-right:23px;" > 283 284 <div style="float:right"> 285 <a rel="nofollow" href="http://line.me/ti/p/~@devstartup" target="_blank" ><img src="https://nakhonsidee.com//pic/linelogo.png" width="53" alt="addline" class="img-fluid"></a> 286 </div> 287 288 </div> 289 290 <div class="test-footer-fixed3 fixed-bottom" style="height:100px;padding-right:23px;" > 291 292 <div style="float:right"> 293 <a rel="nofollow" href="https://m.me/dkstartup" target="_blank" ><img src="https://nakhonsidee.com//pic/logomessenger.png" width="50" alt="addmessenger" class="img-fluid"></a> 294 </div> 295 296 </div> 297 298 299 300 <!-- Footer --> 301 <footer class="footer"> 302 <div class="container"> 303 <div class="row"> 304 305 <!-- Footer Column --> 306 <div class="col-lg-4 footer_column"> 307 <div class="footer_col"> 308 <div class="footer_content footer_about"> 309 <div class="logo_container footer_logo"> 310 <div class="logo"> 311 <a href="https://nakhonsidee.com/"> 312 <img src="https://nakhonsidee.com//rss/logore2.png" width="50" alt="DK Startup Logo">DK Startup 313 </a> 314 </div> 315 </div> 316 <p class="footer_about_text">à¸à¸£à¸´à¸©à¸±à¸ à¸à¸µà¹à¸ สà¸à¸²à¸£à¹à¸à¸à¸±à¸ à¸à¸³à¸à¸±à¸ รัà¸à¹à¸à¸µà¸¢à¸à¹à¸à¸£à¹à¸à¸£à¸¡ à¸à¸±à¸à¸à¸²à¸£à¸°à¸à¸ Platform</p> 317 318 <!-- à¹à¸à¹à¹à¸à¹à¸à¸£à¸à¸ªà¸£à¹à¸²à¸ ul li à¹à¸«à¹à¸à¸¹à¸à¸à¹à¸à¸à¸à¸²à¸¡à¸«à¸¥à¸±à¸ HTML --> 319 <ul class="footer_social_list" style="display: flex; gap: 10px; padding: 0; list-style: none;"> 320 <li> 321 <a rel="nofollow" href="https://facebook.com/dkstartup"> 322 <img src="https://nakhonsidee.com//pic/facebooklogo.png" class="img-fluid" width="35" alt="Facebook"> 323 </a> 324 </li> 325 <li> 326 <a rel="nofollow" href="https://m.me/dkstartup"> 327 <img src="https://nakhonsidee.com//pic/logomessenger.png" class="img-fluid" width="35" alt="Messenger"> 328 </a> 329 </li> 330 <li> 331 <a rel="nofollow" href="http://line.me/ti/p/~@devstartup"> 332 <img src="https://nakhonsidee.com//pic/linelogo.png" class="img-fluid" width="35" alt="LINE"> 333 </a> 334 </li> 335 <li> 336 <a rel="nofollow" href="https://www.instagram.com/nakhonsidee/"> 337 <img src="https://nakhonsidee.com//pic/iglogo.png" class="img-fluid" width="35" alt="Instagram"> 338 </a> 339 </li> 340 <li> 341 <a rel="nofollow" href="https://www.youtube.com/channel/UCCozTFLRfIameQ5diywbH5Q"> 342 <img src="https://nakhonsidee.com//pic/logoyoutube.png" class="img-fluid" width="35" alt="YouTube"> 343 </a> 344 </li> 345 </ul> 346 <br> 347 <p><a class="text-light" href="https://nakhonsidee.com/createweb">รัà¸à¸à¸³à¹à¸§à¹à¸à¹à¸à¸à¹ à¹à¸¥à¸°à¹à¸à¸à¸à¸¥à¸´à¹à¸à¸à¸±à¸</a></p> 348 <p><a class="text-light" href="https://nakhonsidee.com/seo">รัà¸à¸à¸³ SEO à¸à¸´à¸à¸«à¸à¹à¸²à¹à¸£à¸ Google</a></p> 349 350 <!-- à¹à¸à¸´à¹à¸¡à¹à¸¡à¸à¸¹à¸£à¸°à¸à¸ Blog à¹à¸«à¸¡à¹à¸à¸µà¹à¹à¸à¸´à¹à¸à¸ªà¸£à¹à¸²à¸ --> 351 <p><a class="text-warning fw-bold" href="https://nakhonsidee.com/blog"><i class="fa-solid fa-newspaper me-1"></i> รวมà¸à¸à¸à¸§à¸²à¸¡à¹à¸¥à¸°à¸à¹à¸²à¸§à¸ªà¸²à¸£ (Blog)</a></p> 352 </div> 353 </div> 354 </div> 355 356 <!-- Footer Column --> 357 <div class="col-lg-5 footer_column"> 358 <div class="footer_col"> 359 <div class="footer_title">tags</div> 360 <div class="footer_content footer_tags"> 361 <ul class="tags_list clearfix"> 362 363 <li class="tag_item"><a href="https://nakhonsidee.com/nakhonsithammarat">à¸à¸à¸£à¸¨à¸£à¸µà¸à¸£à¸£à¸¡à¸£à¸²à¸</a></li> 364 <li class="tag_item"><a href="https://nakhonsidee.com/phuket">
364ภูà¹à¸à¹à¸</a></li> 365 <li class="tag_item"><a href="https://nakhonsidee.com/krabi">à¸à¸£à¸°à¸à¸µà¹</a></li> 366 <li class="tag_item"><a href="https://nakhonsidee.com/satun">สà¸à¸¹à¸¥</a></li> 367 <li class="tag_item"><a href="https://nakhonsidee.com/phangnga">à¸à¸±à¸à¸à¸²</a></li> 368 <li class="tag_item"><a href="https://nakhonsidee.com/trang">à¸à¸£à¸±à¸</a></li> 369 <li class="tag_item"><a href="https://nakhonsidee.com/ranong">ระà¸à¸à¸</a></li> 370 <li class="tag_item"><a href="https://nakhonsidee.com/surat">สุราษà¸à¸£à¹à¸à¸²à¸à¸µ</a></li> 371 <li class="tag_item"><a href="https://nakhonsidee.com/chumporn">à¸à¸¸à¸¡à¸à¸£</a></li> 372 <li class="tag_item"><a href="https://nakhonsidee.com/phatthalung">à¸à¸±à¸à¸¥à¸¸à¸</a></li> 373 <li class="tag_item"><a href="https://nakhonsidee.com/prachuap">à¸à¸£à¸°à¸à¸§à¸</a></li> 374 <li class="tag_item"><a href="https://nakhonsidee.com/hatyai">หาà¸à¹à¸«à¸à¹à¸ªà¸à¸à¸¥à¸²</a></li> 375 <li class="tag_item"><a href="https://nakhonsidee.com/khonkaen">à¸à¸à¸à¹à¸à¹à¸</a></li> 376 <li class="tag_item"><a href="https://nakhonsidee.com/chiangmai">à¹à¸à¸µà¸¢à¸à¹à¸«à¸¡à¹</a></li> 377 <li class="tag_item"><a href="https://nakhonsidee.com/chiangrai">à¹à¸à¸µà¸¢à¸à¸£à¸²à¸¢</a></li> 378 <li class="tag_item"><a href="https://nakhonsidee.com/kanchanaburi">à¸à¸²à¸à¸à¸à¸à¸¸à¸£à¸µ</a></li> 379 <li class="tag_item"><a href="https://nakhonsidee.com/nan">à¸à¹à¸²à¸</a></li> 380 <li class="tag_item"><a href="https://nakhonsidee.com/chonburi">à¸à¸¥à¸à¸¸à¸£à¸µ</a></li> 381 <li class="tag_item"><a href="https://nakhonsidee.com/maehongson">à¹à¸¡à¹à¸®à¹à¸à¸à¸ªà¸à¸</a></li> 382 <li class="tag_item"><a href="https://nakhonsidee.com/ubonratchathani">à¸à¸¸à¸à¸¥à¸£à¸²à¸à¸à¸²à¸à¸µ</a></li> 383 <li class="tag_item"><a href="https://nakhonsidee.com/nakhonnayok">à¸à¸à¸£à¸à¸²à¸¢à¸</a></li> 384 <li class="tag_item"><a href="https://nakhonsidee.com/loei">à¹à¸¥à¸¢</a></li> 385 <li class="tag_item"><a href="https://nakhonsidee.com/petchabun">à¹à¸à¸à¸£à¸à¸¹à¸£à¸à¹</a></li> 386 <li class="tag_item"><a href="https://nakhonsidee.com/kalasin">à¸à¸²à¸¬à¸ªà¸´à¸à¸à¸¸à¹</a></li> 387 <li class="tag_item"><a href="https://nakhonsidee.com/sisaket">ศรีสะà¹à¸à¸©</a></li> 388 <li class="tag_item"><a href="https://nakhonsidee.com/phitsanulok">à¸à¸´à¸©à¸à¸¸à¹à¸¥à¸</a></li> 389 <li class="tag_item"><a href="https://nakhonsidee.com/bangkok">à¸à¸£à¸¸à¸à¹à¸à¸</a></li> 390 <li class="tag_item"><a href="https://nakhonsidee.com/khaoyai">à¹à¸à¸²à¹à¸«à¸à¹</a></li> 391 <li class="tag_item"><a href="https://nakhonsidee.com/ayutthaya">à¸à¸¢à¸¸à¸à¸¢à¸²</a></li> 392 <li class="tag_item"><a href="https://nakhonsidee.com/chanthaburi">à¸à¸±à¸à¸à¸à¸¸à¸£à¸µ</a></li> 393 <li class="tag_item"><a href="https://nakhonsidee.com/paktai">ภาà¸à¹à¸à¹</a></li> 394 <li class="tag_item"><a href="https://nakhonsidee.com/buriram">à¸à¸¸à¸£à¸µà¸£à¸±à¸¡à¸¢à¹</a></li> 395 <li class="tag_item"><a href="https://nakhonsidee.com/chiangkhan">à¹à¸à¸µà¸¢à¸à¸à¸²à¸</a></li> 396 397 <li class="tag_item"><a href="https://nakhonsidee.com/hotelreview">hotelreview</a></li> 398 </ul> 399 </div> 400 </div> 401 </div> 402 403 <!-- Footer Column --> 404 <div class="col-lg-3 footer_column"> 405 <div class="footer_col"> 406 <div class="footer_title">contact info</div> 407 <div class="footer_content footer_contact"> 408 <!-- ลภalt à¸à¹à¸³à¸à¹à¸à¸à¹à¸¥à¸°à¸à¸±à¹à¸à¸à¸·à¹à¸ alt à¹à¸«à¹à¸ªà¸·à¹à¸à¸à¸§à¸²à¸¡à¸«à¸¡à¸²à¸¢à¸¡à¸²à¸à¸à¸¶à¹à¸ --> 409 <ul class="contact_info_list"> 410 <li class="contact_info_item d-flex flex-row"> 411 <div><div class="contact_info_icon"><img src="https://nakhonsidee.com//tpnew/images/placeholder.svg" alt="Location Icon"></div></div> 412 <div class="contact_info_text">Thailand</div> 413 </li> 414 415 <li class="contact_info_item d-flex flex-row"> 416 <div><div class="contact_info_icon"><img src="https://nakhonsidee.com//tpnew/images/message.svg" alt="Email Icon"></div></div> 417 <div class="contact_info_text"><a href="mailto:[email protected]" target="_top">[email protected]</a></div> 418 </li> 419 <li class="contact_info_item d-flex flex-row"> 420 <div><div class="contact_info_icon"><img src="https://nakhonsidee.com//tpnew/images/planet-earth.svg" alt="Line Icon"></div></div> 421 <div class="contact_info_text"><a rel="nofollow" target="_blank" href="https://line.me/ti/p/~@devstartup">LINE OFFICIAL ACCOUNT ADD</a></div> 422 </li> 423 </ul> 424 </div> 425 </div> 426 </div> 427 428 </div> 429 </div> 430 </footer> 431 432 <!-- Copyright --> 433 <div class="copyright" style="padding-bottom:50px"> 434 <div class="container"> 435 <div class="row"> 436 <div class="col-lg-3 order-lg-1 order-2"> 437 <div class="copyright_content d-flex flex-row align-items-center"> 438 <!-- à¹à¸à¹à¸à¸±à¸ tag </a> à¸à¸´à¸à¹à¸à¸´à¸à¸¡à¸²à¹à¸à¸¢à¹à¸¡à¹à¸¡à¸µ tag à¹à¸à¸´à¸ --> 439 <div>
440 Copyright ©
440<script>document.write(new Date().getFullYear());</script>
440 All rights reserved | DK Startup 441 </div> 442 </div> 443 </div> 444 <div class="col-lg-9 order-lg-2 order-1"> 445 <div class="footer_nav_container d-flex flex-row align-items-center justify-content-lg-end"> 446 <div class="footer_nav"> 447 <ul class="footer_nav_list"> 448 <li class="footer_nav_item"><a href="https://nakhonsidee.com/">Home</a></li> 449 <li class="footer_nav_item"><a href="https://nakhonsidee.com/sitemap.xml">XML Sitemap</a></li> 450 <li class="footer_nav_item"><a href="https://nakhonsidee.com/sitemap.html">HTML SITEMAP</a></li> 451 <li class="footer_nav_item"><a href="https://nakhonsidee.com/policy">Policy</a></li> 452 <li class="footer_nav_item"><a href="https://nakhonsidee.com/links">Links</a></li> 453 <li class="footer_nav_item"><a href="https://nakhonsidee.com/contact">Contact</a></li> 454 </ul> 455 </div> 456 </div> 457 </div> 458 </div> 459 </div> 460 </div> 461 462 463<!-- 1. Floating Banner (Pure HTML) --> 464<div id="dk-cookie-banner" class="dk-cookie-banner"> 465 <div class="dk-banner-content"> 466 <div class="dk-banner-icon"> 467 <!-- SVG Cookie Icon --> 468 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="28" height="28"> 469 <path d="M21.598 11.064a1.006 1.006 0 0 0-.854-.172A2.938 2.938 0 0 1 20 11c-1.654 0-3-1.346-3-3 0-.24.032-.472.09-.694a1.003 1.003 0 0 0-1.127-1.258c-.012 0-.024.001-.037.002A3.978 3.978 0 0 1 15 6c-2.206 0-4-1.794-4-4 0-.317.037-.624.106-.917a1.002 1.002 0 0 0-1.242-1.196A11.972 11.972 0 0 0 2 12c0 6.617 5.383 12 12 12a11.97 11.97 0 0 0 9.873-5.267 1.005 1.005 0 0 0-.17-1.155c-.563-.564-1.705-1.954-2.105-6.514zM12 21.5A9.511 9.511 0 0 1 2.5 12c0-4.664 3.376-8.567 7.794-9.378a5.986 5.986 0 0 0 2.215 5.3A4.945 4.945 0 0 0 16.5 12c.582 0 1.134-.108 1.644-.3A11.83 11.83 0 0 0 19.38 18.2a9.544 9.544 0 0 1-7.38 3.3z"></path> 470 <circle cx="8" cy="11" r="1.5"></circle> 471 <circle cx="11" cy="16" r="1.5"></circle> 472 <circle cx="15" cy="14" r="1.5"></circle> 473 <circle cx="7" cy="15" r="1"></circle> 474 </svg> 475 </div> 476 <div class="dk-banner-text"> 477 <h4>à¹à¸£à¸²à¹à¸à¹à¸à¸¸à¸à¸à¸µà¹à¹à¸à¸·à¹à¸à¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹à¸à¸µà¹à¸à¸µà¸à¸¶à¹à¸</h4> 478 <p>à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸µà¹à¹à¸à¹à¸à¸¸à¸à¸à¸µà¹à¹à¸à¸·à¹à¸à¸à¸³à¹à¸ªà¸à¸à¹à¸à¸·à¹à¸à¸«à¸²à¹à¸¥à¸°à¹à¸à¸©à¸à¸²à¸à¸µà¹à¸à¸£à¸à¹à¸ รวมà¸à¸¶à¸à¹à¸à¸·à¹à¸à¸§à¸´à¹à¸à¸£à¸²à¸°à¸«à¹à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸¡à¹à¸§à¹à¸à¹à¸à¸à¹ <a href="https://nakhonsidee.com/policy">à¸à¹à¸²à¸à¸à¹à¸¢à¸à¸²à¸¢à¸à¸¸à¸à¸à¸µà¹</a></p> 479 </div> 480 </div> 481 <div class="dk-banner-actions"> 482 <button id="dk-btn-settings" class="dk-btn dk-btn-outline"> 483 <!-- SVG Setting Icon --> 484 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="16" height="16" style="margin-right: 6px; position:relative; top:2px;"> 485 <path d="M12 16c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4zm0-6c1.084 0 2 .916 2 2s-.916 2-2 2-2-.916-2-2 .916-2 2-2z"></path> 486 <path d="m2.845 16.136 1 1.73c.531.917 1.809 1.261 2.73.73l.529-.306A8.1 8.1 0 0 0 9 19.402V20c0 1.103.897 2 2 2h2c1.103 0 2-.897 2-2v-.598a8.132 8.132 0 0 0 1.896-1.111l.529.306c.923.53 2.198.188 2.731-.731l.999-1.729a2.001 2.001 0 0 0-.731-2.732l-.505-.292a7.718 7.718 0 0 0 0-2.224l.505-.292a2.002 2.002 0 0 0 .731-2.732l-.999-1.729c-.531-.92-1.808-1.265-2.731-.732l-.529.306A8.1 8.1 0 0 0 15 4.598V4c0-1.103-.897-2-2-2h-2c-1.103 0-2 .897-2 2v.598a8.132 8.132 0 0 0-1.896 1.111l-.529-.306c-.924-.531-2.2-.187-2.731.732l-.999 1.729a2.001 2.001 0 0 0 .731 2.732l.505.292a7.683 7.683 0 0 0 0 2.223l-.50
4865.292a2.003 2.003 0 0 0-.731 2.733zm3.326-2.758A5.703 5.703 0 0 1 6 12c0-.462.058-.926.17-1.378a.999.999 0 0 0-.47-1.108l-1.123-.65.998-1.729 1.145.662a.997.997 0 0 0 1.188-.142 6.071 6.071 0 0 1 2.384-1.399A1 1 0 0 0 11 5.3V4h2v1.3a1 1 0 0 0 .708.956 6.083 6.083 0 0 1 2.384 1.399.999.999 0 0 0 1.188.142l1.144-.661 1 1.729-1.124.649a1 1 0 0 0-.47 1.108c.112.452.17.916.17 1.378 0 .461-.058.925-.171 1.378a1 1 0 0 0 .471 1.108l1.123.649-.998 1.729-1.145-.661a.996.996 0 0 0-1.188.142 6.071 6.071 0 0 1-2.384 1.399A1 1 0 0 0 13 18.7l.002 1.3H11v-1.3a1 1 0 0 0-.708-.956 6.083 6.083 0 0 1-2.384-1.399.999.999 0 0 0-1.188-.142l-1.144.661-1-1.729 1.124-.651a1 1 0 0 0 .471-1.108z"></path> 487 </svg> 488 à¸à¸±à¹à¸à¸à¹à¸² 489 </button> 490 <button id="dk-btn-accept-all" class="dk-btn dk-btn-primary">ยà¸à¸¡à¸£à¸±à¸à¸à¸±à¹à¸à¸«à¸¡à¸</button> 491 </div> 492</div> 493 494<!-- 2. Custom Settings Modal (Pure HTML & CSS) --> 495<div id="dk-cookie-modal" class="dk-modal-overlay"> 496 <div class="dk-modal-box"> 497 <div class="dk-modal-header"> 498 <h3 class="dk-modal-title">à¸à¸±à¹à¸à¸à¹à¸²à¸à¸§à¸²à¸¡à¹à¸à¹à¸à¸ªà¹à¸§à¸à¸à¸±à¸§</h3> 499 <button id="dk-btn-close-modal" class="dk-close-btn"> 500 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"> 501 <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"></path> 502 </svg> 503 </button> 504 </div> 505 <div class="dk-modal-body"> 506 <p class="dk-modal-desc">à¸à¸¸à¸à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸à¸´à¸à¸«à¸£à¸·à¸à¸à¸´à¸à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¸à¸¸à¸à¸à¸µà¹à¹à¸à¹à¸¥à¸°à¸à¸£à¸°à¹à¸ à¸à¹à¸à¹à¸à¸²à¸¡à¸à¹à¸à¸à¸à¸²à¸£ ยà¸à¹à¸§à¹à¸à¸à¸¸à¸à¸à¸µà¹à¸à¸µà¹à¸à¸³à¹à¸à¹à¸à¸à¸¢à¹à¸²à¸à¸¢à¸´à¹à¸à¸à¸¶à¹à¸à¹à¸¡à¹à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¸´à¸à¹à¸à¹</p> 507 508 <!-- Necessary --> 509 <div class="dk-cookie-option"> 510 <div class="dk-cookie-info"> 511 <h5>à¸à¸¸à¸à¸à¸µà¹à¸à¸µà¹à¸à¸³à¹à¸à¹à¸ (Necessary)</h5> 512 <p>à¸à¸³à¹à¸à¹à¸à¹à¸à¸·à¹à¸à¹à¸«à¹à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸³à¸à¸²à¸à¹à¸à¹à¸à¸²à¸¡à¸à¸à¸à¸´ à¸à¸¥à¸à¸à¸ ัย à¹à¸¥à¸°à¹à¸¡à¹à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¸´à¸à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¹à¸à¹</p> 513 </div> 514 <div class="dk-cookie-toggle"> 515 <label class="dk-switch"> 516 <input type="checkbox" checked disabled> 517 <span class="dk-slider dk-disabled-slider"></span> 518 </label> 519 </div> 520 </div> 521 522 <!-- Analytics --> 523 <div class="dk-cookie-option"> 524 <div class="dk-cookie-info"> 525 <h5>à¸à¸¸à¸à¸à¸µà¹à¹à¸à¸·à¹à¸à¸à¸²à¸£à¸§à¸´à¹à¸à¸£à¸²à¸°à¸«à¹ (Analytics)</h5> 526 <p>à¸à¹à¸§à¸¢à¹à¸«à¹à¹à¸£à¸²à¹à¸à¹à¸²à¹à¸à¸à¸¤à¸à¸´à¸à¸£à¸£à¸¡à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸ à¸à¸³à¹à¸à¸ªà¸¹à¹à¸à¸²à¸£à¸à¸±à¸à¸à¸²à¹à¸§à¹à¸à¹à¸à¸à¹à¹à¸«à¹à¸à¸µà¸à¸¶à¹à¸</p> 527 </div> 528 <div class="dk-cookie-toggle"> 529 <label class="dk-switch"> 530 <input type="checkbox" id="dk-switch-analytics" checked> 531 <span class="dk-slider"></span> 532 </label> 533 </div> 534 </div> 535 536 <!-- Marketing --> 537 <div class="dk-cookie-option"> 538 <div class="dk-cookie-info"> 539 <h5>à¸à¸¸à¸à¸à¸µà¹à¹à¸à¸·à¹à¸à¸à¸²à¸£à¸à¸¥à¸²à¸ (Marketing)</h5> 540 <p>à¸à¹à¸§à¸¢à¸à¸³à¹à¸ªà¸à¸à¹à¸à¸©à¸à¸²à¹à¸¥à¸°à¹à¸à¸¡à¹à¸à¸à¸à¸µà¹à¸à¹à¸²à¸ªà¸à¹à¸à¹à¸¥à¸°à¸à¸£à¸à¸à¸±à¸à¸à¸§à¸²à¸¡à¸à¹à¸à¸à¸à¸²à¸£à¸à¸à¸à¸à¸¸à¸</p> 541 </div> 542 <div class="dk-cookie-toggle"> 543 <label class="dk-switch"> 544 <input type="checkbox" id="dk-switch-marketing">
545 <span class="dk-slider"></span> 546 </label> 547 </div> 548 </div> 549 </div> 550 <div class="dk-modal-footer"> 551 <button id="dk-btn-save-custom" class="dk-btn dk-btn-dark">à¸à¸±à¸à¸à¸¶à¸à¸à¸²à¸£à¸à¸±à¹à¸à¸à¹à¸²</button> 552 </div> 553 </div> 554</div> 555 556<!-- 3. Pure Custom CSS (ลà¸à¸à¸§à¸²à¸¡à¹à¸«à¸¥à¸µà¹à¸¢à¸¡ ลà¸à¸¢à¸à¸´à¸ªà¸£à¸° à¹à¸¡à¹à¸ªà¸ Bootstrap) --> 557<style> 558 /* Reset & Typography */ 559 .dk-cookie-banner, .dk-modal-overlay { 560 font-family: 'Prompt', sans-serif; /* à¸à¸£à¸±à¸à¹à¸«à¹à¸à¸£à¸à¸à¸±à¸à¸à¸à¸à¸à¹à¹à¸§à¹à¸à¹à¸à¸à¹ */ 561 box-sizing: border-box; 562 } 563 .dk-cookie-banner *, .dk-modal-overlay * { box-sizing: border-box; } 564 565 /* Floating Banner */ 566 .dk-cookie-banner { 567 position: fixed; 568 bottom: 24px; 569 left: 50%; 570 transform: translate(-50%, 150%); 571 width: 90%; 572 max-width: 800px; 573 background: rgba(255, 255, 255, 0.95); 574 backdrop-filter: blur(16px); 575 -webkit-backdrop-filter: blur(16px); 576 border: 1px solid rgba(0, 0, 0, 0.05); 577 border-radius: 24px; 578 padding: 20px 24px; 579 display: flex; 580 flex-direction: row; 581 align-items: center; 582 justify-content: space-between; 583 box-shadow: 0 20px 50px rgba(0,0,0,0.15); 584 z-index: 99998; 585 transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); 586 gap: 20px; 587 } 588 .dk-cookie-banner.dk-show { transform: translate(-50%, 0); } 589 590 .dk-banner-content { display: flex; align-items: center; gap: 16px; flex: 1; } 591 .dk-banner-icon { 592 width: 48px; height: 48px; min-width: 48px; 593 background: linear-gradient(135deg, #f45d00, #ff8c00); 594 border-radius: 50%; 595 display: flex; align-items: center; justify-content: center; 596 color: white; box-shadow: 0 5px 15px rgba(244, 93, 0, 0.3); 597 } 598 .dk-banner-text h4 { margin: 0 0 4px 0; font-size: 16px; font-weight: 700; color: #1e293b; } 599 .dk-banner-text p { margin: 0; font-size: 13px; color: #64748b; line-height: 1.4; } 600 .dk-banner-text a { color: #f45d00; text-decoration: none; font-weight: 600; } 601 .dk-banner-text a:hover { text-decoration: underline; } 602 603 .dk-banner-actions { display: flex; gap: 12px; } 604 605 /* Buttons */ 606 .dk-btn { 607 border: none; outline: none; cursor: pointer; 608 padding: 10px 24px; font-size: 14px; font-weight: 600; 609 border-radius: 100px; /* à¸à¸£à¸à¹à¸à¸à¸à¸¹à¸¥à¸¢à¸² */ 610 transition: all 0.2s ease; 611 font-family: inherit; 612 } 613 .dk-btn-primary { background: #f45d00; color: white; box-shadow: 0 4px 12px rgba(244, 93, 0, 0.25); } 614 .dk-btn-primary:hover { background: #d94e00; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(244, 93, 0, 0.35); } 615 616 .dk-btn-outline { background: transparent; color: #334155; border: 1px solid #cbd5e1; } 617 .dk-btn-outline:hover { background: #f8fafc; color: #0f172a; border-color: #94a3b8; } 618 619 .dk-btn-dark { background: #0f172a; color: white; width: 100%; padding: 14px; font-size: 15px; } 620 .dk-btn-dark:hover { background: #1e293b; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.2); } 621 622 /* Modal Overlay */ 623 .dk-modal-overlay { 624 position: fixed; inset: 0; 625 background: rgba(15, 23, 42, 0.6); 626 backdrop-filter: blur(4px); 627 -webkit-backdrop-filter: blur(4px); 628 z-index: 99999; 629 display: flex; align-items: center; justify-content: center; 630 opacity: 0; pointer-events: none; 631 transition: opacity 0.3s ease; 632 } 633 .dk-modal-overlay.dk-modal-show { opacity: 1; pointer-events: auto; } 634 635 /* Modal Box */ 636 .dk-modal-box { 637 background: #ffffff; 638 width: 90%; max-width: 550px; 639 border-radius: 24px; 640 padding: 30px; 641 box-shadow: 0 25px 50px rgba(0,0,0,0.2); 642 transform: scale(0.95) translateY(20px); 643 transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); 644 } 645 .dk-modal-overlay.dk-modal-show .dk-modal-box { transform: scale(1) translateY(0); } 646 647 .dk-modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } 648 .dk-modal-title { margin: 0; font-size: 20px; font-weight: 700; color: #0f172a; } 649 .dk-close-btn { 650 background: #f1f5f9; border: none; width: 36px; height: 36px; 651 border-radius: 50%; display: flex; align-items: center; justify-content: center; 652 cursor: pointer; color: #64748b; transition: 0.2s; 653 } 654 .dk-close-btn:hover { background: #e2e8f0; color: #0f172a; transform: rotate(90deg); } 655 656 .dk-modal-desc { font-size: 14px; color: #64748b; margin: 0 0 24px 0; line-height: 1.5; } 657 658 /* Custom Options */ 659 .dk-cookie-option { 660 background: #f8fafc; 661 border: 1px solid #e2e8f0; 662 border-radius: 16px; 663 padding: 16px 20px; 664 margin-bottom: 16px; 665 display: flex; justify-content: space-between; align-items: center; 666 transition: 0.2s; 667 } 668 .dk-cookie-option:hover { border-color: #cbd5e1; background: #ffffff; box-shadow: 0 4px 12px rgba(0,0,0,0.02); } 669 .dk-cookie-info h5 { margin: 0 0 4px 0; font-size: 15px; font-weight: 600; color: #1e293b; } 670 .dk-cookie-info p { margin: 0; font-size: 13px; color: #64748b; line-height: 1.4; padding-right: 20px;} 671 672 /* Pure CSS Toggle Switch */ 673 .dk-switch { position: relative; display: inline-block; width: 48px;
673 height: 26px; margin: 0; } 674 .dk-switch input { opacity: 0; width: 0; height: 0; } 675 .dk-slider { 676 position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; 677 background-color: #cbd5e1; transition: .3s; border-radius: 30px; 678 } 679 .dk-slider:before { 680 position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; 681 background-color: white; transition: .3s; border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.2); 682 } 683 input:checked + .dk-slider { background-color: #f45d00; } 684 input:checked + .dk-slider:before { transform: translateX(22px); } 685 .dk-disabled-slider { background-color: #10b981 !important; cursor: not-allowed; opacity: 0.7;} 686 687 .dk-modal-footer { margin-top: 24px; } 688 689 /* Responsive */ 690 @media (max-width: 768px) { 691 .dk-cookie-banner { flex-direction: column; text-align: center; padding: 24px 20px; gap: 20px; border-radius: 20px; } 692 .dk-banner-content { flex-direction: column; text-align: center; } 693 .dk-banner-actions { width: 100%; justify-content: center; } 694 .dk-btn { width: 100%; padding: 12px; } 695 .dk-modal-box { padding: 20px; } 696 .dk-cookie-info p { padding-right: 0; } 697 } 698</style> 699 700<!-- 4. Pure Vanilla JS (à¸à¸´à¸ªà¸£à¸°à¸à¸²à¸ Framework) -->
701<script> 702document.addEventListener("DOMContentLoaded", function() { 703 const banner = document.getElementById('dk-cookie-banner'); 704 const modal = document.getElementById('dk-cookie-modal'); 705 706 // Buttons 707 const btnAcceptAll = document.getElementById('dk-btn-accept-all'); 708 const btnSettings = document.getElementById('dk-btn-settings'); 709 const btnCloseModal = document.getElementById('dk-btn-close-modal'); 710 const btnSaveCustom = document.getElementById('dk-btn-save-custom'); 711 712 // Switches 713 const switchAnalytics = document.getElementById('dk-switch-analytics'); 714 const switchMarketing = document.getElementById('dk-switch-marketing'); 715 716 // 1. Show Banner with Delay 717 setTimeout(() => { 718 if(banner) banner.classList.add('dk-show'); 719 }, 1000); 720 721 // 2. Open Modal 722 if(btnSettings) { 723 btnSettings.addEventListener('click', () => { 724 modal.classList.add('dk-modal-show'); 725 }); 726 } 727 728 // 3. Close Modal 729 if(btnCloseModal) { 730 btnCloseModal.addEventListener('click', () => { 731 modal.classList.remove('dk-modal-show'); 732 }); 733 } 734 735 // 4. Close Modal on clicking outside box 736 window.addEventListener('click', (e) => { 737 if (e.target === modal) { 738 modal.classList.remove('dk-modal-show'); 739 } 740 }); 741 742 // 5. Submit AJAX Function 743 function submitConsentData(analytics, marketing) { 744 // Hide UI Elements gracefully
745 banner.classList.remove('dk-show'); 746 modal.classList.remove('dk-modal-show'); 747 748 // Setup Form Data 749 const formData = new FormData(); 750 formData.append('analytics', analytics); 751 formData.append('marketing', marketing); 752 753 formData.append('csrf_test_name', '4ca8cf84d8eba0560391750e4012ecfb'); 754 755 // Send to CodeIgniter Controller 756 fetch('https://nakhonsidee.com/policy/save_cookie_consent', { 757 method: 'POST', 758 body: formData, 759 headers: { 'X-Requested-With': 'XMLHttpRequest' } 760 }) 761 .then(response => response.json()) 762 .then(data => { 763 if(data.status === 'success') { 764 setTimeout(() => { 765 if(banner) banner.remove(); 766 if(modal) modal.remove(); 767 }, 600); 768 } 769 }).catch(err => console.error('DK Cookie System Error:', err)); 770 } 771 772 // 6. Handle Accept All 773 if(btnAcceptAll) { 774 btnAcceptAll.addEventListener('click', () => submitConsentData(true, true)); 775 } 776 777 // 7. Handle Save Custom 778 if(btnSaveCustom) { 779 btnSaveCustom.addEventListener('click', () => { 780 const isAnalytics = switchAnalytics.checked; 781 const isMarketing = switchMarketing.checked; 782 submitConsentData(isAnalytics, isMarketing); 783 }); 784 } 785}); 786</script>
786 787 788</div> 789
790<script src="https://nakhonsidee.com//tpnew/js/jquery-3.2.1.min.js"></script>
vendor: 2 bytes, line 790
790
791<script src="https://nakhonsidee.com//tpnew/styles/bootstrap4/popper.js"></script>
vendor: 2 bytes, line 791
791
792<script src="https://nakhonsidee.com//tpnew/styles/bootstrap4/bootstrap.min.js"></script>
vendor: 2 bytes, line 792
792
793<script src="https://nakhonsidee.com//tpnew/plugins/OwlCarousel2-2.2.1/owl.carousel.js"></script>
vendor: 2 bytes, line 793
793
794<script src="https://nakhonsidee.com//tpnew/plugins/easing/easing.js"></script>
vendor: 2 bytes, line 794
794
795<script src="https://nakhonsidee.com//tpnew/js/custom.js"></script>
795 796</body> 797 798</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.