<!DOCTYPE html>
<html>

<head>
    <title>เทศบาลตำบลนาจอมเทียน : ค้นหาภายในเว็บไซต์</title>
<meta name="description" content="999 หมู่ที่ 4 เทศบาลตำบลนาจอมเทียน อำเภอสัตหีบ จังหวัดชลบุรี 20250">
<meta name="keywords" content="เทศบาลตำบลนาจอมเทียน,ทต.นาจอมเทียน,นาจอมเทียน,ตำบลนาจอมเทียน,อำเภอสัตหีบ,จังหวัดชลบุรี " />
<meta property="og:image" content="https://www.tessabannajomtien.go.th/assets/images/logo_250px.png" />
<meta property="og:image:secure_url" content="https://www.tessabannajomtien.go.th/assets/images/logo_250px.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="250" />
<meta property="og:image:height" content="250" />
<meta property="og:url" content="https://www.tessabannajomtien.go.th/" />
<meta property="og:title" content="เทศบาลตำบลนาจอมเทียน" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="https://www.tessabannajomtien.go.th/assets/images/logo_250px.png">
<meta name="theme-color" content="#ffffff">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- icon website -->
<link rel="icon" href="https://www.tessabannajomtien.go.th/assets/images/logo_250px.png">
<!-- icon website -->
<!-- css -->
<link rel="stylesheet" href="https://www.tessabannajomtien.go.th/assets/css/style.css">
<link rel="stylesheet" href="https://www.tessabannajomtien.go.th/assets/css/bg.css?v=1">
<link rel="stylesheet" href="https://www.tessabannajomtien.go.th/assets/css/text.css">
<link rel="stylesheet" href="https://www.tessabannajomtien.go.th/plugin/slick/slick.css">
<link rel="stylesheet" href="https://www.tessabannajomtien.go.th/plugin/slick/slick-theme.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<script src="https://www.tessabannajomtien.go.th/plugin/tailwindcss/tailwindcss.js"></script>
<!-- css -->
<!-- js -->
<script src="https://www.tessabannajomtien.go.th/plugin/vue/vue.global.js"></script>
<script src="https://www.tessabannajomtien.go.th/plugin/vue-router/vue-router.global.js"></script>
<script src="https://www.tessabannajomtien.go.th/plugin/vuejs-paginate/vuejs-paginate-next.umd.js"></script>
<script src="https://www.tessabannajomtien.go.th/plugin/jquery/jquery.min.js"></script>
<script src="https://www.tessabannajomtien.go.th/plugin/axios/axios.min.js"></script>
<script src="https://www.tessabannajomtien.go.th/plugin/sweetalert2/sweetalert2.min.js"></script>
<script src="https://www.tessabannajomtien.go.th/plugin/slick/slick.min.js"></script>
<script src="https://www.tessabannajomtien.go.th/assets/js/appConfig.js"></script>
<script src="https://www.tessabannajomtien.go.th/assets/js/headfooter.js"></script>
<!-- js --></head>

