-
Notifications
You must be signed in to change notification settings - Fork 0
/
log-in.html
136 lines (127 loc) · 5.4 KB
/
log-in.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html class="" lang="en">
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"><![endif]-->
<!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">-->
<meta name="viewport" content="width=device-width, initial-scale=1"><!--remove responsive-->
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="robots" content="index, follow">
<title>myFace-onface</title>
<!-- Styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/font-awesome.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<!-- Favicon -->
<link rel="icon" href="assets/images/favicon.ico" type="image/x-icon" sizes="16x16" >
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
<!--[if lt IE 8]><html class="ie">
<script>
window.location = "notsupport.html";
</script>
<![endif]-->
</head>
<body class="">
<div class="checkout checkout-myface mf-register">
<!--header-->
<header>
<div class="container">
<div class="col-xs-4 col-sm-6 col-lg-3 shop-logo">
<a href="index.html" title="myFace Shop">
<h1 class="logo-text">
<img class="" src="assets/images/logo/logo.png" alt="myface">
</h1>
</a>
</div>
<!--checkout-process-->
<div class="col-xs-8 col-sm-6 col-lg-offset-3">
<div class="row help-nav">
<ul class="nav navbar-nav">
<li class="">
<a href="#">Hướng dẫn đăng ký</a>
</li>
<li class="">
<a href="#">Trợ giúp</a>
</li>
</ul>
</div>
</div>
</div>
</header>
<!--page-container-->
<main class="container">
<div class=" login-main">
<ul class="tabs-login">
<li class="tab-item tab-single">
<a href="register.html">Đăng ký</a>
</li>
<li class="tab-item tab-single active">
<a href="log-in.html">Đăng nhập</a>
</li>
</ul>
<div class="col-md-6 log-form-left">
<button class="btn btn-default btn-lg-by-face"><i class="fa fa-facebook"></i>Đăng nhập siêu gọn bằng Facebook</button>
<p class="log-text">myFace Shop khuyến khích đăng ký bằng Facebook, nhanh hơn, nhiều tiện ích hơn. Chỉ mất 3 giây để đăng ký<p>
</div>
<div class="col-md-6 log-form-right">
<h4 class="form-title">Đăng nhập tài khoản</h4>
<div class="form-group lg-row-2">
<label for="" class="control-label">Số điện thoại</label>
<input type="tel" class="form-control" placeholder="Ví dụ: 0902559591">
<label for="" class="error">Vui lòng nhập đủ thông tin</label>
</div>
<div class="form-group lg-row-3">
<label for="" class="control-label">Mật khẩu</label>
<input type="password" class="form-control">
<label for="" class="error">Vui lòng nhập đủ thông tin</label>
</div>
<div class="form-group lg-row-4">
<div class="checkbox color-radio square">
<label class="remember-text">
<input type="checkbox" name="" id="" value="">
<span>Nhớ tài khoản</span>
</label>
</div>
<a href="#" class="forget-pass-mgs"> Quên mật khẩu?</a>
</div>
<div class="form-group lg-row-5">
<input type="submit" class="btn btn-primary lg-button" value="Đăng nhập">
</div>
<div class="form-group lg-row-6">
<span class="lg-span-text"> Chưa có tài khoản?</span> <a class="lg-a-text" href="register.html">Đăng ký</a>
</div>
</div>
</div>
<div class="row benifit-list">
<p class="col-md-12 title">Lợi ích khi đăng ký tài khoản myFace</p>
<ul class="list-with-icon bf-list">
<li class="col-md-6 item">Nhận điểm tích lũy, giảm giá, quà tặng... <u>chỉ dành riêng</u> cho thành viên.</li>
<li class="col-md-6 item">Ưu tiên hỗ trợ từ myFace Team nhờ có thông tin Khách hàng đầy đủ.</li>
<li class="col-md-6 item">Mua hàng chỉ với <b>1-click</b> hoặc vài click chuột đơn giản.</li>
<li class="col-md-6 item">Cùng nhiều tiện ích khác chỉ khi đăng ký bạn mới khám phá được.</li>
<li class="col-md-6 item">Nhiều trải nghiệm cá nhân hơn, tìm sản phẩm nhanh hơn, đúng nhu cầu của bạn.</li>
</ul>
<p class="col-md-6 bf-text">myFace Team hân hạnh được phục vụ bạn!</p>
</div>
</main>
<!--footer-->
<footer class="text-center">
<p><i class="fa fa-phone" aria-hidden="true"></i> Hỗ trợ từ myFace Shop: <a class="hotline-number" href="tel:+1900636798">1900 636 798</a> (Từ 8h00 - 22h00 tất cả các ngày )</p>
</footer>
<!--modal-->
<!--script-->
<script src="assets/js/lib/jquery.js" type="text/javascript"></script>
<script src="assets/js/plugin/moment.min.js" type="text/javascript"></script>
<script src="assets/js/plugin/bootstrap.js" type="text/javascript"></script>
<script src="assets/js/plugin/bootstrap-select.js" type="text/javascript"></script>
<script src="assets/js/plugin/bootstrap-datetimepicker.js" type="text/javascript"></script>
<script src="assets/js/plugin/slick.min.js" type="text/javascript"></script>
<script src="assets/js/script.js" type="text/javascript"></script>
</div>
</body>
</html>