<!-- Nav tabs -->
<div class="default-tab">
	<ul class="nav nav-tabs" role="tablist">
		<li class="nav-item">
			<a class="nav-link active" data-bs-toggle="tab" href="#home"><i class="la la-home me-2"></i> خانه</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" data-bs-toggle="tab" href="#profile"><i class="la la-user me-2"></i> نمایه</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" data-bs-toggle="tab" href="#contact"><i class="la la-phone me-2"></i> تماس بگیرید</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" data-bs-toggle="tab" href="#message"><i class="la la-envelope me-2"></i> پیام</a>
		</li>
	</ul>
	<div class="tab-content">
		<div class="tab-pane fade show active" id="home" role="tabpanel">
			<div class="pt-4">
				<h4>این عنوان خانه است</h4>
				<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.
				</p>
				<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.
				</p>
			</div>
		</div>
		<div class="tab-pane fade" id="profile">
			<div class="pt-4">
				<h4>این عنوان نمایه است</h4>
				<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
				</p>
				<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
				</p>
			</div>
		</div>
		<div class="tab-pane fade" id="contact">
			<div class="pt-4">
				<h4>این عنوان تماس است</h4>
				<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.
				</p>
				<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.
				</p>
			</div>
		</div>
		<div class="tab-pane fade" id="message">
			<div class="pt-4">
				<h4>این عنوان پیام است</h4>
				<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
				</p>
				<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
				</p>
			</div>
		</div>
	</div>
</div>

 <!-- Nav tabs -->
<div class="custom-tab-1">
	<ul class="nav nav-tabs">
		<li class="nav-item">
			<a class="nav-link active" data-bs-toggle="tab" href="#home1"><i class="la la-home me-2"></i> خانه</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" data-bs-toggle="tab" href="#profile1"><i class="la la-user me-2"></i> نمایه</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" data-bs-toggle="tab" href="#contact1"><i class="la la-phone me-2"></i>  تماس بگیرید</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" data-bs-toggle="tab" href="#message1"><i class="la la-envelope me-2"></i> پیام</a>
		</li>
	</ul>
	<div class="tab-content">
		<div class="tab-pane fade show active" id="home1" role="tabpanel">
			<div class="pt-4">
				<h4>این عنوان خانه است</h4>
				<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.
				</p>
				<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.
				</p>
			</div>
		</div>
		<div class="tab-pane fade" id="profile1">
			<div class="pt-4">
				<h4>این عنوان نمایه است</h4>
				<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
				</p>
				<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
				</p>
			</div>
		</div>
		<div class="tab-pane fade" id="contact1">
			<div class="pt-4">
				<h4>این عنوان تماس است</h4>
				<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.
				</p>
				<p>خیلی دور، پشت کلمه کوه ها، دور از کشورهای Vokalia و Consonantia، متون کور زندگی می کنند. جدا شده آنها در Bookmarksgrove زندگی می کنند.
				</p>
			</div>
		</div>
		<div class="tab-pane fade" id="message1">
			<div class="pt-4">
				<h4>این عنوان پیام است</h4>
				<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
				</p>
				<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
				</p>
			</div>
		</div>
	</div>
</div>

<ul class="nav nav-pills mb-4 light">
	<li class=" nav-item">
		<a href="#navpills-1" class="nav-link active" data-bs-toggle="tab" aria-expanded="false">برگه یک</a>
	</li>
	<li class="nav-item">
		<a href="#navpills-2" class="nav-link" data-bs-toggle="tab" aria-expanded="false">برگه دو</a>
	</li>
	<li class="nav-item">
		<a href="#navpills-3" class="nav-link" data-bs-toggle="tab" aria-expanded="true">برگه سه</a>
	</li>
</ul>
<div class="tab-content">
	<div id="navpills-1" class="tab-pane active">
		<div class="row">
			<div class="col-md-12"> جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. سبیل کلیشه تمپور، ویلیامزبورگ کارلوس وگان هلوتیکا.
				<p>
					<br /> Reprehenderit قصاب رترو keffiyeh dreamcatcher synth. ژاکت کازبی eu banh mi، qui irure تری ریچاردسون سابق مرکب.</p>
			</div>
		</div>
	</div>
	<div id="navpills-2" class="tab-pane">
		<div class="row">
			<div class="col-md-12"> جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. سبیل کلیشه تمپور، ویلیامزبورگ کارلوس وگان هلوتیکا.
				<p>
					<br /> Reprehenderit قصاب رترو keffiyeh dreamcatcher synth. ژاکت کازبی eu banh mi، qui irure تری ریچاردسون سابق مرکب.</p>
			</div>
		</div>
	</div>
	<div id="navpills-3" class="tab-pane">
		<div class="row">
			<div class="col-md-12"> جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. سبیل کلیشه تمپور، ویلیامزبورگ کارلوس وگان هلوتیکا.
				<p>
					<br /> Reprehenderit قصاب رترو keffiyeh dreamcatcher synth. ژاکت کازبی eu banh mi، qui irure تری ریچاردسون سابق مرکب.</p>
			</div>
		</div>
	</div>
