<!DOCTYPE html>
<html>
    <head>
        <title>CSA</title>
        <link rel="stylesheet" href="css\login.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    </head>
    <body>
      <ht
        <div class="split left">
            <img src="image\login.jpg" class="img">
          </div>

          <div class="split right" style="top: -15%;">
            <div class="centered">
              <img src="image\lawyerscouncil.png" alt="Avatar man" style="width:100px;">
            </div>
            <div class="login-position">
                <h2 class="font" style="font-size: 30px; margin-bottom:-10px;"><b>เข้าสู่ระบบ</b></h2>
                <h3 class="font" style="font-size: 13px; margin-bottom:10px;" >กรอกหมายเลข ปชช. และรหัสผ่านเพื่อเข้าสู่ระบบ</h2>
                <div class="div-between">
                <h3 class="font" style="font-size: 16px; margin-bottom:0px; padding-bottom:0px;" >หมายเลขบัตร ปชช.</h2>
                    <div><input type="text" class="input-resize" class="form-control no-outline" placeholder="เลขบัตรประชาชน 13 หลัก" aria-label="Username" aria-describedby="basic-addon1" style="width: 300px;  height:35px ;"></div>
                    <h3 class="font" style="font-size: 16px; margin-bottom:0px; padding-bottom:0px;" >รหัสผ่าน</h2>
                    <div><input type="password" class="input-resize" class="form-control" placeholder="รหัสผ่าน" aria-label="Passwords" aria-describedby="basic-addon1" style="width: 300px; height:35px ;"></div>
                    <div><a href="/"><button class="button-register" class="button-resize" type="button">Login</button></a></div>
                    <div class="font-foget"><a href="#" >ลืมรหัสผ่าน</a></div>
            </div>
          </div>
    </body>
</html>
