- آموزشگاه تحلیل داده

نتیجه

امتحان کنید

<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<style>
			body {
			font-family: "Lato", sans-serif;
			}
			
			.sidenav {
			height: 100%;
			width: 160px;
			position: fixed;
			z-index: 1;
			top: 0;
			right: 0;
			background-color: #111;
			overflow-x: hidden;
			padding-top: 20px;
			direction: rtl;
			}
			
			.sidenav a {
			padding: 6px 8px 6px 16px;
			text-decoration: none;
			font-size: 25px;
			color: #818181;
			display: block;
			}
			
			.sidenav a:hover {
			color: #f1f1f1;
			}
			
			.main {
			margin-right: 160px; /* Same as the width of the sidenav */
			font-size: 28px; /* Increased text to enable scrolling */
			padding: 0px 10px;
			direction: rtl;
			}
			
			@media screen and (max-height: 450px) {
			.sidenav {padding-top: 15px;}
			.sidenav a {font-size: 18px;}
			}
		</style>
	</head>
	<body>
	
		<div class="sidenav">
			<a href="#about">درباره ما</a>
			<a href="#services">خدمات</a>
			<a href="#clients">مشتریان</a>
			<a href="#contact">تماس با ما</a>
		</div>
		
		<div class="main">
			<h2>نوار جانبی با ارتفاع تمام صفحه</h2>
			<p>این نوار جانبی دارای ارتفاع تمام صفحه (100%) است و همواره نشان داده می شود...</p>
			<p>صفحه را به پایین بکشید تا نتیجه را ببینید.</p>
			<p>برای ایجاد امکان Scroll، کردن محتوا وارد کنید ... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود </p>
			<p>برای ایجاد امکان Scroll، کردن محتوا وارد کنید ... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود </p>
			<p>برای ایجاد امکان Scroll، کردن محتوا وارد کنید ... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود </p>
			<p>برای ایجاد امکان Scroll، کردن محتوا وارد کنید ... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود </p>
			<p>برای ایجاد امکان Scroll، کردن محتوا وارد کنید ... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود </p>
			<p>برای ایجاد امکان Scroll، کردن محتوا وارد کنید ... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود... SideBar [نوارجانبی] بلوکی از متن که در کنار متن اصلی سند قرار گرفته و اغلب بوسیله یک خط مرزی یا عنصر گرافیکی از آن جدا میشود </p>
		</div>
	
	</body>
</html>