</div>

 <ul class="nav nav-pills justify-content-end mb-4">
	<li class=" nav-item">
		<a href="#navpills2-1" class="nav-link active" data-bs-toggle="tab" aria-expanded="false">برگه یک</a>
	</li>
	<li class="nav-item">
		<a href="#navpills2-2" class="nav-link" data-bs-toggle="tab" aria-expanded="false">برگه دو</a>
	</li>
	<li class="nav-item">
		<a href="#navpills2-3" class="nav-link" data-bs-toggle="tab" aria-expanded="true">برگه سه</a>
	</li>
</ul>
<div class="tab-content">
	<div id="navpills2-1" class="tab-pane active">
		<div class="row">
			<div class="col-md-12"> جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. سبیل کلیشه تمپور، ویلیامزبورگ کارلوس وگان هلوتیکا.
				<p>
					<br /> Reprehenderit قصاب رترو keffiyeh dreamcatcher synth. ژاکت کازبی eu banh mi، qui irure تری ریچاردسون سابق مرکب.</p>
			</div>
		</div>
	</div>
	<div id="navpills2-2" class="tab-pane">
		<div class="row">
			<div class="col-md-12"> جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. سبیل کلیشه تمپور، ویلیامزبورگ کارلوس وگان هلوتیکا.
				<p>
					<br /> Reprehenderit قصاب رترو keffiyeh dreamcatcher synth. ژاکت کازبی eu banh mi، qui irure تری ریچاردسون سابق مرکب.</p>
			</div>
		</div>
	</div>
	<div id="navpills2-3" class="tab-pane">
		<div class="row">
			<div class="col-md-12"> جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. سبیل کلیشه تمپور، ویلیامزبورگ کارلوس وگان هلوتیکا.
				<p>
					<br /> Reprehenderit قصاب رترو keffiyeh dreamcatcher synth. ژاکت کازبی eu banh mi، qui irure تری ریچاردسون سابق مرکب.</p>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-sm-4">
		<div class="nav flex-column nav-pills mb-3">
			<a href="#v-pills-home" data-bs-toggle="pill" class="nav-link active show">خانه</a>
			<a href="#v-pills-profile" data-bs-toggle="pill" class="nav-link">نمایه</a>
			<a href="#v-pills-messages" data-bs-toggle="pill" class="nav-link">پیام ها</a>
			<a href="#v-pills-settings" data-bs-toggle="pill" class="nav-link">تنظیمات</a>
		</div>
	</div>
	<div class="col-sm-8">
		<div class="tab-content">
			<div id="v-pills-home" class="tab-pane fade active show">
				<p>سلولی که زمان به آن می گذرد با هر نوع ذهنی تاریک می شود. دو حادثه باشد تا عالی باشد که استثناء زحمات نرم شود. یعنی ایراد بگیریم که این فوتبالی است که یک نفر کورش کرده است
  و اگر بخواهد جز زحماتش از درد این گونه نرم می شود. خود درد در تاریکی راحتی و لذت کمترین ملامت و ملایمت را دارد. زیرا آنها سختی ها را رها نمی کنند و یک مو از فوتبال را رها نمی کنند، مگر اینکه بر آنها بیفتند.
  کمترین تاریک.
				</p>
			</div>
			<div id="v-pills-profile" class="tab-pane fade">
				<p>گناه، درد، لذت، کار، کار، کار، عصبانیت، انتقاد می کند که حوادث آن دو به دنیا می آید، یا عواقب آن بزرگ است. به خانواده می آیم که درد و آسایش و کمترین را در کار هیچکس نگذارم
  میخوام بیاد کسانی که مستثنی نیستند در انجام وظایف محوله. علاوه بر توسعه دهنده، کارهایی برای فوتبال انجام شده است. هر کسی را که از درد کور شده است نرم می کند
  کمترین مورد پیگیری خواهد شد
				</p>
			</div>
			<div id="v-pills-messages" class="tab-pane fade">
				<p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit
					et et proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea veniam consectetur.</p>
			</div>
			<div id="v-pills-settings" class="tab-pane fade">
				<p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet
					qui mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p>
			</div>
		</div>
	</div>
