diff --git a/resources/views/Login/v_Login.blade.php b/resources/views/Login/v_Login.blade.php
index 5cf29eb400e7a917a6244e01ab90c90ab0a55c21..0898edef2274ae443c207254548478bac1aba9e2 100644
--- a/resources/views/Login/v_Login.blade.php
+++ b/resources/views/Login/v_Login.blade.php
@@ -1,13 +1,32 @@
 <!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=h, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Document</title>
-</head>
-<body>
-    <h1>maple</h1>
-    <img src="icon/all_user/clock.png" alt="">
-</body>
+<html>
+    <head>
+        <title>CSA</title>
+        <link rel="stylesheet" href="login.css">
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Trirong:wght@300&display=swap" rel="stylesheet">
+        <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">
+    </head>
+    <body>
+        <div class="split left">
+            <img src="login.jpg" class="img">
+          </div>
+
+          <div class="split right">
+
+            <div class="centered">
+              <img src="lawyerscouncil.png" alt="Avatar man">
+            </div>
+            <div class="login-position">
+                <h2 class="font" style="font-size: 30px;" >เข้าสู่ระบบ</h2>
+                <div class="div-between" style=>
+                    <div><input type="text" class="input-resize" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1" style="width: 400px;  height:35px ;"></div>
+                    <div><input type="password" class="input-resize" class="form-control" placeholder="Password" aria-label="Passwords   " aria-describedby="basic-addon1" style="width: 400px; height:35px ;"></div>
+                    <div><a href="/"><button class="button-register" class="button-resize" type="button">Login</button></a></div>
+
+            </div>
+          </div>
+    </body>
 </html>