<body data-theme="cupcake">
    <header class=" mx-auto ">
    <hr class="w-full h-[14px] bg-[#D13C80]">
    <div class="bg-white h-[126px] w-full">
        <div class="container_main pl-11 pr-3.5 mx-auto py-3.5">
            <div class="flex justify-between items-center">
                <div class="flex items-center space-x-3">
                    <div>
                        <img src="https://www.tessabannajomtien.go.th/assets/images/logo_Gov/logo_180px.png" class="w-[100px] h-[98px]"
                            alt="เทศบาลตำบลนาจอมเทียน">
                    </div>
                    <div class="prompt -mt-1.5">
                        <div>
                            <h1 class="text-[26px] font-bold tracking-widest">เทศบาลตำบลนาจอมเทียน</h1>
                        </div>
                        <div class="-mt-1.5 relative">
                            <p class="text-[17px]">Najomtien Subdistrict Municipality</p>
                            <p class="text-[15px] -mt-0.5"><span class="">อ.สัตหีบ จ.ชลบุรี </span> |
                                www.tessabannajomtien.go.th</p>
                            <div class="absolute pt-0.5">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                    width="106px" height="3px">
                                    <path fill-rule="evenodd" fill="rgb(236, 0, 140)"
                                        d="M1.500,-0.001 L104.500,-0.001 C105.328,-0.001 105.1000,0.671 105.1000,1.499 C105.1000,2.327 105.328,2.999 104.500,2.999 L1.500,2.999 C0.672,2.999 0.000,2.327 0.000,1.499 C0.000,0.671 0.672,-0.001 1.500,-0.001 Z" />
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="flex space-x-1.5 pr-2  justify-end drop-shadow-lg">
                        <a target="_blank" href="tel:038238613">
                            <div class="transition-all duration-300 hover:scale-105">
                                <svg 
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 width="34px" height="34px">
<image  x="0px" y="0px" width="34px" height="34px"  xlink:href="data:img/png;base64,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" />
</svg>                            </div>
                        </a>
                        <a href="">
                            <div class="transition-all duration-300 hover:scale-105">
                                <svg 
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 width="34px" height="34px">
<image  x="0px" y="0px" width="34px" height="34px"  xlink:href="data:img/png;base64,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" />
</svg>                            </div>
                        </a>
                        <a target="_blank" href="https://www.facebook.com/tessabannajomtien/">
                            <div class="transition-all duration-300 hover:scale-105">
                                <svg 
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 width="34px" height="34px">
<image  x="0px" y="0px" width="34px" height="34px"  xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABy1BMVEX///8oUpa0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK4trbOzMzh4ODv7u75+Pj9/f2/vb3i4eH8/Pz///+2tLTc29u+vb3x8fHQ2eiQpclgf7FGaqQ7YZ/DwcH4+PjDz+JffrEoUpb5+fn2+Pp+l8AnUZUiTZMhTJMgTJK3tbXs8PZaeq4pU5YeSpElUJRCZ6NGaqVJbaZKbaYtVplZea4pUpYdSZFXeK3S2un6+/39/v5Mb6b+/f19l8A9Y6Dz9flNcKbG0eMZRo+Ppcnx9PhKbaUhTJL+/v9be6+vv9iMo8cuV5k3Xp0qVJcoUZbR2uklUJUUQoyxwNhFaaTh4eGPpcgmUJU0XJw0W5u4xdxlgrM6YZ9BZqIsVZgnUZaZrc74+fv8/P37/P35+vzu8fcjTpSfstGdsNDb4u0mUZU7Yp9BZKG/yt9/mMBIbKUkT5QSQIsUQo0hTZMaR4+ywdlffrAdSpFhgLK7yN1lg7QcSJHd3NxriLeUqMqRpsmTqMpDaKMiTpPOzc3v7+81k+opAAAAH3RSTlMAAAxXmMjp+DKbH5AgZn+BZ2iRM5wNmuv5IViZyer62mF4egAAAAFiS0dEAIgFHUgAAAAHdElNRQfoCBEWEiZcRGKYAAACOklEQVQ4y42U51sTQRDGl4QAkQCmUKSlkEsmR0mOcoFgCImiArZD5FQSRSUYwN47FuxiV/hzndvdXO4Snkfn2879npvZed9ZQkphsVbbampra2zVVgvZLersXp8/0BMM9gT8Pq+9rgLYUy+EwqBHOCTUO8xEQ0QMgimCYqTBAFQ19vZp6f6BaEySYtGBfu3UJzRW6UjT4BCmhkdkPUaGMTE02FQk9gpxgNEx9jExvj+ZTMjy2ChAXHAywjGBVVKTFEhnDhycOnT4CDKTKaw1wXp2ifiPaUrMzB49dvwEwMkkHqbxP6KLzqNXAZhjVcZPzdPrnNYQeQ5AEdyI2EMAC7xL9YwGzJ89t0iPCwAhDyHN3jBkc0XkPBIXli5eukyPuSyEvc3E6gNY5kR+5QoihZVMgieWAXxW0rIKsMYS61evXUfkxs1bt++wzBrAaguxBQD4zNS79+4j8uDhI+kxnyBAwEZacWwFjjzh+qSW8ixTwPG1kjaUT+LIU8hS5Nlz3oyEcrYZkfzGi5cIvHodW5eNiKHQzOYb7dK5t++KarJChnZl+f0HRD5+KglO2zVcuhJhlzaOrgJhozMJUIZwAYjHICNForNFhMtI3ELJDBT5XER0MxgtpW4h8uUrIzRLfXOVG3Px+4+fv37/oQQz5j5mXqdu73RGVdXNtEaY7P0/S4KrJvxr1bBWRFTMC6uIEScxhcNVvvausrVnj8e2fyeuKPEd/7bX4971hbG0d3R2dXd3dXa0G5+gv1AeyZrjZo9BAAAAAElFTkSuQmCC" />
</svg>                            </div>
                        </a>
                        <a target="_blank" href="mailto:info@tessabannajomtien.go.th">
                            <div class="transition-all duration-300 hover:scale-105">
                                <svg 
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 width="34px" height="34px">
<image  x="0px" y="0px" width="34px" height="34px"  xlink:href="data:img/png;base64,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" />
</svg>                            </div>
                        </a>
                        <a target="_blank" href="https://www.youtube.com/results?search_query=%E0%B9%80%E0%B8%97%E0%B8%A8%E0%B8%9A%E0%B8%B2%E0%B8%A5%E0%B8%95%E0%B8%B3%E0%B8%9A%E0%B8%A5%E0%B8%99%E0%B8%B2%E0%B8%88%E0%B8%AD%E0%B8%A1%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B8%A2%E0%B8%99">
                            <div class="transition-all duration-300 hover:scale-105">
                                <svg 
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 width="34px" height="34px">
<image  x="0px" y="0px" width="34px" height="34px"  xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABelBMVEX///+0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK0srK4trbOzMzh4ODv7u75+Pj9/f2/vb3i4eH8/Pz///+2tLTc29u+vb3x8fHDwcH4+Pj5+fm3tbX+/f3/uLj/iIj/aGj/XFz/U1P/QED/ODj/PDz/Ly//LS3/Ozv/OTn/Pz//T0//WVn/gYH/srL/+fn//v7/g4P/AAD/UFD/+Pj/wcH/mJj+enr/Tk7h4eH/WFj/Cgr/Dg7/PT3/Hh7/0dH/W1v/Nzf/MTH/GBj/+vr/m5v/LCz/KCj/IyP/GRn/8PD/KSn/IiL/0ND/MjL/9PT/z8//UVH/AgL/Jyf/HR3/8fH/lJT/CQn/MzP/Li7/cHD/SUn/rq7/gID/6+v/8vL/fn7/Kir/JSX/ICD/Njb/SEj/d3f/4ODd3NzOzc3v7+9tQ7pXAAAAHnRSTlMADFeYyOn4MpsfkCBmf4FnaJEznA2a6/khWJnJ6vpcMha8AAAAAWJLR0QAiAUdSAAAAAd0SU1FB+gIERYSNkHzcvwAAAHFSURBVDjLjZTnW8IwEMYDgiCIUoYKYlmFUFGsoqiACwcquHGBinvh3vN/t2kCtFDF91Ny+T25y40AUJZCWadS19erVXVKBZCTRks7XW6P1+txu5y0VlMFNOgYnx+W5PcxOr2UaAywXiiRlw00iglDZxBWKcgYykRTVzeUUXdXU5FoZkJQViHGiAl9TxD+omAPjpli4a9iKSEfnRza9PaF+wcig0PD0Vh8ZHQsPD6R4K0cY+IRrY9fTk5NV2kmyR/4zABYaJSx2WkZzaEc0hagdCI383JICp04lcCaRosFYl1cEiERdJK2ApUbLZaJdWV1rYxk0IlbBVqEtK0T68Ym3NouIlkhfS2gVShfjlh3diFMzK3gzZ5QzlaC5EUI3D8Q3cIj2FG0iBzCo+MTsjkljnC4cWI9O7+4LIVbIOHiR88Q69KV6NHL5NE4dddyqbshqcMFuJVD7kgBgBmVMZmqJnL3pIzAxKBmeHhMxTKFp+ds/uX0OXvwGnt7/yg1w58t9UnVbsw23LzGmu39nyHhR42pNWq8rwDLSQGODRiBRHqqcuypirHHn8eX6zvEcaFv1xdtNsn+MAqbvd3R0eFot9vEX9APwbS3pKQPlhcAAAAASUVORK5CYII=" />
</svg>                            </div>
                        </a>
                    </div>
                    <div class="flex pt-3">
                        <form action="" method="get">
                            <div class="flex shadow-xl">
                                <input type="hidden" name="page" value="search">
                                <div>
                                    <input id="q" name="q" type="text" placeholder="ค้นหา .."
                                        class="focus:text-base focus:bg-white pl-3 bg-[#EAF0F0] text-lg  max-w-xs rounded-xl noto-sans-thai w-[282px] h-[37px] ">
                                </div>
                                <button type="submit">
                                    <div
                                        class="w-[47px] h-[37px] rounded-r-lg bg-[#D13C80] relative -ml-[44px] cursor-pointer flex justify-center items-center">
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="19px">
                                            <path fill-rule="evenodd" fill="rgb(255, 255, 255)"
                                                d="M11.064,7.929 L10.053,8.915 L9.297,8.177 C10.880,6.187 10.736,3.311 8.861,1.484 C6.828,-0.499 3.531,-0.499 1.498,1.484 C-0.535,3.466 -0.535,6.680 1.498,8.661 C3.236,10.355 5.898,10.600 7.904,9.397 L8.731,10.204 L7.642,11.264 L15.575,18.999 L18.997,15.662 L11.064,7.929 ZM2.691,7.499 C1.316,6.160 1.316,3.987 2.691,2.646 C4.065,1.307 6.294,1.307 7.668,2.646 C9.043,3.987 9.043,6.160 7.668,7.499 C6.294,8.840 4.065,8.840 2.691,7.499 Z">
                                            </path>
                                        </svg>
                                    </div>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bg_menu relative z-50" id="headerdata">
        <div class="container_main px-3.5 mx-auto transition-all h-full duration-500" id="divmenu">
            <nav class=" transition-all font-bold duration-500 text-[17px] text-white fc_iconic pt-3.5 pl-2"
                id="headernav">
                <ul class="flex flex-wrap justify-center relative nav font-normal space-x-2  " id="ulmenu" v-if="header">
                    <div class="flex relative menu_li justify-center  items-center  " data-page="home">
                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                width="20px" height="18px">
                                <image x="0px" y="0px" width="20px" height="18px"
                                    xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH6AgRFhoUXEq5EAAABCRJREFUOMtNlFtsVFUUhr999j5nOp3epvcq5aIjV6WJiERFREqiiCFIYiCAMWgiKMY0xgeNokJiYnygEG1C8BIxvHjDGIGID4QoCIhGFAgUCLTTTkunpZdpp9Mz5+y9fZgaWC/raX3rz1r/WuKDXc+R/uM60ZpaUsdPU5mYQfLUcWbNnEPqxEUqVixivL2D6uVLd9yz8/0zyUMHf/JP9QASM9q1zeqBE8BRJkMhuBW2kIwu5CAEDStFLtPWvefraTd+OMK0tndb0r8d3j2lcXqdvnF+h0mn9uLcAjq34TCmQAzyQMjjfp5/izvPHdz2fcu0velWZs2McObp13cFWnwcmduk5J21xo2X9bjxCtTyVXjzZ6NuB4ahxkDC9/nMH0s+9krbGpZvfgrkKJDlrV/eY8m3J/j5ox9f/evT1k31VWVOxbwF/jgTlNqCGNm8oomxrmHcktgd6fbOz0d+vbRn3RuPTN/atprZS+bCcB90DkNfFvwhpj70MMtemINXZL3zx66R/PvqgtJZjReixdHLYnwQ2fxkU2Kkc7j17BdHvlq8sHre20dbWPzMMrxwDC73oTMCKxU4BnyL6E4BEeY0L6X5pXsJc6PRU/vOrJfdPatKGsv+FGvjlfvr9OCGjQdeZGHzE0AfXOyALBCV5GWAMi6O8TDSxyEP4zEQGu6rBbeB6+3H+WbrAc7f6O8Vbz6/ls2tD+yfHrcbSA5AeQmUl4PWYE1hbT0ZbH8WEdGQqACvGAIXcuMwnIapUznZET265cPTG1WYB+vdlefiYXCr6Llwk+GgFxkViAkI8pLauKKmQYLvcu3kCBN2ACEtLppEvYTuK5T7D54L8vSqddubGOxuL5pRUgbxMna/to/fj13h7vlTyPRnSHZk2P7JSla+/CxBOsm2LTvp781iYyG1NYo937VQWq4ZTaW8L7ckUBGtAFwsYAzFFS4N9THqqyqJComfmSASUUCAg6G0LoaxAjxJSVyANmAFjuOEAOoqDSToU1gLwlIRj1JZG6M8rnCcGLmch5QG8HBEhIGuAfp6faQLJluFDCIgxoFJIBjAerfdC8ZarLVYoQmkAMcDcojcEGs2PcpYPourFcVuHClDyFqMMQZAOcIirFVYwDpYK1BIEBZHgJN3cIQLNgNZw/p3VlPwlIQQ7NUUZDQoOanQEWCtwhqwIABjFBaNcSzWEVhMwXfWg0spwPD/UxGhB0UhDmgAFRjQVkiMAZ0HITAKtBAYC6FwCAGsBR1Mlk2+JUFBqTWgTUFhjYpRiaqnDKh0KfF9qgZzlI4GiKEcdek8ZcIFEYV4BrS8NW4hCg2sg5aiMMN/MkMkrdk/I1N0vxgcTbdXV+WS86QYr4uF2coS/2bME2fzxnG6RnLZngltsdJCaCGf07jVyvEWNXoRlfMOAfwHijjY89CMBp0AAAAASUVORK5CYII=" />
                            </svg>
                        </div>
                        <li id="home_menu" class=" z-[1]">
                            <a href="./" class="flex items-center ">
                                <looped-medium class="  flex  justify-center p-2 rounded-lg  ">หน้าแรก </looped-medium>
                            </a>
                        </li>
                        <div class="bg_menu_active absolute -left-4 -top-3.5"></div>
                    </div>
                    <div class="flex items-center justify-center" data-page="main">
                        <li class="button-dropdown  ">
                            <a href="javascript:void(0)" class="dropdown-toggle">
                                <ul id="main_menu" class="flex justify-center items-center">
                                    <div>
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px">
                                            <path fill-rule="evenodd" fill="rgb(255, 255, 255)"
                                                d="M3.1000,-0.000 C6.209,-0.000 7.1000,1.790 7.1000,3.1000 C7.1000,6.209 6.209,7.999 3.1000,7.999 C1.791,7.999 -0.000,6.209 -0.000,3.1000 C-0.000,1.790 1.791,-0.000 3.1000,-0.000 Z" />
                                        </svg>
                                    </div>
                                    <li class="  flex items-center   justify-center menu_li">
                                        <looped-medium class="flex p-2 rounded-lg ">
                                            ข้อมูลพื้นฐาน
                                        </looped-medium>
                                    </li>
                                </ul>
                            </a>
                            <ul class="dropdown-menu text-black font-normal z-20 overflow-auto"
                                style="width: 200px; max-height: 50vh;">
                                <li v-for="data in header.main">
                                    <a :href="'?page=main&id=' + data.id" class="text-base" v-if="data.selected < 4">
                                        &#8226; {{data.topic}}
                                    </a>
                                    <a target="_blank" :href="data.url" class="text-base" v-else>
                                        &#8226; {{data.topic}}
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </div>
                    <div class="flex items-center justify-center">
                        <li class="button-dropdown ">
                            <a href="javascript:void(0)" class="dropdown-toggle">
                                <ul id="doc_download_menu_6" class="flex    justify-center items-center ">
                                    <div>
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px">
                                            <path fill-rule="evenodd" fill="rgb(255, 255, 255)"
                                                d="M3.1000,-0.000 C6.209,-0.000 7.1000,1.790 7.1000,3.1000 C7.1000,6.209 6.209,7.999 3.1000,7.999 C1.791,7.999 -0.000,6.209 -0.000,3.1000 C-0.000,1.790 1.791,-0.000 3.1000,-0.000 Z" />
                                        </svg>
                                    </div>
                                    <li class="  flex items-center  justify-center menu_li">
                                        <looped-medium class="flex  p-2 rounded-lg ">
                                            โครงสร้างองค์กร
                                        </looped-medium>
                                    </li>
                                </ul>
                            </a>
                            <ul class="dropdown-menu text-black font-normal z-20 overflow-auto"
                                style="width: 200px; max-height: 50vh;">
                                <li v-for="data in header.personal">
                                    <a :href="'?page=personnel_person&type=' + data.id" class="text-base">
                                        &#8226; {{data.topic}}
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </div>
                    <div class="flex items-center justify-center " data-page="public">
                        <li class="button-dropdown ">
                            <a href="javascript:void(0)" class="dropdown-toggle">
                                <ul id="service_menu" class="flex    justify-center  ">
                                    <li class="  flex items-center  justify-center menu_li">
                                        <div>
                                            <svg xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px">
                                                <path fill-rule="evenodd" fill="rgb(255, 255, 255)"
                                                    d="M3.1000,-0.000 C6.209,-0.000 7.1000,1.790 7.1000,3.1000 C7.1000,6.209 6.209,7.999 3.1000,7.999 C1.791,7.999 -0.000,6.209 -0.000,3.1000 C-0.000,1.790 1.791,-0.000 3.1000,-0.000 Z" />
                                            </svg>
                                        </div>
                                        <looped-medium class="flex  p-2 rounded-lg ">
                                            การให้บริการประชาชน
                                        </looped-medium>
                                    </li>
                                </ul>
                            </a>
                            <ul class="dropdown-menu text-black font-normal z-20 overflow-auto"
                                style="width: 200px; max-height: 50vh;">
                                <li>
                                    <a href="?page=letternewslist&pages=1" class="text-base">
                                        &#8226; วารสารประชาสัมพันธ์
                                    </a>
                                </li>
                                <li>
                                    <a href="?page=webboard" class="text-base">
                                        &#8226; เว็บบอร์ด
                                    </a>
                                </li>
                                <li>
                                    <a href="?page=commentlist" class="text-base">
                                        &#8226; ช่องทางรับฟังความคิดเห็นของประชาชน
                                    </a>
                                </li>
                                <li>
                                    <a href="?page=hotlinelist" class="text-base">
                                        &#8226; ร้องเรียน-ร้องทุกข์
                                    </a>
                                </li>
                                <li>
                                    <a href="?page=reportlist" class="text-base">
                                        &#8226; ร้องเรียนทุจริตและประพฤติมิชอบ
                                    </a>
                                </li>
                                <li>
                                    <a href="?page=e-service_list" class="text-base">
                                        &#8226; E-Service
                                    </a>
                                </li>
                                <li>
                                    <a href="?page=oss" class="text-base">
                                        &#8226; OSS (One Stop Service)
                                    </a>
                                </li>
                                <!-- <li>
                                    <a href="?page=onlineservice" class="text-base">
                                        &#8226; Online-Service
                                    </a>
                                </li> -->
                                <li>
                                    <a href="?page=document_download&level=1&link_id=0&id=371" class="text-base">
                                        &#8226; ดาวน์โหลดเอกสาร
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </div>

                    <div class="flex items-center justify-center " data-page="doc2">
                        <li class="button-dropdown ">
                            <a href="javascript:void(0)" class="dropdown-toggle">
                                <ul id="doc2" class="flex    justify-center  ">
                                    <li class="  flex items-center   justify-center menu_li">
                                        <div>
                                            <svg xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px">
                                                <path fill-rule="evenodd" fill="rgb(255, 255, 255)"
                                                    d="M3.1000,-0.000 C6.209,-0.000 7.1000,1.790 7.1000,3.1000 C7.1000,6.209 6.209,7.999 3.1000,7.999 C1.791,7.999 -0.000,6.209 -0.000,3.1000 C-0.000,1.790 1.791,-0.000 3.1000,-0.000 Z" />
                                            </svg>
                                        </div>
                                        <looped-medium class="flex  p-2 rounded-lg ">
                                            ผลการดำเนินงาน
                                        </looped-medium>
                                    </li>
                                </ul>
                            </a>
                            <ul class="dropdown-menu text-black font-normal z-20 overflow-auto"
                                style="width: 200px; max-height: 50vh;">
                                <li v-for="data in header.persondoc">
                                    <a :href="'?page=document_download_list&perdocs_id='+data.id" class="text-base">
                                        &#8226; {{data.topic}}
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </div>

                    <!-- <div class="flex items-center justify-center" data-page="doc3">
                        <li class="  flex items-center   justify-center menu_li">
                            <div>
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                    width="8px" height="8px">
                                    <path fill-rule="evenodd" fill="rgb(255, 255, 255)"
                                        d="M3.1000,-0.000 C6.209,-0.000 7.1000,1.790 7.1000,3.1000 C7.1000,6.209 6.209,7.999 3.1000,7.999 C1.791,7.999 -0.000,6.209 -0.000,3.1000 C-0.000,1.790 1.791,-0.000 3.1000,-0.000 Z" />
                                </svg>
                            </div>
                            <a href="https://www.tessabannajomtien.go.th/?page=document_download&level=1&link_id=0&id=3">
                                <looped-medium class="text-center p-2 rounded-lg ">แผนปฏิบัติการป้องกันการทุจริต</looped-medium>
                            </a>
                        </li>
                    </div> -->




                    <div class="flex items-center justify-center " data-page="news_menu">
                        <li class="button-dropdown ">
                            <a href="javascript:void(0)" class="dropdown-toggle">
                                <ul id="news_menu" class="flex    justify-center  ">
                                    <li class="  flex items-center   justify-center menu_li">
                                        <div>
                                            <svg xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px">
                                                <path fill-rule="evenodd" fill="rgb(255, 255, 255)"
                                                    d="M3.1000,-0.000 C6.209,-0.000 7.1000,1.790 7.1000,3.1000 C7.1000,6.209 6.209,7.999 3.1000,7.999 C1.791,7.999 -0.000,6.209 -0.000,3.1000 C-0.000,1.790 1.791,-0.000 3.1000,-0.000 Z" />
                                            </svg>
                                        </div>
                                        <looped-medium class="flex  p-2 rounded-lg ">
                                            ศูนย์ข้อมูลข่าวสาร
                                        </looped-medium>
                                    </li>
                                </ul>
                            </a>
                            <ul class="dropdown-menu text-black font-normal z-20 overflow-auto"
                                style="width: 200px; max-height: 50vh;">
                                <li v-for="data in header.newstype">
                                    <a :href="'?page=newslist&type=' + data.id+'&pages=1'" class="text-base">
                                        &#8226; {{data.topic}}
                                    </a>
                                </li>
                                <li>
                                    <a href="./?page=egp&pages=1" class="text-base">
                                        &#8226; ระบบจัดซื้อจัดจ้างภาครัฐ EGP
                                    </a>
                                </li>
                                <div class="h-1 bg-[#5e0186]"></div>
                                <li v-for="data in header.gallerytype">
                                    <a :href="'?page=gallerylist&type=' + data.id+'&pages=1'" class="text-base">
                                        &#8226; {{data.topic}}
                                    </a>
                                </li>
                                <div class="h-1 bg-[#5e0186]"></div>
                                <li>
                                    <a href="./?page=vdo&pages=1" class="text-base">
                                        &#8226; วิดีโอประชาสัมพันธ์
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </div>
                    <div class="flex items-center justify-center" data-page="contact">
                        <li class="  flex items-center   justify-center menu_li">
                            <div>
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                    width="8px" height="8px">
                                    <path fill-rule="evenodd" fill="rgb(255, 255, 255)"
                                        d="M3.1000,-0.000 C6.209,-0.000 7.1000,1.790 7.1000,3.1000 C7.1000,6.209 6.209,7.999 3.1000,7.999 C1.791,7.999 -0.000,6.209 -0.000,3.1000 C-0.000,1.790 1.791,-0.000 3.1000,-0.000 Z" />
                                </svg>
                            </div>
                            <a href="https://www.tessabannajomtien.go.th/?page=contact">
                                <looped-medium class="text-center p-2 rounded-lg ">ติดต่อเจ้าหน้าที่</looped-medium>
                            </a>
                        </li>
                    </div>
                </ul>
            </nav>
        </div>
    </div>
    <!-- <div class="overflow-hidden -mt-16">
        <div class="zoominheader relative z-[1]">
            <div class="bg_header zoomoutheader"></div>
        </div>
    </div> -->
    <video autoplay muted loop id="myVideo" class="w-full -mt-16">
        <source src="https://www.tessabannajomtien.go.th/assets/images/head4.mp4" class="w-full" type="video/mp4">
    </video>
    <div class="relative z-[2] bg_vision">
        <div class="container_main px-3.5 mx-auto prompt pt-1 pl-24 space-y-2">
            <p class="text-[28px] text-white text-center font-semibold">วิสัยทัศน์</p>
            <p class="text-[24px] text-white text-center">“ เมืองน่าอยู่ ท่องเที่ยวปลอดภัย บริหารธรรมาภิบาล บูรณาการทุกภาคส่วน สืบสานประเพณี เทคโนโลยีดิจิทัล ”</p>
        </div>
    </div>