</div>

 <div class="row">
	<div class="col-sm-8">
		<div class="tab-content">
			<div id="v-pills-home1" class="tab-pane fade active show">
				<p>سلولی که زمان به آن می گذرد با هر نوع ذهنی تاریک می شود. دو حادثه باشد تا عالی باشد که استثناء زحمات نرم شود. یعنی ایراد بگیریم که این فوتبالی است که یک نفر کورش کرده است
  و اگر بخواهد جز زحماتش از درد این گونه نرم می شود. خود درد در تاریکی راحتی و لذت کمترین ملامت و ملایمت را دارد. زیرا آنها سختی ها را رها نمی کنند و یک مو از فوتبال را رها نمی کنند، مگر اینکه بر آنها بیفتند.
  کمترین تاریک.
				</p>
			</div>
			<div id="v-pills-profile1" class="tab-pane fade">
				<p>گناه، درد، لذت، کار، کار، کار، عصبانیت، انتقاد می کند که حوادث آن دو به دنیا می آید، یا عواقب آن بزرگ است. به خانواده می آیم که درد و آسایش و کمترین را در کار هیچکس نگذارم
  میخوام بیاد کسانی که مستثنی نیستند در انجام وظایف محوله. علاوه بر توسعه دهنده، کارهایی برای فوتبال انجام شده است. هر کسی را که از درد کور شده است نرم می کند
  کمترین مورد پیگیری خواهد شد
				</p>
			</div>
			<div id="v-pills-messages1" class="tab-pane fade">
				<p>از درد و گناه چنین دلی بگریزد مگر دردی که بزرگ است. در پایان کار، نیازی به کور شدن کسی نیست. او می خواهد
				و آنها از خدمات مشتری خارج می شوند. او از مشتری به خاطر تلاشی انتقاد می کند، این یک مزیت بزرگ است و بخشش را به دنبال دارد.</p>
			</div>
			<div id="v-pills-settings1" class="tab-pane fade">
				<p>در هر دردی، درد است، جز این که میل است، جز این که مورد انتقاد قرار می گیرد، و نتیجه آن این است که درد در خواسته های مسئولیت ها بیرون می رود. یک تار مو به تو می دهم جز لذت کار. مقداری سرگرمی
				کسی که نرمش می کند تعقیب می شود. تقصیر هیچکس نیست که خدمات یک کارفرمای بزرگ را به دست آورد مگر به موقع.</p>
			</div>
		</div>
	</div>
	<div class="col-sm-4">
		<div class="nav flex-column nav-pills">
			<a href="#v-pills-home1" data-bs-toggle="pill" class="nav-link active show">خانه</a>
			<a href="#v-pills-profile1" data-bs-toggle="pill" class="nav-link">نمایه</a>
			<a href="#v-pills-messages1" data-bs-toggle="pill" class="nav-link">پیام ها</a>
			<a href="#v-pills-settings1" data-bs-toggle="pill" class="nav-link">تنظیمات</a>
		</div>
	</div>
</div>

<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
	<li class="nav-item">
		<a class="nav-link active" data-bs-toggle="tab" href="#home8">
			<span>
				<i class="ti-home"></i>
			</span>
		</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" data-bs-toggle="tab" href="#profile8">
			<span>
				<i class="ti-user"></i>
			</span>
		</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" data-bs-toggle="tab" href="#messages8">
			<span>
				<i class="ti-email"></i>
			</span>
		</a>
	</li>
</ul>
<!-- Tab panes -->
<div class="tab-content tabcontent-border">
	<div class="tab-pane fade show active" id="home8" role="tabpanel">
		<div class="pt-4">
			<h4>این عنوان نماد است</h4>
			<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
			</p>
			<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
			</p>
		</div>
	</div>
	<div class="tab-pane fade" id="profile8" role="tabpanel">
		<div class="pt-4">
			<h4>این عنوان نماد است</h4>
			<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
			</p>
			<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
			</p>
		</div>
	</div>
	<div class="tab-pane fade" id="messages8" role="tabpanel">
		<div class="pt-4">
			<h4>این عنوان نماد است</h4>
			<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
			</p>
			<p>جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید. Nesciunt tofu stumptown aliqua، پاکسازی استاد مصنوعی یکپارچهسازی با سیستمعامل. زمان کلیشه سبیل.
			</p>
		</div>
	</div>
</div>