Context Navigation

← Previous Revision
Latest Revision
Next Revision →
Blame
Revision Log

frontend-index.html @ 840

Last change on this file since 840 was 400, checked in by dungnv, 11 years ago

Property svn:mime-type set to `text/plain`
File size: 6.4 KB

Line
1	<!DOCTYPE html>
2	<html lang="en">
3	<head>
4	<meta charset="utf-8" />
5	<title>SBG Online</title>
6
7	<meta name="description" content="User login page" />
8	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
10	<!-- basic styles -->
11	<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
12	<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
13
14	<link rel="stylesheet" href="assets/css/ace-fonts.css" />
15
16	<!-- ace styles -->
17
18	<link rel="stylesheet" href="assets/css/ace.min.css" />
19	<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
20
21	<!--[if lte IE 8]>
22	<link rel="stylesheet" href="assets/css/ace-ie.min.css" />
23	<![endif]-->
24
25	<!-- inline styles related to this page -->
26
27	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
28
29	<!--[if lt IE 9]>
30	<script src="assets/js/html5shiv.js"></script>
31	<script src="assets/js/respond.min.js"></script>
32	<![endif]-->
33	</head>
34
35	<body class="login-layout">
36	<div class="main-container no-margin">
37	<div class="main-content">
38	<div class="row">
39	<div class="space-6"></div>
40	<div class="col-md-8">
41	<div class="title-box col-md-8">
42	<img src="assets/img/logo_soanbai_online_black.png" class="img-responsive">
43	</div>
44	<div class="title-box col-md-12">
45	<h3>Dá»ch vá»¥ lÆ°u trá»¯ trá»±c tuyáº¿n dá»¯ liá»u bÃ i giáº£ng cá»§a <a href="violet.vn">Violet.vn</a></h3>
46	</div>
47	<ul class="list-inline col-md-12">
48	<li><img src="assets/img/logo_Violet.png" width="128" class="img-responsive"></li>
49	<li><img src="assets/img/logo_viettel.png" width="128" class="img-responsive"></li>
50	</ul>
51	</div>
52	<div class="col-md-4">
53	<div class="login-container">
54	<div class="position-relative">
55	<div id="login-box" class="login-box visible widget-box no-border" style="background: transparent">
56	<div class="widget-body" style="background:transparent">
57	<div class="widget-main" style="background:transparent">
58	<h4 class="header blue lighter bigger">
59	<i class="icon-cloud-upload green"></i>
60	VIOLET SPACE \| <small><a href="#" data-toggle="modal" data-target="#modal-signup">ÄÄng kÃœ</a></small>
61	</h4>
62
63	<form action="frontend-home.html" id="validation-form" method="get">
64	<fieldset>
65	<label class="block clearfix has-error">
66	<span class="block input-icon input-icon-right">
67	<input type="text" class="form-control" name="account" placeholder="TÃ i khoáº£n \| Sá» Äiá»n thoáº¡i" />
68	<i class="icon-user"></i>
69	</span>
70	<div class="help-block"></div>
71	</label>
72
73	<label class="block clearfix">
74	<span class="block input-icon input-icon-right">
75	<input type="password" class="form-control" name="password" placeholder="Máºt kháº©u" />
76	<i class="icon-lock"></i>
77	</span>
78	<div class="help-block"> </div>
79	</label>
80
81	<div class="space"></div>
82
83	<div class="clearfix">
84	<label class="inline">
85	<input type="checkbox" class="ace" />
86	<span class="lbl"> Ghi nhá»</span>
87	</label>
88
89	<a href="index-user.html" title="">
90	<button type="submit" id="login-button" class="pull-right btn btn-sm btn-primary">
91	<i class="icon-key"></i>
92	ÄÄng nháºp
93	</button>
94	</a>
95	</div>
96
97	<div class="space-4"></div>
98	</fieldset>
99	</form>
100	</div><!-- /widget-main -->
101	</div><!-- /widget-body -->
102	</div><!-- /login-box -->
103
104	</div><!-- /position-relative -->
105	</div>
106	</div><!-- /.col -->
107	</div><!-- /.row -->
108
109	</div>
110	</div><!-- /.main-container -->
111
112	<div class="modal fade" id="modal-signup" tabindex="-1" role="dialog"aria-hidden="true">
113	<div class="modal-dialog">
114	<div class="modal-content">
115	<div class="modal-header">
116	<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
117	<h4 class="modal-title">ÄÄng kÃœ tÃ i khoáº£n</h4>
118	</div>
119	<div class="modal-body">
120	<div class="alert alert-block alert-success">
121	<p>
122	Äá» ÄÄng kÃœ tÃ i khoáº£n tÃ i khoáº£n Violet Space
123	</p>
124	<strong>
125	<i class="icon-commnet"></i>
126	Soáº¡n tin: SBG DK gá»i 8162
127	</strong>
128	</div>
129	</div>
130	</div>
131	</div>
132	</div>
133	<!-- basic scripts -->
134
135	<!--[if !IE]> -->
136
137	<script type="text/javascript">
138	window.jQuery \|\| document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
139	</script>
140	<script src="assets/js/bootstrap.min.js"></script>
141	<script src="assets/js/jquery.validate.min.js"></script>
142
143	<script src="assets/js/ace-elements.min.js"></script>
144	<script src="assets/js/ace.min.js"></script>
145	<!-- <![endif]-->
146
147	<!--[if IE]>
148	<script type="text/javascript">
149	window.jQuery \|\| document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
150	</script>
151	<![endif]-->
152
153	<script type="text/javascript">
154	if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
155	</script>
156
157	<!-- inline scripts related to this page -->
158
159	<script type="text/javascript">
160	function show_box(id) {
161	jQuery('.widget-box.visible').removeClass('visible');
162	jQuery('#'+id).addClass('visible');
163	}
164
165	$('#register-button').click(function(){
166	$('#modal-login').modal('show')
167	})
168
169	$('#validation-form').validate({
170	errorElement: 'label',
171	errorClass: 'help-block',
172	focusInvalid: true,
173	rules: {
174	password: {
175	required: true,
176	},
177	account: {
178	required: true
179	}
180	},
181
182	messages: {
183	account: {
184	required: "Vui lÃ²ng nháºp tÃ i khoáº£n hoáº·c sá» Äiá»n thoáº¡i",
185	},
186	password: {
187	required: "Vui lÃ²ng nháºp máºt kháº©u.",
188	}
189	},
190
191	highlight: function (e) {
192	$(e).closest('label').removeClass('has-info').addClass('has-error');
193	},
194
195	success: function (e) {
196	$(e).closest('label').removeClass('has-error').addClass('has-info');
197	$(e).remove();
198	},
199	});
200	</script>
201	</body>
202	</html>

Note: See TracBrowser for help on using the repository browser.

Download in other formats:

Original Format