1 | <!-- alert-services -->
|
---|
2 | <div class="modal fade" id="alert-services" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
3 | <div class="modal-dialog">
|
---|
4 | <div class="modal-content">
|
---|
5 | <div class="modal-header">
|
---|
6 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
---|
7 | <h4 class="modal-title">ThÃŽng báo dá»ch vụ</h4>
|
---|
8 | </div>
|
---|
9 | <div class="modal-body">
|
---|
10 | <div class="alert alert-block alert-success">
|
---|
11 | <p>
|
---|
12 | Quà vá» chưa ÄÄng kà sá» dụng dá»ch vụ Soạn Bà i giảng online. Quà vá» có thá» dùng thá» dá»ch vụ Soạn Bà i giảng online trưá»c khi ÄÄng kÃ.
|
---|
13 | </p>
|
---|
14 | </div>
|
---|
15 | </div>
|
---|
16 |
|
---|
17 | <div class="modal-footer">
|
---|
18 | <button type="button" class="btn btn-info" data-dismiss="modal">Dùng thá»</button>
|
---|
19 | <button type="button" class="btn btn-success" id="services-reg">ÄÄng kÜ</button>
|
---|
20 | </div>
|
---|
21 | </div>
|
---|
22 | </div>
|
---|
23 | </div>
|
---|
24 | <!-- END: alert-services -->
|
---|
25 |
|
---|
26 | <!-- alert-services-reg -->
|
---|
27 | <div class="modal fade" id="alert-services-reg" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
28 | <div class="modal-dialog">
|
---|
29 | <div class="modal-content">
|
---|
30 | <div class="modal-header">
|
---|
31 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
---|
32 | <h4 class="modal-title">ThÃŽng báo dá»ch vụ</h4>
|
---|
33 | </div>
|
---|
34 | <div class="modal-body">
|
---|
35 | <h3>
|
---|
36 | Tà i khoản cá»§a quà vá» hiá»n tại là 1,000 Äá»ng.
|
---|
37 | </h3>
|
---|
38 | <h4 class="header blue bolder smaller">ÄÄng kÜ dá»ch vụ</h4>
|
---|
39 | <h5>Cách 1</h5>
|
---|
40 | <div class="alert alert-block alert-success">
|
---|
41 | <table class="table">
|
---|
42 | <caption>Má»i quà vá» chá»n các gói dá»ch vụ sau:</caption>
|
---|
43 | <tbody>
|
---|
44 | <tr>
|
---|
45 | <td>1 tháng</td>
|
---|
46 | <td>15.000 VNÄ</td>
|
---|
47 | <td class="center">
|
---|
48 | <label>
|
---|
49 | <input type="checkbox" class="ace" />
|
---|
50 | <span class="lbl"></span>
|
---|
51 | </label>
|
---|
52 | </td>
|
---|
53 | </tr>
|
---|
54 | <tr>
|
---|
55 | <td>3 tháng</td>
|
---|
56 | <td>40.000 VNÄ</td>
|
---|
57 | <td class="center">
|
---|
58 | <label>
|
---|
59 | <input type="checkbox" class="ace" />
|
---|
60 | <span class="lbl"></span>
|
---|
61 | </label>
|
---|
62 | </td>
|
---|
63 | </tr>
|
---|
64 | <tr>
|
---|
65 | <td>6 tháng</td>
|
---|
66 | <td>70.000 VNÄ</td>
|
---|
67 | <td class="center">
|
---|
68 | <label>
|
---|
69 | <input type="checkbox" class="ace" />
|
---|
70 | <span class="lbl"></span>
|
---|
71 | </label>
|
---|
72 | </td>
|
---|
73 | </tr>
|
---|
74 | <tr>
|
---|
75 | <td>12 tháng</td>
|
---|
76 | <td>130.000 VNÄ</td>
|
---|
77 | <td class="center">
|
---|
78 | <label>
|
---|
79 | <input type="checkbox" class="ace" />
|
---|
80 | <span class="lbl"></span>
|
---|
81 | </label>
|
---|
82 | </td>
|
---|
83 | </tr>
|
---|
84 | </tbody>
|
---|
85 | </table>
|
---|
86 | </div>
|
---|
87 | <h5>Cách 2</h5>
|
---|
88 | <h4>Soạn tin: SBG VIP 1 (hay 3, 6, 12) gá»i tá»i 8062</h4>
|
---|
89 | </div>
|
---|
90 |
|
---|
91 | <div class="modal-footer">
|
---|
92 | <button type="button" class="btn btn-info" data-dismiss="modal">Dùng thá»</button>
|
---|
93 | <button type="button" class="btn btn-success" id="services-sign">Tiếp tục</button>
|
---|
94 | </div>
|
---|
95 | </div>
|
---|
96 | </div>
|
---|
97 | </div>
|
---|
98 | <!-- END: alert-services-reg -->
|
---|
99 |
|
---|
100 | <!-- alert-services-reg-2 -->
|
---|
101 | <div class="modal fade" id="alert-services-reg-2" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
102 | <div class="modal-dialog">
|
---|
103 | <div class="modal-content">
|
---|
104 | <div class="modal-header">
|
---|
105 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
---|
106 | <h4 class="modal-title">ThÃŽng báo dá»ch vụ</h4>
|
---|
107 | </div>
|
---|
108 | <div class="modal-body">
|
---|
109 | <div class="alert alert-block alert-success">
|
---|
110 | <p>
|
---|
111 | Quà vá» cần Äiá»n Äầy Äá»§ Há» và tên chÃnh xác bằng tiếng Viá»t có dấu, các tên ÄÆ¡n vá» sẜ khÃŽng ÄÆ°á»£c chấp nháºn.
|
---|
112 | </p>
|
---|
113 | </div>
|
---|
114 | <form class="form-horizontal" action="#" method="POST">
|
---|
115 | <div class="form-group">
|
---|
116 | <label for="form-field-first" class="col-sm-4 control-label no-padding-right">
|
---|
117 | HỠvà tên</label>
|
---|
118 | <div class="col-sm-8">
|
---|
119 | <input type="text" value="" placeholder="Há»" id="form-field-first" class="input-small">
|
---|
120 | <input type="text" value="" placeholder="Tên" id="form-field-last" class="input-small">
|
---|
121 | </div>
|
---|
122 | </div>
|
---|
123 |
|
---|
124 | <div class="space-4"></div>
|
---|
125 |
|
---|
126 | <div class="form-group">
|
---|
127 | <label for="form-field-username" class="col-sm-4 control-label no-padding-right">
|
---|
128 | ÄÆ¡n vá»</label>
|
---|
129 | <div class="col-sm-8">
|
---|
130 | <input type="text" placeholder="ÄÆ¡n vá»" id="form-field-username" class="col-xs-12 col-sm-10">
|
---|
131 | </div>
|
---|
132 | </div>
|
---|
133 | </form>
|
---|
134 | <div class="modal-footer">
|
---|
135 | <a href="#" class="btn btn-success" data-dismiss="modal">ÄÄng kÜ</a>
|
---|
136 | </div>
|
---|
137 | </div>
|
---|
138 | </div>
|
---|
139 | </div>
|
---|
140 | <!-- END: alert-services-reg-2 -->
|
---|
141 |
|
---|
142 | <!-- alert-update-info -->
|
---|
143 | <div class="modal fade" id="alert-update-info" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
144 | <div class="modal-dialog">
|
---|
145 | <div class="modal-content">
|
---|
146 | <div class="modal-header">
|
---|
147 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
---|
148 | <h4 class="modal-title">ThÃŽng báo dá»ch vụ</h4>
|
---|
149 | </div>
|
---|
150 | <div class="modal-body">
|
---|
151 | <div class="alert alert-block alert-success">
|
---|
152 | <p>
|
---|
153 | Quà vá» hãy nháºp thÃŽng tin cá nhân Äá» có thá» sá» dụng dá»ch vụ.
|
---|
154 | </p>
|
---|
155 | </div>
|
---|
156 | </div>
|
---|
157 |
|
---|
158 | <div class="modal-footer">
|
---|
159 | <button type="button" class="btn btn-info" id="services-sign">Tiếp tục</button>
|
---|
160 | </div>
|
---|
161 | </div>
|
---|
162 | </div>
|
---|
163 | </div>
|
---|
164 | <!-- END: alert-update-info -->
|
---|
165 | |
---|