Skip to content

P
Project_Laravel
Commit 4d4c0f12 authored by 20194288-huannh's avatar 20194288-huannh
Browse files
Options

Update form register, login with Bootstrap

parent 56202083
Hide whitespace changes
Inline Side-by-side
Showing with 21 additions and 20 deletions
resources/views/login.blade.php
View file @ 4d4c0f12
...@@ -20,27 +20,28 @@ ...@@ -20,27 +20,28 @@
<style> <style>
body { body {
font-family: 'Nunito', sans-serif; font-family: 'Nunito', sans-serif;
height: 100vh;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="row"> <div class="row d-flex justify-content-center align-items-center vh-100">
<div class="col-md-5"> <div class="col-md-4 border border-2 rounded p-3">
<form method="POST" action="/login"> <form method="POST" action="/login">
<h2>Đăng nhập</h2> <legend class = "text-center">Đăng nhập</legend>
<div class="form-group"> <div class="form-group mb-3">
<label>Số điện thoại (*)</label> <label class="form-label">Số điện thoại (*)</label>
<input type="text" placeholder="" require class="form-control" name="phone"> <input type="text" placeholder="" require class="form-control" name="phone">
</div> </div>
<div class="form-group"> <div class="form-group mb-3">
<label>Mật khẩu (*)</label> <label class="form-label">Mật khẩu (*)</label>
<input type="password" placeholder="" require class="form-control" name="password"> <input type="password" placeholder="" require class="form-control" name="password">
</div> </div>
<div class="form-group"> <div class="form-group">
<input type="hidden" name="_token" value="<?php echo csrf_token() ?>"> <input type="hidden" name="_token" value="<?php echo csrf_token() ?>">
</div> </div>
<div class="form-group"> <div class="form-group d-flex justify-content-center">
<button class="btn btn-success">Đăng nhập</button> <button class="btn btn-success">Đăng nhập</button>
</div> </div>
</form> </form>
......
resources/views/register.blade.php
View file @ 4d4c0f12
...@@ -25,35 +25,35 @@ ...@@ -25,35 +25,35 @@
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="row"> <div class="row d-flex justify-content-center align-items-center vh-100">
<div class="col-md-5"> <div class="col-md-4 border border-2 rounded p-3">
<form method="POST" action="/register"> <form method="POST" action="/register">
@csrf @csrf
<h2>Đăng kí</h2> <legend class = "text-center">Đăng kí</legend>
<div class="form-group"> <div class="form-group mb-3">
<label>Số điện thoại (*)</label> <label class="form-label">Số điện thoại (*)</label>
<input type="text" placeholder="" require class="form-control" name="phone"> <input type="text" placeholder="" require class="form-control" name="phone">
</div> </div>
<div class="form-group"> <div class="form-group mb-3">
<label>Họ Tên (*)</label> <label class="form-label">Họ Tên (*)</label>
<input type="text" placeholder="" require class="form-control" name="name"> <input type="text" placeholder="" require class="form-control" name="name">
</div> </div>
<div class="form-group"> <div class="form-group mb-3">
<label>Mật khẩu (*)</label> <label class="form-label">Mật khẩu (*)</label>
<input type="password" placeholder="" require class="form-control" name="password"> <input type="password" placeholder="" require class="form-control" name="password">
</div> </div>
<div class="form-group"> <div class="form-group">
<input type="checkbox" name="register"> <input type="checkbox" name="register">
<label>Đăng kí cửa hàng</label> <label>Đăng kí cửa hàng</label>
</div> </div>
<div class="form-group"> <div class="form-group mb-3">
<input type="checkbox" name="rule"> <input type="checkbox" name="rule">
<label>Tôi đồng ý với điều khoản sử dụng</label> <label>Tôi đồng ý với điều khoản sử dụng</label>
</div> </div>
<div class="form-group"> <div class="form-group mb-3">
<input type="hidden" name="_token" value="<?php echo csrf_token() ?>"> <input type="hidden" name="_token" value="<?php echo csrf_token() ?>">
</div> </div>
<div class="form-group"> <div class="form-group d-flex justify-content-center">
<button class="btn btn-success">Đăng kí</button> <button class="btn btn-success">Đăng kí</button>
</div> </div>
</form> </form>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment