0byt3m1n1-V2

Path: /home/bangtoey/domains/bangtoey.go.th/public_html/ [ Home ]
File: index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="stats-in-th" content="33ec" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />


<META NAME="Author" CONTENT="PASWORLD.CO.TH Call Center  094-5845783 "> 
<META NAME="Keywords" CONTENT="อบต.บางเตย,องค์การบริหารส่วนตำบลบางเตย, บางเตย,อบต.บางเตย, บางเตยจังหวัดฉะเชิงเทรา ,อบต.บางเตย จังหวัดฉะเชิงเทรา , อบต..บางเตย, อบต. บางเตย, อบต..บางเตยจังหวัดฉะเชิงเทรา , อบต.ส่วนตำบลบางเตย, จ.ฉะเชิงเทรา  :, จังหวัดฉะเชิงเทรา , บางเตยบางเตย :, บางเตย บางเตย..,บางเตย อบต.ส่วนตำบลบางเตย "> 
<style>
@import url('https://fonts.googleapis.com/css2?family=Charm:wght@700&family=Sarabun:wght@300&display=swap');
</style>

<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:   url(http://www.temrakserver.com/intro/1bg_day27072569.jpg);
	font-family: 'Charm', cursive;
}
-->
<link rel="stylesheet" type="text/css" href="tabcontent.css" />
<script type="text/javascript" src="tabcontent.js"></script>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="stmenu.js"></script>
<!-- Start Banner Slide-->
<script type="text/javascript" src="banner_slide/jquery-1.7.1.min.js"></script>
<link rel="stylesheet" href="banner_slide/sliderjs.css" type="text/css" media="screen" /> 
<link rel="stylesheet" type="text/css" href="banner_slide/skin.css" />
<!-- End Banner Slide -->
<style type="text/css">
<!--
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
.style1 {
	font-size: x-large;
	font-weight: bold;
}
.Estilo2 {font-size: x-large; font-weight: bold; color: #FFFFFF; }
-->
</style>
</head>


<body style="background-repeat:no-repeat; background-position:top">
<div align="center">
  <table width="992" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="150" valign="top"><div align="center"></div></td>
    </tr>
    <tr>
      <td height="340" valign="top">&nbsp;</td>
    </tr>
    <tr>
      <td height="174" valign="top"><div align="center">
        <table width="992" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" valign="top"><table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td align="center" valign="top"><span class="Estilo2">ด้วยเกล้าด้วยกระหม่อม ขอเดชะ<br />
ข้าพระพุทธเจ้า ผู้บริหาร สมาชิกสภา ข้าราชการ พนักงานและลูกจ้าง <br /> 
องค์การบริหารส่วนตำบลบางเตย
</span></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td align="center" valign="top"></td>
          </tr>
          <tr>
            <td valign="top"><div align="center"><p>
                <style>
			

.myButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}

              </style>
              </p>
			  <table width="840" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td align="center" valign="top"><a href="https://temrakserver.com/intro28_02.php" target="_blank" class="mourning-btn">ลงนามถวายพระพร</a>
			<a class="mourning-btn" href="/index.php">เข้าสู่เว็บไซต์</a></td>
              </tr>
              <tr>
                <td align="center" valign="top">

<style>
			
/* ===== ปุ่มโทนขาว-ดำ + เอฟเฟกต์วิ้งๆ ===== */
.mourning-btn{
  --btn-w:240px;           /* ความกว้างตามที่ขอ */
  --btn-h:56px;
  --radius:14px;
  --bg:#B2B2B2;               /* พื้นดำ */
  --fg:#000000;               /* ตัวอักษรขาว */
  --border:#2a2a2a;
  position:relative;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:var(--btn-w);
  height:var(--btn-h);
  padding:0 16px;
  border-radius:var(--radius);
  color:var(--fg);
  background:var(--bg);
  border:1px solid var(--border);
  font:600 15px/1.1 "Sarabun", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  letter-spacing:.2px;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

/* เวอร์ชันกรอบเส้น (ปุ่มที่ 2) */
.mourning-btn.outline{
  background:linear-gradient(#0f0f0f,#141414);
  border:1px solid #3a3a3a;
  color:#f2f2f2;
}

/* แถบวิ้ง (shimmer) */
.mourning-btn::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    linear-gradient(120deg, transparent 20%, rgba(255,255,255,.35) 40%, transparent 60%);
  transform:translateX(-130%);
  transition:opacity .25s ease;
  opacity:0;
  mix-blend-mode:screen;
}

/* ประกายดวงเล็ก ๆ */
.mourning-btn::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 40%, rgba(255,255,255,.55) 0 2px, transparent 3px),
    radial-gradient(circle at 75% 30%, rgba(255,255,255,.45) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 60% 75%, rgba(255,255,255,.35) 0 2px, transparent 3px),
    radial-gradient(circle at 35% 70%, rgba(255,255,255,.35) 0 1.7px, transparent 2.5px);
  opacity:0;
  filter:blur(.2px);
  transition:opacity .25s ease;
}

/* เอฟเฟกต์ตอนชี้เมาส์ */
.mourning-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08);
  /* ตามที่ขอ: โทนขาวดำตอนชี้ (แม้ตัวปุ่มจะเป็นขาวดำอยู่แล้ว) */
  filter:grayscale(1) contrast(1.08);
}
.mourning-btn:hover::before{
  opacity:1;
  animation:shimmer .9s ease-in-out forwards;
}
.mourning-btn:hover::after{
  opacity:.9;
  animation:sparkle 1.4s linear infinite;
}

/* โฟกัสด้วยคีย์บอร์ดให้เห็นชัด */
.mourning-btn:focus-visible{
  outline:2px solid #d9d9d9;
  outline-offset:3px;
}

/* เคลื่อนไหว */
@keyframes shimmer{
  0%   { transform:translateX(-130%) skewX(-15deg); }
  100% { transform:translateX(130%)  skewX(-15deg); }
}
@keyframes sparkle{
  0%   { background-position:0 0, 0 0, 0 0, 0 0; opacity:.3; }
  50%  { opacity:.85; }
  100% { background-position:8px 0, -6px 0, 10px 0, -8px 0; opacity:.4; }
}

/* ลดแอนิเมชันสำหรับผู้ใช้ที่ไม่ชอบ motion */
@media (prefers-reduced-motion: reduce){
  .mourning-btn,
  .mourning-btn::before,
  .mourning-btn::after{ transition:none !important; animation:none !important; }
}

              </style></td>
              </tr>
            </table>
			  
			  </div></td>
          </tr>
          <tr>
            <td valign="top"><div align="center"><a href="http://www.nikom-st.go.th/" target="_blank" title="องค์การบริหารส่วนตำบลนิคมพัฒนา">www.bangtoey.go.th</a> &copy; 2021</div></td>
          </tr>
          <tr>
            <td valign="top"><div align="center"></div></td>
          </tr>
        </table>
      </div></td>
    </tr>
  </table>
</div>
</body>
</html>