Skip to content

Commit

Permalink
👽 Inital commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@khanhhlq
khanhhlq committed May 24, 2022
0 parents commit dd10b37
Show file tree
Hide file tree
Showing 116 changed files with 5,201 additions and 0 deletions.
1 change: 1 addition & 0 deletions CNAME
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
thesquidgames.ga
2 changes: 2 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
# The Squid Game
Demo website: <a href="#">UPDATING...</a>
Binary file added Squid Game.pptx
Binary file not shown.
153 changes: 153 additions & 0 deletions account/account.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,153 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../assets/images/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="./assets/css/account.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<title>Tài khoản</title>
</head>
<body>
<div class="main-hero">
<!-- Register -->
<div class="form-register displayNone">
<form id="register-form">
<h2>ĐĂNG KÝ</h2>
<div class="text-box">
<h4>Tên của bạn</h4>
<input type="text" name="firstName" placeholder="Your First Name">
</div>
<div class="text-box">
<h4>Họ của bạn</h4>
<input type="text" name="lastName" placeholder="Your Last Name">
</div>
<div class="text-box">
<h4>Email</h4>
<input type="email" name="email" placeholder="Your Email">
</div>
<div class="text-box">
<h4>Mật khẩu</h4>
<input type="password" name="password" placeholder="Your Password">
</div>
<div class="text-box">
<h4>Nhập lại mật khẩu</h4>
<input type="password" name="confirmPassword" placeholder="Repeat Password">
</div>
<div class="text-box">
<button type="submit">Đăng ký</button>
<p id="toLogin" onclick="toLogin()">Đã có tài khoản. Đăng nhập ngay!</p>
</div>
</form>
</div>


<!-- Login -->
<div class="form-login">
<form id="login-form">
<h2>ĐĂNG NHẬP</h2>
<div class="text-box">
<h4>Email</h4>
<input type="email" name="email" placeholder="Your Email">
</div>
<div class="text-box">
<h4>Mật khẩu</h4>
<input type="password" name="password" placeholder="Your Password">
</div>
<div class="text-box">
<button onclick="loginNow()" type="submit">Đăng nhập</button>
<p id="toRegister" onclick="toRegister()">Tôi chưa có tài khoản</p>
</div>
</form>
</div>

<!-- User profile -->
<div class="userProfile container profileDisplayNone">
<div class="main-body">

<!-- Breadcrumb -->
<nav aria-label="breadcrumb" class="main-breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="../index.html" style="text-decoration: none; color: rgb(255, 255, 255);">Trang chủ</a></li>
<li class="breadcrumb-item"><a href="../index.html" style="text-decoration: none; color: rgb(255, 255, 255);">Đăng xuất</a></li>
</ol>
</nav>
<!-- /Breadcrumb -->

<div class="row gutters-sm">
<div class="col-md-4 mb-3">
<div class="card">
<div class="card-body">
<div class="d-flex flex-column align-items-center text-center">
<img src="https://bootdey.com/img/Content/avatar/avatar7.png" alt="Admin" class="rounded-circle" width="150">
<div class="mt-3">
<h4>Thành viên</h4>
<p class="text-secondary mb-1">Tên người dùng</p>
<p class="text-muted font-size-sm">Việt Nam</p>
<button class="btn btn-primary">Theo dõi</button>
<button class="btn btn-outline-primary">Nhắn tin</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="card mb-3">
<div class="card-body">
<div class="row">
<div class="col-sm-3">
<h6 class="mb-0" style="color: black;">Tên đầy đủ</h6>
</div>
<div class="col-sm-9 text-secondary">
Nguyễn Văn A
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-3">
<h6 class="mb-0" style="color: black;">Email</h6>
</div>
<div class="col-sm-9 text-secondary">
user@squidgame.vn
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-3">
<h6 class="mb-0" style="color: black;">Số điện thoại</h6>
</div>
<div class="col-sm-9 text-secondary">
(+84) 986 878 187
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-3">
<h6 class="mb-0" style="color: black;">Địa chỉ</h6>
</div>
<div class="col-sm-9 text-secondary">
Việt Nam
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-12">
<a class="btn btn-primary" target="__blank">Chỉnh sửa</a>
</div>
</div>
</div>
</div>

