example.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!doctype html>
  2. <html lang="uk">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="theme-color" content="#1e375a" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>Index</title>
  8. <link rel="stylesheet" href="./../../reboot.css">
  9. <link rel="stylesheet" href="./../../grid.css">
  10. <link rel="stylesheet" href="./base.css">
  11. </head>
  12. <body class="cp">
  13. <header>
  14. <div class="container-fluid">
  15. Header
  16. </div>
  17. </header>
  18. <div class="container-fluid">
  19. <div class="row main">
  20. <div class="col-12 col-sm-4 col-md-4 col-lg-3 col-xl-2 sidebar sidebar-left order-1">
  21. <div class="scroll">
  22. Left
  23. </div>
  24. </div>
  25. <div class="col-12 col-sm-4 col-md-4 col-lg-3 col-xl-2 sidebar sidebar-right order-2 order-sm-12">
  26. <div class="scroll">
  27. Right
  28. </div>
  29. </div>
  30. <div class="col-12 col-sm-8 col-md-8 col-lg-6 col-xl-8 content order-3">
  31. <div class="scroll">
  32. Content<br>
  33. Content<br>
  34. Content<br>
  35. Content<br>
  36. Content<br>
  37. Content<br>
  38. Content<br>
  39. Content<br>
  40. Content<br>
  41. Content<br>
  42. Content<br>
  43. Content<br>
  44. Content<br>
  45. Content<br>
  46. Content<br>
  47. Content<br>
  48. Content<br>
  49. Content<br>
  50. Content<br>
  51. Content<br>
  52. Content<br>
  53. Content<br>
  54. Content<br>
  55. Content<br>
  56. Content<br>
  57. Content<br>
  58. Content<br>
  59. Content<br>
  60. Content<br>
  61. Content<br>
  62. Content<br>
  63. Content<br>
  64. Content
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </body>
  70. </html>