example-sidebar-1.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  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="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-2 col-md-2 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-8 col-md-8 col-lg-9 col-xl-10 content order-3">
  26. <div class="scroll">
  27. Content<br>
  28. Content<br>
  29. Content<br>
  30. Content<br>
  31. Content<br>
  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
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </body>
  65. </html>