Tryit Editor - Free-Learn

<!DOCTYPE html>
<html>
<head>
<style>

/* برای اسکرول نرم */
:root{
 scroll-behavior: smooth;
}

nav{
 background-color: #fff;
 box-shadow: 2px 5px 30px rgba(0,0,0,.1);
 padding: 10px;
 position: fixed;
 top: 0;
 left: 0;
 height: 100%;
}

nav a{
 background-color: #0697ee;
 color: #fff;
 padding: 5px;
 font-family: tahoma;
 font-size: 13px;
 text-decoration: none;
 display: block;
}

.my-box{
 background-color:#f2f2f2;
 padding:10px 10px 10px 120px;
 font-family: tahoma;
 font-size: 13px;
}

</style>
</head>
<body dir="rtl">

<div class="my-box">
<h2 id="bakhsh-1">بخش اول</h2>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<h2 id="bakhsh-2">بخش دوم</h2>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<h2 id="bakhsh-3">بخش سوم</h2>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
<p>سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .سلام خوبی؟ یک متن الکی در اینجا قرار دارد فقط برای تست این ویژگی .</p>
</div>

</body>
</html>

سایت آموزشی فری لرن