API tools faq
paste
Advertisement
Guest User

Layout

a guest
Nov 28th, 2015
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1" />
  7. <title>E-Commerce</title>
  8.  
  9. <!-- Bootstrap -->
  10.  
  11. <link href="~/Content/css/myStyle.css" rel="stylesheet" />
  12. <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
  13. </head>
  14. <body>
  15. <header>
  16. <!--start topheader-->
  17. <!--start topheader-->
  18. <div class="top-header">
  19. <div class="container">
  20. <div class="row">
  21. <div class="col-md-12 nav navbar-inverse navbar-fixed-top">
  22. <div class="pull-left">
  23. <ul class="navbar-nav navbar-nav">
  24. <li><a href="Guest.html"><span class="glyphicon glyphicon-off"></span> Đăng xuất</a></li>
  25. </ul>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. <!--end topheader-->
  32. <!--start mainheader-->
  33. <div class="main-header">
  34. <div class="container bg-success">
  35. <div class="row">
  36.  
  37.  
  38. <div class="col-md-4" id="center">
  39.  
  40. </div>
  41.  
  42.  
  43. </div>
  44. </div>
  45. </div>
  46. <!--end mainheader-->
  47. <!--start bottomheader -->
  48. <div class="bottom-header">
  49. <div class="container">
  50. <div class="row">
  51. <div class="col-md-12 nav navbar-inverse">
  52. <div class="pull-left">
  53.  
  54. </div>
  55. <div class="pull-right">
  56. <form action="#" class="form-inline"></form>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. <!--end bottomheader -->
  63. </header>
  64.  
  65. <!--Content-->
  66. <section class="content">
  67. <div class="container">
  68. <div class="row">
  69. <div class="col-md-3 category">
  70. <!--Tất cả danh mục-->
  71. <ul class="list-group" style="width: 242px; margin-bottom: 0px ;margin-top:5px">
  72. <li class="list-group-item active">Quản lý</li>
  73. </ul>
  74. <div id="nav">
  75. <ul>
  76. <li>
  77. <a href="#">Quản lý mua sản phẩm</a>
  78. </li>
  79. <li>
  80. <a href="#">Quản lý truy xuất</a>
  81. </li>
  82.  
  83. </ul>
  84. <!--Kết thúc Tất cả danh mục-->
  85. </div>
  86. </div>
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93.  
  94. <div class="col-md-9">
  95. @*@RenderBody()*@
  96. </div>
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103. </div>
  104. </div>
  105. </section>
  106. <footer>
  107. <div class="info-footer">
  108. <div class="container">
  109. <div class="row">
  110. <div class="col-md-4">
  111. <div class="title">
  112. <h3>About Us</h3>
  113. <div class="line"></div>
  114. </div>
  115. <div class="content">
  116. <p>Phạm Lưu Thanh Bình - 1212024</p>
  117. <p>Phạm Sơn Trà - 1212432</p>
  118. </div>
  119. </div>
  120.  
  121. <div class="col-md-4">
  122. <div class="title">
  123. <h3>Contact Us</h3>
  124. <div class="line"></div>
  125. </div>
  126. <div class="content">
  127. <div class="item">
  128. <div class="icon">
  129. <i class="glyphicon glyphicon-phone-alt"></i>
  130. </div>
  131. <div class="infomation">
  132. <p>Updating...</p>
  133. </div>
  134. </div>
  135.  
  136. <div class="item">
  137. <div class="icon">
  138. <i class="glyphicon glyphicon-envelope"></i>
  139. </div>
  140. <div class="infomation">
  141. <a href="#">pltbinh@gmail.com</a>
  142. </div>
  143. </div>
  144. <div class="item">
  145. <div class="icon">
  146. <i class="glyphicon glyphicon-envelope"></i>
  147. </div>
  148. <div class="infomation">
  149. <a href="#">GeniusDPain@gmail.com</a>
  150. </div>
  151. </div>
  152.  
  153. </div>
  154. </div>
  155.  
  156. <div class="col-md-4">
  157. <div class="title">
  158. <h3>Facebook</h3>
  159. <div class="line"></div>
  160. </div>
  161. <div class="content">
  162. <div class="item">
  163. <div class="icon">
  164. <i class="glyphicon glyphicon-info-sign"></i>
  165. </div>
  166. <div class="infomation">
  167. <a href="https://www.facebook.com/jevic.pham">Phạm Lưu Thanh Bình</a>
  168. </div>
  169. </div>
  170. <div class="item">
  171. <div class="icon">
  172. <i class="glyphicon glyphicon-info-sign"></i>
  173. </div>
  174. <div class="infomation">
  175. <a href="https://www.facebook.com/GeniusDPain">Phạm Sơn Trà</a>
  176. </div>
  177. </div>
  178.  
  179.  
  180. </div>
  181. </div>
  182.  
  183.  
  184. </div>
  185. </div>
  186. </div>
  187. <div class="copyright-footer">
  188. <div class="container">
  189. <div class="row">
  190. <div class="col-dm-12">
  191. <p>&Copyright: 2015 | Designed by Bình, Trà</p>
  192. </div>
  193. </div>
  194. </div>
  195.  
  196. </div>
  197. </footer>
  198.  
  199. <!--Cập nhật-->
  200.  
  201. <div class="modal fade" id="update-modal" role="dialog">
  202. <div class="modal-dialog">
  203. <div class="modal-content">
  204. <form>
  205. <div class="modal-header">
  206. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  207. <h4 class="modal-title" style="text-align:center;"><i class="glyphicon glyphicon-user"></i> Cập nhật tài khoản người dùng</h4>
  208. </div>
  209. <div class="modal-body">
  210. <div class="input-group input-group-sm">
  211. <div class="row">
  212. <div class="col-md-4">
  213. <div class="text-center">
  214. <img src="images/user_2_avatar.png" class="img-rounded" alt="Avatar_image" width="64" height="64" />
  215. </div>
  216. </div>
  217. <div class="col-md-5">
  218. <button type="" class="btn btn-primary">Chọn ảnh khác</button>
  219. </div>
  220. <div class="col-md-3">
  221. <button type="" class="btn btn-danger">Xóa ảnh</button>
  222. </div>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="modal-footer">
  227. <button type="button" class="btn btn-default" data-dismiss="modal">Hủy bỏ</button>
  228. <button type="submit" class="btn btn-primary">Đồng ý</button>
  229. </div>
  230. </form>
  231. </div>
  232. </div>
  233. </div>
  234.  
  235.  
  236. <!--Register-->
  237.  
  238. <div class="modal fade" id="register-modal" role="dialog">
  239. <div class="modal-dialog">
  240. <div class="modal-content">
  241. <form>
  242. <div class="modal-header">
  243. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  244. <h4 class="modal-title" style="text-align:center;"><i class="glyphicon glyphicon-user"></i> Đăng ký</h4>
  245. </div>
  246. <div class="modal-body">
  247. <div class="input-group input-group-sm">
  248. <span class="input-group-addon" id="sizing-addon3"><i class="glyphicon glyphicon-envelope"></i></span>
  249. <input type="text" class="form-control" placeholder="Họ tên" aria-describedby="sizing-addon3" />
  250. </div>
  251. <div class="input-group input-group-sm">
  252. <span class="input-group-addon" id="sizing-addon3"><i class="glyphicon glyphicon-envelope"></i></span>
  253. <div class="radio">
  254. <label>
  255. <input type="radio" id="gt" name="gt" value="rdoNam" />Nam
  256. </label>
  257. <label>
  258. <input type="radio" id="gt" name="gt" value="rdoNu" />Nữ
  259. </label>
  260. </div>
  261. </div>
  262. <div class="input-group input-group-sm">
  263. <span class="input-group-addon" id="sizing-addon3"><i class="glyphicon glyphicon-envelope"></i></span>
  264. <input type="email" class="form-control" placeholder="Email" aria-describedby="sizing-addon3" />
  265. </div>
  266.  
  267. <div class="input-group input-group-sm">
  268. <span class="input-group-addon" id="sizing-addon3"><i class="glyphicon glyphicon-lock"></i></span>
  269. <input type="password" class="form-control" placeholder="Mật khẩu" aria-describedby="sizing-addon3" />
  270. </div>
  271.  
  272. <div class="input-group input-group-sm">
  273. <span class="input-group-addon" id="sizing-addon3"><i class="glyphicon glyphicon-lock"></i></span>
  274. <input type="password" class="form-control" placeholder="Nhập lại mật khẩu" aria-describedby="sizing-addon3" />
  275. </div>
  276. <div class="input-group">
  277. <span class="input-group-addon">
  278. <input type="radio" aria-label="" />
  279. </span>
  280. <p>Tôi đã đọc và đồng ý với điều khoản của <a href="">Web</a></p>
  281. </div><!-- /input-group -->
  282. </div>
  283. <div class="modal-footer">
  284. <button type="button" class="btn btn-default" data-dismiss="modal">Hủy bỏ</button>
  285. <button type="submit" class="btn btn-primary">Đăng ký</button>
  286. </div>
  287. </form>
  288. </div>
  289. </div>
  290. </div>
  291. <!--end Register-->
  292. <!--search advance-->
  293. <div class="modal fade" id="search-modal" role="dialog">
  294. <div class="modal-dialog">
  295. <div class="modal-content">
  296. <form>
  297. <div class="modal-header">
  298. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  299. <h4 class="modal-title" style="text-align:center;"><i class="glyphicon glyphicon-user"></i> Tìm kiếm nâng cao</h4>
  300. </div>
  301. <div class="modal-body">
  302. <div class="input-group">
  303. <input type="text" class="form-control" placeholder="Search for..." />
  304. <span class="input-group-btn">
  305. <button class="btn btn-default" type="button"><i class="glyphicon glyphicon-search"></i></button>
  306. </span>
  307. </div>
  308.  
  309. <div class="radio">
  310. <label>
  311. <input type="radio" id="gt" name="gt" value="rdoNam" />all word
  312. </label>
  313. <label>
  314. <input type="radio" id="gt" name="gt" value="rdoNu" />any word
  315. </label>
  316. </div>
  317.  
  318. </div>
  319. <div class="modal-footer">
  320. <button type="button" class="btn btn-default" data-dismiss="modal">Hủy bỏ</button>
  321. <button type="submit" class="btn btn-primary">Đăng ký</button>
  322. </div>
  323. </form>
  324. </div>
  325. </div>
  326. </div>
  327.  
  328. <!--end search advance-->
  329. <!--feedback to admin-->
  330. <div class="modal fade" id="feedback-modal" role="dialog">
  331. <div class="modal-dialog">
  332. <div class="modal-content">
  333. <form>
  334. <div class="modal-header">
  335. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  336. <h4 class="modal-title" style="text-align:center;"><i class="glyphicon glyphicon-search"></i> Hỗ trợ online</h4>
  337. </div>
  338. <div class="modal-body">
  339. <div class="input-group input-group-sm">
  340. <span class="input-group-addon" id="sizing-addon3"><i class="glyphicon glyphicon-pencil"></i></span>
  341. <textarea class="form-control" placeholder="Bạn thắc mắc vấn đề gì thì hãy viết vào đây, sẽ có phản hồi trong thời gian sớm nhất cho bạn"></textarea>
  342. </div>
  343. </div>
  344. <div class="modal-footer">
  345. <button type="button" class="btn btn-default" data-dismiss="modal">Hủy bỏ</button>
  346. <button type="submit" class="btn btn-primary">Gửi</button>
  347. </div>
  348. </form>
  349. </div>
  350. </div>
  351. </div>
  352.  
  353. <!--end feedback to admin-->
  354. <!--cart-->
  355. <div class="modal fade bs-example-modal-lg" id="cart-modal" role="dialog">
  356. <div class="modal-dialog modal-lg">
  357. <div class="modal-content">
  358. <form>
  359. <div class="modal-header">
  360. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  361. <h4 class="modal-title" style="text-align:center;"><i class="glyphicon glyphicon-user"></i> Giỏ hàng</h4>
  362. </div>
  363. <div class="modal-body">
  364. <table class="table table-bordered">
  365. <tr>
  366. <td>STT</td>
  367. <td>Tên sản phẩm</td>
  368. <td>Hình ảnh</td>
  369. <td>Giá</td>
  370. <td>Số lượng</td>
  371. <td>Tổng tiền</td>
  372. <td>Xóa</td>
  373. </tr>
  374. <tr>
  375. <td>1</td>
  376. <td>Samsung galaxy Note 4</td>
  377. <td><img src="images/products/ss2.jpg" class="img-responsive" /></td>
  378. <td>9.700.000đ</td>
  379. <td><input type="text" name="soLuong" value="1" /></input></td>
  380. <td>9.700.000đ</td>
  381. <td> <button type="button" class="btn btn-danger"><i class="glyphicon glyphicon-remove"></i></button></td>
  382. </tr>
  383. </table>
  384. <h4 style{float:right;}=style{float:right;}><strong>Tổng tiền: 9.700.000đ</strong></h4>
  385. </div>
  386. <div class="modal-footer">
  387. <button type="submit" class="btn btn-default">Trở về</button>
  388. <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="glyphicon glyphicon-usd"></i>Thanh toán</button>
  389. </div>
  390. </form>
  391. </div>
  392. </div>
  393. </div>
  394.  
  395. <!--end cart-->
  396.  
  397.  
  398.  
  399.  
  400.  
  401. <script src="js/jquery-1.11.3.min.js"></script>
  402. <script src="js/bootstrap.min.js"></script>
  403. </body>
  404. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!