title	description	permalink	layout	left_sidebar
Page with Right Sidebar	This page demonstrates the layout with a left sidebar.	/left	page	true

<style> .sticky-sidebar { position: sticky; top: 1rem; } .mobile-doc-menu { display: none; position: fixed; bottom: 0; left: 0; right: 0; top: 0; background: white; z-index: 1000; overflow-y: auto; transform: translateY(100%); transition: transform 0.3s ease; } .mobile-doc-menu.is-active { transform: translateY(0); } .mobile-doc-menu-close { position: absolute; top: 1rem; right: 1rem; } .vertical-divider { border-right: 1px solid #dbdbdb; height: 100%; } .horizontal-divider { border-top: 1px solid #dbdbdb; margin-top: 1rem; margin-bottom: 1rem; } .full-width-divider { border-top: 2px solid #b5b5b5; margin: 2rem 0; } .mobile-toc { display: none; } .mobile-menu-toggle { position: fixed; top: 4rem; left: 1rem; z-index: 2000; background: #00d1b2; color: white; border: none; border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } @media (max-width: 768px) { .desktop-only { display: none; } .mobile-toc { display: block; margin-top: 1rem; } .vertical-divider { display: none; } } .ad-container { margin-bottom: 1rem; } </style>

Ad 250x250

Sponsored Course Promotion

Home
Docs

Documentation Title

Subtitle goes here

Author Name | Category | Date

Table of Contents

Main content goes here...

Previous: Title Next: Title

About the Author

Author profile and social links.

Comment Section

Comments...

Leaderboard Ad 728x90

Improve this page Contribute History

Table of Contents

Skyscraper Ad

<script> const docMenu = document.getElementById('mobile-doc-menu'); const docMenuToggle = document.getElementById('mobile-doc-menu-toggle'); docMenuToggle.addEventListener('click', () => { docMenu.classList.toggle('is-active'); }); document.querySelector('.mobile-doc-menu-close').addEventListener('click', () => { docMenu.classList.remove('is-active'); }); </script>