0byt3m1n1-V2

Path: /home/bangtoey/domains/bangtoey.go.th/public_html/ [ Home ]
File: title_head.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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Untitled Document</title>


<style>
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
</style>


<style>
.fade-in-image {
  animation: fadeIn 4s;
  -webkit-animation: fadeIn 4s;
  -moz-animation: fadeIn 4s;
  -o-animation: fadeIn 4s;
  -ms-animation: fadeIn 4s;
}
.fade-in-image-a {
  animation: fadeIn 13s;
  -webkit-animation: fadeIn 11s;
  -moz-animation: fadeIn 11s;
  -o-animation: fadeIn 11s;
  -ms-animation: fadeIn 11s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
</style>



<style>
.shimmer {
  color: grey;
  display:inline-block;
  -webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%;
  background-repeat: no-repeat;
  animation: shimmer 4.5s infinite;
  font-size: 50px;
  max-width:auto;
}

@keyframes shimmer {
  100% {-webkit-mask-position:left}
}

.fade-in-image1 {  animation: fadeIn 4s;
  -webkit-animation: fadeIn 4s;
  -moz-animation: fadeIn 4s;
  -o-animation: fadeIn 4s;
  -ms-animation: fadeIn 4s;
}
.shimmer1 {  color: grey;
  display:inline-block;
  -webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%;
  background-repeat: no-repeat;
  animation: shimmer 4.5s infinite;
  font-size: 50px;
  max-width:auto;
}
</style>




<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>

<link href="css/Image-Slider2.css" rel="stylesheet" type="text/css"/>

</head>

<body>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="top"><div class="fade-in-image"><span class="fade-in-image1"><img src="images/title_head_03.png" width="220" height="206" class="vert-move"/></span></div></td>
  </tr>
  <tr>
    <td align="center" valign="top"><div class="fade-in-image"><span class="fade-in-image1"><img src="images/title_head_07.png" width="704" height="78" class="shimmer1"/></span></div></td>
  </tr>
  <tr>
    <td align="center" valign="top"><div class="fade-in-image"><span class="fade-in-image1"><img src="images/title_head_10.png" width="704" height="49" class="shimmer1"/></span></div></td>
  </tr>
</table>
</body>
</html>