<!DOCTYPE html>
<html>
<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
   <title>แบบบันทึกข้อมูลเชื้อไวรัสโคโรนา 2019</title>
<body>
  <style>

  body {
  background-color: #e8dada;

}
div.relative {
  font-family:Courier New;
  width: 100%;
  height: auto;
}
div.slide{
position: relative;
width: 84%;
height: auto;
font-weight:bold;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.Maintextclass{
position: absolute;
width: 100%;
height:auto;
margin-left: auto;
margin-right: auto;

}
.textclass{
width: 70%;
height:auto;
font-weight:bold;
font-size: 150%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.textsubclass {
 width: 100%;
 height:auto;
 font-size:110%;
 font-weight: bold;
 text-align: center;
 padding-top: 2%;
 padding-bottom: 2%;
 border-radius: 8px;
 background-color: rgba(23, 0, 138, 1);
 color: #FFFFFF;

}
.setszie{
  width: 48%;
  height: auto;
  border-radius: 16px;
  margin-top: 2%;
  margin-bottom: 7%;

}


</style>

<br><br>
 
<div class="relative">

  <div class="slide">

    <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
      <li data-target="#myCarousel" data-slide-to="3"></li>
      <li data-target="#myCarousel" data-slide-to="4"></li>  
      <li data-target="#myCarousel" data-slide-to="5"></li>
      <li data-target="#myCarousel" data-slide-to="6"></li>   
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">
      <div class="item active">

        <div class="item">
       <img src="Image/coro_01.jpg" style="width:100%;">
        </div>

      </div>

      <div class="item">
        <img src="Image/coro_02.jpg" style="width:100%;">
      </div>
    
      <div class="item">
        <img src="Image/coro_03.jpg" style="width:100%;">
      </div>

      <div class="item">
        <img src="Image/coro_04.jpg" style="width:100%;">
      </div>

      <div class="item">
        <img src="Image/coro_05.jpg" style="width:100%;">
      </div>

      <div class="item">
        <img src="Image/coro_06.jpg" style="width:100%;">
      </div>

    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>

</div><br>

  <div class="Maintextclass">
  <div class="textclass"><label class="textsubclass">โปรดเลือกภาษา<br>please select language</label><br>
  <a href="index_th.php"><img class="setszie" align="left" src="Image/th.jpg"></a><a href="index_en.php"><img class="setszie" align="right" src="Image/en.jpg"></a></div>
  </div>

 

 

</div>



<?php

$a=1;
if ($a==0){
  include("index_th.php");
}

?>

</body>
</html>

