We use cookies to ensure you get the best experience on our website
Home Explore Help
Sign In
mirror
/
assets
mirror of https://github.com/vladimirok5959/assets.git
2
0
Fork 0
Files Wiki
Branch: main
Branches Tags
assets
/
css
/
layouts
/
cp
/
example-sidebar-menu.html

example-sidebar-menu.html 3.3 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 
  1. <!doctype html>
    2. 

  2. <html lang="uk">
    3. 

  3. 	<head>
    4. 

  4. 		<meta charset="utf-8" />
    5. 

  5. 		<meta name="theme-color" content="#1e375a" />
    6. 

  6. 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    7. 

  7. 		<title>Index</title>
    8. 

  8. 		<link rel="stylesheet" href="./../../reset.css">
    9. 

  9. 		<link rel="stylesheet" href="./base.css">
    10. 

  10. 		<link rel="stylesheet" href="./sidebar-menu.css">
    11. 

  11. 	</head>
    12. 

  12. 	<body class="cp loading1">
    13. 

  13. 		<header>
    14. 

  14. 			<div class="wrap">
    15. 

  15. 				<div class="sidebar left">
    16. 

  16. 					Sidebar 1
    17. 

  17. 				</div>
    18. 

  18. 				<div class="sidebar right">
    19. 

  19. 					Sidebar 2
    20. 

  20. 				</div>
    21. 

  21. 				<div class="content">
    22. 

  22. 					Content
    23. 

  23. 				</div>
    24. 

  24. 			</div>
    25. 

  25. 		</header>
    26. 

  26. 		<div class="body">
    27. 

  27. 			<div class="wrap">
    28. 

  28. 				<div class="sidebar left">
    29. 

  29. 					<div class="scroll">
    30. 

  30. 						<div class="padding">
    31. 

  31. 							<ul class="nav">
    32. 

  32. 								<li>
    33. 

  33. 									<a href="#">Level 1 Item 1</a>
    34. 

  34. 								</li>
    35. 

  35. 								<li>
    36. 

  36. 									<a href="#">Level 1 Item 2</a>
    37. 

  37. 								</li>
    38. 

  38. 								<li class="active">
    39. 

  39. 									<a href="#">Level 1 Item 3</a>
    40. 

  40. 									<ul class="nav">
    41. 

  41. 										<li class="active">
    42. 

  42. 											<a href="#">Level 2 Item 1</a>
    43. 

  43. 											<ul class="nav">
    44. 

  44. 												<li class="active">
    45. 

  45. 													<a href="#">Level 3 Item 1</a>
    46. 

  46. 												</li>
    47. 

  47. 												<li>
    48. 

  48. 													<a href="#">Level 3 Item 2</a>
    49. 

  49. 												</li>
    50. 

  50. 												<li>
    51. 

  51. 													<a href="#">Level 3 Item 3</a>
    52. 

  52. 												</li>
    53. 

  53. 											</ul>
    54. 

  54. 										</li>
    55. 

  55. 										<li>
    56. 

  56. 											<a href="#">Level 2 Item 2</a>
    57. 

  57. 										</li>
    58. 

  58. 										<li>
    59. 

  59. 											<a href="#">Level 2 Item 3</a>
    60. 

  60. 										</li>
    61. 

  61. 									</ul>
    62. 

  62. 								</li>
    63. 

  63. 							</ul>
    64. 

  64. 							<div class="divider"></div>
    65. 

  65. 							<ul class="nav">
    66. 

  66. 								<li>
    67. 

  67. 									<a href="#">Level 1 Item 1</a>
    68. 

  68. 								</li>
    69. 

  69. 								<li>
    70. 

  70. 									<a href="#">Level 1 Item 2</a>
    71. 

  71. 								</li>
    72. 

  72. 								<li>
    73. 

  73. 									<a href="#">Level 1 Item 3</a>
    74. 

  74. 								</li>
    75. 

  75. 							</ul>
    76. 

  76. 						</div>
    77. 

  77. 					</div>
    78. 

  78. 				</div>
    79. 

  79. 				<div class="sidebar right">
    80. 

  80. 					<div class="scroll">
    81. 

  81. 						<div class="padding">
    82. 

  82. 							Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>
    83. 

  83. 							Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>
    84. 

  84. 							Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>
    85. 

  85. 							Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>
    86. 

  86. 							Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>
    87. 

  87. 							Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>
    88. 

  88. 							Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>
    89. 

  89. 							Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>
    90. 

  90. 							Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>
    91. 

  91. 							Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>Sidebar 2<br>
    92. 

  92. 						</div>
    93. 

  93. 					</div>
    94. 

  94. 				</div>
    95. 

  95. 				<div class="content">
    96. 

  96. 					<div class="scroll">
    97. 

  97. 						<div class="padding">
    98. 

  98. 							Content<br>Content<br>Content<br>Content<br>Content<br>
    99. 

  99. 							Content<br>Content<br>Content<br>Content<br>Content<br>
    100. 

  100. 							Content<br>Content<br>Content<br>Content<br>Content<br>
    101. 

  101. 							Content<br>Content<br>Content<br>Content<br>Content<br>
    102. 

  102. 							Content<br>Content<br>Content<br>Content<br>Content<br>
    103. 

  103. 							Content<br>Content<br>Content<br>Content<br>Content<br>
    104. 

  104. 							Content<br>Content<br>Content<br>Content<br>Content<br>
    105. 

  105. 							Content<br>Content<br>Content<br>Content<br>Content<br>
    106. 

  106. 							Content<br>Content<br>Content<br>Content<br>Content<br>
    107. 

  107. 							Content<br>Content<br>Content<br>Content<br>Content<br>
    108. 

  108. 						</div>
    109. 

  109. 					</div>
    110. 

  110. 				</div>
    111. 

  111. 			</div>
    112. 

  112. 		</div>
    113. 

  113. 	</body>
    114. 

  114. </html>
    115.