example-sidebar-1.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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>Sidebar 1</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="sidebars-1">
  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. Sidebar 1<br>
  23. Sidebar 1<br>
  24. Sidebar 1<br>
  25. Sidebar 1<br>
  26. Sidebar 1<br>
  27. Sidebar 1<br>
  28. Sidebar 1<br>
  29. Sidebar 1<br>
  30. Sidebar 1<br>
  31. Sidebar 1<br>
  32. Sidebar 1<br>
  33. Sidebar 1<br>
  34. Sidebar 1<br>
  35. Sidebar 1<br>
  36. Sidebar 1<br>
  37. Sidebar 1<br>
  38. Sidebar 1<br>
  39. Sidebar 1<br>
  40. Sidebar 1<br>
  41. Sidebar 1<br>
  42. Sidebar 1<br>
  43. Sidebar 1<br>
  44. Sidebar 1<br>
  45. Sidebar 1<br>
  46. Sidebar 1<br>
  47. Sidebar 1<br>
  48. Sidebar 1<br>
  49. Sidebar 1<br>
  50. Sidebar 1<br>
  51. Sidebar 1<br>
  52. </div>
  53. </div>
  54. <div class="col-12 col-sm-8 col-md-8 col-lg-9 col-xl-10 content order-3">
  55. <div class="scroll">
  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<br>
  65. Content<br>
  66. Content<br>
  67. Content<br>
  68. Content<br>
  69. Content<br>
  70. Content<br>
  71. Content<br>
  72. Content<br>
  73. Content<br>
  74. Content<br>
  75. Content<br>
  76. Content<br>
  77. Content<br>
  78. Content<br>
  79. Content<br>
  80. Content<br>
  81. Content<br>
  82. Content<br>
  83. Content<br>
  84. Content<br>
  85. Content<br>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </body>
  91. </html>