</div>
</div>

</div>
</div>

</div>

</div>
<script src="../account/assets/js/app.js"></script>
</body>
</html>
186 changes: 186 additions & 0 deletions account/assets/css/account.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,186 @@
*{
margin: 0px;
padding: 0px;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-weight: 500;
}

body{
height: 150vh;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../img/SL_0210121_40570_75.jpg");
/* background-color: #000000; */
}

.main-hero{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
color: #fff;
}

.main-hero .form-register #register-form{
background-color: #181818;
padding: 3.4rem 3.4rem;
border-radius: 16px;
border: solid 1px rgb(182, 177, 177);
}

.main-hero .form-register #register-form .text-box{
margin-bottom: 20px;
margin-top: 15px;
}

.main-hero .form-register #register-form .text-box h2{
text-align: center;
margin-bottom: 2.5rem;
}

.main-hero .form-register #register-form .text-box h4{
margin-bottom: 10px;
font-size: 16px;
}

.main-hero .form-register #register-form .text-box input{
padding: 10px 15px;
border-radius: 8px;
border: none;
width: 100%;
outline: unset;
}

.main-hero .form-register #register-form .text-box button{
padding: 10px 15px;
width: 100%;
background-image: linear-gradient(90deg, #114FFC 0%, #44C8FC 100%);
border: none;
border-radius: 8px;
color: white;
cursor: pointer;
}

.main-hero .form-register #register-form .text-box button:hover{
transform: translateY(1px);
}

.main-hero .form-register #register-form .text-box p{
margin-top: 1.3rem;
font-size: 14px;
cursor: pointer;
}


/* Login */

.main-hero .form-login #login-form{
background-color: #181818;
padding: 3.4rem 3.4rem;
border-radius: 16px;
border: solid 1px rgb(182, 177, 177);
}

.main-hero .form-login #login-form .text-box{
margin-bottom: 20px;
margin-top: 15px;
}

.main-hero .form-login #login-form h2{
text-align: center;
margin-bottom: 2.5rem;
}

.main-hero .form-login #login-form h4{
margin-bottom: 10px;
font-size: 16px;
}

.main-hero .form-login #login-form .text-box input{
padding: 10px 15px;
border-radius: 8px;
border: none;
outline: unset;
}

.main-hero .form-login #login-form .text-box button{
padding: 10px 15px;
width: 100%;
background-image: linear-gradient(90deg, #114FFC 0%, #44C8FC 100%);
border: none;
border-radius: 8px;
color: white;
cursor: pointer;
}

.main-hero .form-login #login-form .text-box button:hover{
transform: translateY(1px);
}

.main-hero .form-login #login-form .text-box p{
margin-top: 1.3rem;
font-size: 14px;
cursor: pointer;
}

.displayNone{
display: none;
}

/* User profile */

.main-body {
padding-top: 15rem;
width: 90%;
margin: auto;
}

.card {
box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}

.card {

display: flex;
flex-direction: column;
word-wrap: break-word;
background-color: #fff;
border: 0 solid rgba(0,0,0,.125);
border-radius: .25rem;
}

.card-body {
flex: 1 1 auto;
min-height: 1px;
padding: 1rem;
}

.gutters-sm {
margin-right: -8px;
margin-left: -8px;
}

.gutters-sm>.col, .gutters-sm>[class*=col-] {
padding-right: 8px;
padding-left: 8px;
}
.mb-3, .my-3 {
margin-bottom: 1rem;
}

.bg-gray-300 {
background-color: #e2e8f0;
}
.h-100 {
height: 100%;
}
.shadow-none {
box-shadow: none;
}

.profileDisplayNone{
display: none;
}
Binary file added account/assets/img/SL_0210121_40570_75.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added account/assets/img/avt.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added account/assets/img/background.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added account/assets/img/banner.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit dd10b37

Please sign in to comment.