</header>    <main class="w-full mx-auto mb-16 pb-[300px] pt-32 bg-gradient-to-b from-[#C53973] to-white relative -mt-16 ">
        <section class="w-full mx-auto container_main px-3 relative z-[3] ">
            <div class="w-full rounded-3xl ">
                <div class="flex space-x-5 ">
                    <div class="w-full">
                        <div class="w-full mx-auto ">
                            <div class="flex justify-center ">
                                <div class="py-5 px-8 rounded-3xl  bg-gradient-to-b from-[#E085B3] to-[#D963A9]  border-4 border-[#E0C7D5]">
                                    <p class="text-xl font-semibold text-white sarabun">ค้นหาภายในเว็บไซต์</p>
                                </div>
                            </div>
                            <div class="w-full bg-white  border-[5px] rounded-xl  -mt-9 pt-10 py-20 border-[#E0C7D5] px-4">
                                <div>
                                    <div class="flex flex-col p-2 py-6 m-h-screen">
                                        <form action="" method="get">
                                            <div class="sticky flex items-center justify-between w-full p-2 mb-3 bg-white shadow-lg rounded-xl" style="top: 5px">
                                                <input type="hidden" name="page" value="search">
                                                <input id="q" name="q" value="null" class="w-full py-4 pl-4 text-xs font-bold leading-tight text-gray-700 bg-gray-100 rounded-full focus:outline-none focus:shadow-outline lg:text-sm" type="text" placeholder="ค้นหา">
                                                <button type="submit" class="w-16 p-2 mx-2 text-white bg-gray-600 hover:bg-blue-500 rounded-xl">
                                                    <i class="text-xl bi bi-search "></i> <span class="text-xs">ค้นหา</span>
                                                </button>
                                            </div>
                                        </form>
                                        <div class="rounde-lg">
                                            <div class="p-1 font-black text-gray-700 lg:text-xl md:text-lg">ผลการค้าหา " null "</div>

                                            <div class="div-all-doc">
                                                <div class="flex justify-start my-2">
                                                    <div class="w-auto p-2 text-lg text-white bg-blue-600 rounded-xl">
                                                        <p class="font-bold">
                                                            เอกสารกองงาน เอกสารดาวโหลด และเอกสารเรื่องอื่นๆ
                                                        </p>
                                                    </div>
                                                </div>
                                                

                                            </div>



                                            <div class="div-all-news">
                                                <div class="flex justify-start my-2">
                                                    <div class="w-auto p-2 text-lg text-white bg-blue-600 rounded-xl">
                                                        <p class="font-bold">
                                                            ข้อมูลทั่วไป
                                                        </p>
                                                    </div>
                                                </div>
                                                                                            </div>

                                            <div class="div-all-news">
                                                <div class="flex justify-start my-2">
                                                    <div class="w-auto p-2 text-lg text-white bg-blue-600 rounded-xl">
                                                        <p class="font-bold">
                                                            บุคลากร
                                                        </p>
                                                    </div>
                                                </div>
                                                                                            </div>

                                            <div class="div-all-ita">
                                                <div class="flex justify-start my-2">
                                                    <div class="w-auto p-2 text-lg text-white bg-blue-600 rounded-xl">
                                                        <p class="font-bold">
                                                            ITA
                                                        </p>
                                                    </div>
                                                </div>
                                                                                            </div>

                                            <div class="div-all-news">
                                                <div class="flex justify-start my-2">
                                                    <div class="w-auto p-2 text-lg text-white bg-blue-600 rounded-xl">
                                                        <p class="font-bold">
                                                            ข่าว
                                                        </p>
                                                    </div>
                                                </div>
                                                                                            </div>

                                            <div class="div-all-letternews">
                                                <div class="flex justify-start my-2">
                                                    <div class="w-auto p-2 text-lg text-white bg-blue-600 rounded-xl">
                                                        <p class="font-bold">
                                                            จดหมายข่าว
                                                        </p>
                                                    </div>
                                                </div>
                                                                                            </div>

                                            <div class="div-all-gallery">
                                                <div class="flex justify-start my-2">
                                                    <div class="w-auto p-2 text-lg text-white bg-blue-600 rounded-xl">
                                                        <p class="font-bold">
                                                            ภาพกิจกรรม - อัลบั้มภาพ
                                                        </p>
                                                    </div>
                                                </div>
                                                                                            </div>

                                            <div class="div-all-eservice">
                                                <div class="flex justify-start my-2">
                                                    <div class="w-auto p-2 text-lg text-white bg-blue-600 rounded-xl">
                                                        <p class="font-bold">
                                                            E-Service One Stop Service
                                                        </p>
                                                    </div>
                                                </div>
                                                                                            </div>

                                            <div class="div-all-onlineservice">
                                                <div class="flex justify-start my-2">
                                                    <div class="w-auto p-2 text-lg text-white bg-blue-600 rounded-xl">
                                                        <p class="font-bold">
                                                            ขอรับบริการออนไลน์
                                                        </p>
                                                    </div>
                                                </div>
                                                                                            </div>

                                            <div class="div-all-report">
                                                <div class="flex justify-start my-2">
                                                    <div class="w-auto p-2 text-lg text-white bg-blue-600 rounded-xl">
                                                        <p class="font-bold">
                                                            ร้องเรียนทุจริตและประพฤติมิชอบ
                                                        </p>
                                                    </div>
                                                </div>
                                                                                            </div>




                                            <div class="div-all-hotline">
                                                <div class="flex justify-start my-2">
                                                    <div class="w-auto p-2 text-lg text-white bg-blue-600 rounded-xl">
                                                        <p class="font-bold">
                                                            ร้องเรียนร้องทุกข์
                                                        </p>
                                                    </div>
                                                </div>
                                                                                            </div>

                                            <div class="div-all-comment">
                                                <div class="flex justify-start my-2">
                                                    <div class="w-auto p-2 text-lg text-white bg-blue-600 rounded-xl">
                                                        <p class="font-bold">
                                                            ช่องทางรับฟังความคิดเห็นของประชาชน
                                                        </p>
                                                    </div>
                                                </div>
                                                                                            </div>



                                        </div>
                                    </div>
                                </div>



                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>

    <footer class="-mt-[180px]">
    <div class="bg_footer 2xl:bg-cover "></div>
    <div class="relative bg_footer03 -mt-[20px]">
        <div class="relative mx-auto max__min_width_main">
            <div class="container_main px-3.5 mx-auto relative">
                <div class="absolute -top-[50px] z-[1] left-3.5">
                    <div class="relative text-left fc_iconic">
                        <div class="flex justify-center">
                            <div class="rounded-full ">
                                <img src="https://www.tessabannajomtien.go.th/assets/images/logo_Gov/logo_180px.png"
                                    alt="เทศบาลตำบลนาจอมเทียน">
                            </div>
                        </div>
                        <div class="relative flex justify-center mt-2">
                            <h1 class=" text-[#D50179] text-[26px] stroke_ffffff_1px font-semibold   py-2 ">
                                เทศบาลตำบลนาจอมเทียน</h1>
                        </div>
                        <div class="  text-white font-light text-xl space-y-0.5 text-center">
                            <p class="">999 หมู่ที่ 4 เทศบาลตำบลนาจอมเทียน อำเภอสัตหีบ จังหวัดชลบุรี 20250</p>
                            <p class="">โทรศัพท์ : <a href="tel:038238613" class="hoverfootertext" target="_blank"> 038-238613</a> | โทรสาร : 038-238611</p>
                            <p class="">อีเมล์ : <a href="mailto:saraban_05200903@dla.go.th" class="hoverfootertext" target="_blank"> saraban_05200903@dla.go.th</a></p>
                            <p class="">เว็บไซต์ : <a href="https://www.tessabannajomtien.go.th/" class="hoverfootertext"> https://www.tessabannajomtien.go.th/ </a></p>
                            <p class="">Facebook :<a href="https://www.facebook.com/tessabannajomtien/" class="hoverfootertext" target="_blank"> เทศบาลตำบลนาจอมเทียน อ.สัตหีบ จ.ชลบุรี </a></p>
                            <p class="">พิกัด : <a href="https://maps.app.goo.gl/PwdMREJdTJJCsLPs7" class="hoverfootertext" target="_blank"> https://maps.app.goo.gl/PwdMREJdTJJCsLPs7 </a></p>
                        </div>
                    </div>
                </div>
                <!-- <div class="absolute right-4 -top-52">
                    <img src="https://www.tessabannajomtien.go.th/assets/images/footer/รูปนายก.png" alt="เทศบาลตำบลนาจอมเทียน">
                </div> -->
            </div>
        </div>
    </div>
    <div class="flex justify-center pt-3 fc_iconic relative -top-[45px]">
        <h4 class="text-center text-[#262425] text-lg font-medium"><span class="text-[#AE0524]">สายด่วน!</span>
            <span>งานป้องกันและบรรเทาสาธารณภัย โทร. </span> <span class="text-[#AE0524]">038-237585</span>
        </h4>
    </div>
    <div class="w-full bg-[#D25893] h-[44px] pt-1  relative z-[2] -mt-[40px] ">
        <div class="flex items-center justify-center space-x-3">
            <div class="flex space-x-2 text-[18px] font-light justify-center flex-wrap text-black    fc_iconic">
                <div>
                    <a href="https://www.tessabannajomtien.go.th/" class="hoverfootertext">หน้าแรก | </a>
                </div>
                <div>
                    <a href="https://www.tessabannajomtien.go.th/?page=contact" class="hoverfootertext">ติดต่อเรา | </a>
                </div>
                <div>
                    <a href="https://www.tessabannajomtien.go.th/?page=search&q=" class="hoverfootertext">แผนผังเว็บไซต์ | </a>
                </div>
                <div>
                    <a href="https://www.tessabannajomtien.go.th/assets/pdpa/PRIVACY_POLICY.pdf" class="hoverfootertext">นโยบายคุ้มครองข้อมูลส่วนบุคคุล </a>
                </div>
            </div>
            <div class="flex space-x-1 justify-center relative z-[4]">
                <div>
                    <a target="_blank" href="tel:038238613">
                        <img src="https://www.tessabannajomtien.go.th/assets/images/icon_social/i-Tel.png"
                            class="transition duration-300 ease-in-out hover:scale-110" alt="เทศบาลตำบลนาจอมเทียน">
                    </a>
                </div>
                <div>
                    <a href="#">
                        <img src="https://www.tessabannajomtien.go.th/assets/images/icon_social/i-Line.png"
                            class="transition duration-300 ease-in-out hover:scale-110" alt="เทศบาลตำบลนาจอมเทียน">
                    </a>
                </div>
                <div>
                    <a target="_blank" href="https://www.facebook.com/tessabannajomtien/">
                        <img src="https://www.tessabannajomtien.go.th/assets/images/icon_social/i-Facebook.png"
                            class="transition duration-300 ease-in-out hover:scale-110" alt="เทศบาลตำบลนาจอมเทียน">
                    </a>
                </div>
                <div>
                    <a target="_blank" href="mailto:info@saraban_05200903@dla.go.th">
                        <img src="https://www.tessabannajomtien.go.th/assets/images/icon_social/i-Email.png"
                            class="transition duration-300 ease-in-out hover:scale-110" alt="เทศบาลตำบลนาจอมเทียน">
                    </a>
                </div>
                <div>
                    <a target="_blank" href="https://www.youtube.com/results?search_query=%E0%B9%80%E0%B8%97%E0%B8%A8%E0%B8%9A%E0%B8%B2%E0%B8%A5%E0%B8%95%E0%B8%B3%E0%B8%9A%E0%B8%A5%E0%B8%99%E0%B8%B2%E0%B8%88%E0%B8%AD%E0%B8%A1%E0%B9%80%E0%B8%97%E0%B8%B5%E0%B8%A2%E0%B8%99">
                        <img src="https://www.tessabannajomtien.go.th/assets/images/icon_social/i-Youtube.png"
                            class="transition duration-300 ease-in-out hover:scale-110" alt="เทศบาลตำบลนาจอมเทียน">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="w-full bg-[#E45595] h-[46px] pt-1 relative z-[5] " id="footercount">
        <div class="relative flex justify-center pr-20 mx-auto space-x-2 text-lg font-light fc_iconic container_main">
            <div class="flex items-center space-x-2">
                <div>
                    <p>สถิติการเข้าชม : วันนี้ </p>
                </div>
                <div class="px-3 py-1 bg-[#EB88B6] font-extralight">
                    <p>{{datavisit.day}}</p>
                </div>
                <div>
                    <p>คน |</p>
                </div>
            </div>
            <div class="flex items-center space-x-2">
                <div>
                    <p>เดือนนี้</p>
                </div>
                <div class="px-3 py-1 bg-[#EB88B6] font-extralight">
                    <p>{{datavisit.month}}</p>
                </div>
                <div>
                    <p>คน |</p>
                </div>
            </div>
            <div class="flex items-center space-x-2">
                <div>
                    <p>ปีนี้</p>
                </div>
                <div class="px-3 py-1 bg-[#EB88B6] font-extralight">
                    <p>{{datavisit.Years}}</p>
                </div>
                <div>
                    <p>คน |</p>
                </div>
            </div>
            <div class="flex items-center space-x-2">
                <div>
                    <p>ทั้งหมด</p>
                </div>
                <div class="px-3 py-1 bg-[#EB88B6] font-extralight">
                    <p>{{datavisit.sum}}</p>
                </div>
                <div>
                    <p>คน</p>
                </div>
            </div>
            <div class="absolute flex justify-center font-medium right-36">
                <p class="px-4 bg-[#EBEBEB] py-1.5 text-black rounded-2xl text-base font-semibold  anuphan">
                    ออนไลน์ขณะนี้ {{datauseronline}} คน </p>
            </div>
        </div>
    </div>
    <div class="w-full bg-[#E45595] h-[46px] relative z-[5]">
        <div class="relative flex justify-center mx-auto space-x-2 text-lg font-light fc_iconic container_main">
                <p class="px-4 bg-[#ffc0dc] py-1.5 text-black rounded-lg text-lg font-bold  anuphan">
                    เวลาทำการ 
                 </p>
                 <span class="mx-2 text-lg font-bold text-black " >
                     :
                 </span>
                <p class="px-4 bg-[#ffc0dc] py-1.5 text-black rounded-lg text-base font-semibold  anuphan">
                    วันจันทร์-วันศุกร์ (หยุดวันเสาร์ - วันอาทิตย์ และวันหยุดนักขัตฤกษ์) ตั้งแต่เวลา 08.30 - 16.30 น. 
                 </p>
            
        </div>
    </div>
    <div class="bg-[#D13C80] w-full h-[57px] relative z-[5] ">
        <div class="flex justify-center pt-4 text-white">
            <p class=" pt-[5px] space-x-3 flex items-center tracking-wide prompt text-[14px] font-light "><span>© 2024
                    เทศบาลตำบลนาจอมเทียน : www.tessabannajomtien.go.th</span>
                <!-- <span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11px" height="11px">
                        <path fill-rule="evenodd" fill="rgb(253, 216, 130)" d="M5.499,-0.008 C8.537,-0.008 10.999,2.453 10.999,5.492 C10.999,8.530 8.537,10.990 5.499,10.990 C2.462,10.990 -0.001,8.530 -0.001,5.492 C-0.001,2.453 2.462,-0.008 5.499,-0.008 Z" />
                    </svg></span>
                <span>Design by <a href="https://www.chiangraientersoft.com/" target="_blank">Chiangrai Enter Soft</a></span> -->
            </p>
        </div>
    </div>
</footer>
<div class="fixed z-10 right-5 bottom-5">
    <a href="https://www.facebook.com/messages/t/1484844725068808" target="_blank">
        <img src="https://www.chiangraientersoft.com/assets/images/messenger.png" style="width: 80px;">
    </a>
    <div class="absolute -top-5 -right-5">
        <img width="48" height="48" src="https://img.icons8.com/color/48/close-window.png" alt="close-window"
            onclick="this.parentElement.parentNode.remove()" style="cursor: pointer;">
    </div>
</div>    
</body>

</html>