Farol - قالب HTML فارول , پوسته داشبورد مدیریتی

انگلیسی

اسپانیایی

آلمانی
ایمیل

پشتیبانی
ساعت 23:47 چهارشنبه

ایجاد یک پروژه جدید
21 دی 1402

مدیریت پروژه
21 دی 1402

مشاهده همه
اطلاعیه

8 فاکتور پرداخت شده است

فاکتورها به شرکت پرداخت شده است.

ساعت 23:47 چهارشنبه

ایجاد یک پروژه جدید

به کاربران اجازه دهید محصولات موجود در ووکامرس شما را دنبال کنند

21 دی 1402
مشاهده همه
مدیر

جان اسمیت

شبکه ها

خانه
شبکه ها

شبکه بزرگ - مثال

col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12


<div class="row">
	<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12">
		<div class="bg-gray-div7 p-5 rounded-10 text-center">
			<p>col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12</p>
		</div>
	</div>
</div>

شبکه متوسط - مثال

col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6


<div class="row">
	<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6">
		<div class="bg-gray-div7 p-5 rounded-10 text-center">
			<p>col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6</p>
		</div>
	</div>
	<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6">
		<div class="bg-gray-div7 p-5 rounded-10 text-center">
			<p>col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6</p>
		</div>
	</div>
</div>

سه شبکه - مثال

col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4


<div class="mt-2 me-2 d-inline-block">
	<div class="btn-group">
		<button type="button" class="btn btn-primary text-white py-2 px-3">اولیه</button>
		<button type="button" class="btn btn-primary text-white py-2 px-3 dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
			<span class="visually-hidden">اولیه</span>
		</button>
		<ul class="dropdown-menu bg-white">
			<li><a class="dropdown-item" href="#">عملیات</a></li>
			<li><a class="dropdown-item" href="#">یک اقدام دیگر</a></li>
			<li><a class="dropdown-item" href="#">سایر موارد دیگر</a></li>
			<li><hr class="dropdown-divider"></li>
			<li><a class="dropdown-item" href="#">لینک مجزا</a></li>
		</ul>
	</div>
</div>
<div class="mt-2 me-2 d-inline-block">
	<div class="btn-group">
		<button type="button" class="btn btn-secondary text-white py-2 px-3">ثانوی</button>
		<button type="button" class="btn btn-secondary text-white py-2 px-3 dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
			<span class="visually-hidden">ثانوی</span>
		</button>
		<ul class="dropdown-menu bg-white">
			<li><a class="dropdown-item" href="#">عملیات</a></li>
			<li><a class="dropdown-item" href="#">یک اقدام دیگر</a></li>
			<li><a class="dropdown-item" href="#">سایر موارد دیگر</a></li>
			<li><hr class="dropdown-divider"></li>
			<li><a class="dropdown-item" href="#">لینک مجزا</a></li>
		</ul>
	</div>
</div>
<div class="mt-2 me-2 d-inline-block">
	<div class="btn-group">
		<button type="button" class="btn btn-success text-white py-2 px-3">موفقیت</button>
		<button type="button" class="btn btn-success text-white py-2 px-3 dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
			<span class="visually-hidden">موفقیت</span>
		</button>
		<ul class="dropdown-menu bg-white">
			<li><a class="dropdown-item" href="#">عملیات</a></li>
			<li><a class="dropdown-item" href="#">یک اقدام دیگر</a></li>
			<li><a class="dropdown-item" href="#">سایر موارد دیگر</a></li>
			<li><hr class="dropdown-divider"></li>
			<li><a class="dropdown-item" href="#">لینک مجزا</a></li>
		</ul>
	</div>
</div>
<div class="mt-2 me-2 d-inline-block">
	<div class="btn-group">
		<button type="button" class="btn btn-info text-white py-2 px-3">اطلاعات</button>
		<button type="button" class="btn btn-info text-white py-2 px-3 dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
			<span class="visually-hidden">اطلاعات</span>
		</button>
		<ul class="dropdown-menu bg-white">
			<li><a class="dropdown-item" href="#">عملیات</a></li>
			<li><a class="dropdown-item" href="#">یک اقدام دیگر</a></li>
			<li><a class="dropdown-item" href="#">سایر موارد دیگر</a></li>
			<li><hr class="dropdown-divider"></li>
			<li><a class="dropdown-item" href="#">لینک مجزا</a></li>
		</ul>
	</div>
</div>
<div class="mt-2 me-2 d-inline-block">
	<div class="btn-group">
		<button type="button" class="btn btn-warning text-white py-2 px-3">هشدار</button>
		<button type="button" class="btn btn-warning text-white py-2 px-3 dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
			<span class="visually-hidden">هشدار</span>
		</button>
		<ul class="dropdown-menu bg-white">
			<li><a class="dropdown-item" href="#">عملیات</a></li>
			<li><a class="dropdown-item" href="#">یک اقدام دیگر</a></li>
			<li><a class="dropdown-item" href="#">سایر موارد دیگر</a></li>
			<li><hr class="dropdown-divider"></li>
			<li><a class="dropdown-item" href="#">لینک مجزا</a></li>
		</ul>
	</div>
</div>
<div class="mt-2 me-2 d-inline-block">
	<div class="btn-group">
		<button type="button" class="btn btn-danger text-white py-2 px-3">خطر</button>
		<button type="button" class="btn btn-danger text-white py-2 px-3 dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
			<span class="visually-hidden">خطر</span>
		</button>
		<ul class="dropdown-menu bg-white">
			<li><a class="dropdown-item" href="#">عملیات</a></li>
			<li><a class="dropdown-item" href="#">یک اقدام دیگر</a></li>
			<li><a class="dropdown-item" href="#">سایر موارد دیگر</a></li>
			<li><hr class="dropdown-divider"></li>
			<li><a class="dropdown-item" href="#">لینک مجزا</a></li>
		</ul>
	</div>
</div>
<div class="mt-2 me-2 d-inline-block">
	<div class="btn-group">
		<button type="button" class="btn btn-dark text-white py-2 px-3">تاریک</button>
		<button type="button" class="btn btn-dark text-white py-2 px-3 dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
			<span class="visually-hidden">تاریک</span>
		</button>
		<ul class="dropdown-menu bg-white">
			<li><a class="dropdown-item" href="#">عملیات</a></li>
			<li><a class="dropdown-item" href="#">یک اقدام دیگر</a></li>
			<li><a class="dropdown-item" href="#">سایر موارد دیگر</a></li>
			<li><hr class="dropdown-divider"></li>
			<li><a class="dropdown-item" href="#">لینک مجزا</a></li>
		</ul>
	</div>
</div>
<div class="mt-2 me-2 d-inline-block">
	<div class="btn-group">
		<button type="button" class="btn btn-light text-white py-2 px-3">روشن</button>
		<button type="button" class="btn btn-light text-white py-2 px-3 dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
			<span class="visually-hidden">روشن</span>
		</button>
		<ul class="dropdown-menu bg-white">
			<li><a class="dropdown-item" href="#">عملیات</a></li>
			<li><a class="dropdown-item" href="#">یک اقدام دیگر</a></li>
			<li><a class="dropdown-item" href="#">سایر موارد دیگر</a></li>
			<li><hr class="dropdown-divider"></li>
			<li><a class="dropdown-item" href="#">لینک مجزا</a></li>
		</ul>
	</div>
</div>

چهار شبکه - مثال

col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3


<div class="row">
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3">
        <div class="bg-gray-div7 p-5 rounded-10 text-center mb-4">
            <p>col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3</p>
        </div>
    </div>
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3">
        <div class="bg-gray-div7 p-5 rounded-10 text-center mb-4">
            <p>col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3</p>
        </div>
    </div>
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3">
        <div class="bg-gray-div7 p-5 rounded-10 text-center mb-4">
            <p>col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3</p>
        </div>
    </div>
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3">
        <div class="bg-gray-div7 p-5 rounded-10 text-center mb-4">
            <p>col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3</p>
        </div>
    </div>
</div>

دوازده شبکه - مثال

col


<div class="row">
	<div class="col">
		<div class="bg-gray-div7 p-3 rounded-10 text-center mb-4">
			<p>col</p>
		</div>
	</div>
	<div class="col">
		<div class="bg-gray-div7 p-3 rounded-10 text-center mb-4">
			<p>col</p>
		</div>
	</div>
	<div class="col">
		<div class="bg-gray-div7 p-3 rounded-10 text-center mb-4">
			<p>col</p>
		</div>
	</div>
	<div class="col">
		<div class="bg-gray-div7 p-3 rounded-10 text-center mb-4">
			<p>col</p>
		</div>
	</div>
	<div class="col">
		<div class="bg-gray-div7 p-3 rounded-10 text-center mb-4">
			<p>col</p>
		</div>
	</div>
	<div class="col">
		<div class="bg-gray-div7 p-3 rounded-10 text-center mb-4">
			<p>col</p>
		</div>
	</div>
	<div class="col">
		<div class="bg-gray-div7 p-3 rounded-10 text-center mb-4">
			<p>col</p>
		</div>
	</div>
	<div class="col">
		<div class="bg-gray-div7 p-3 rounded-10 text-center mb-4">
			<p>col</p>
		</div>
	</div>
	<div class="col">
		<div class="bg-gray-div7 p-3 rounded-10 text-center mb-4">
			<p>col</p>
		</div>
	</div>
	<div class="col">
		<div class="bg-gray-div7 p-3 rounded-10 text-center mb-4">
			<p>col</p>
		</div>
	</div>
	<div class="col">
		<div class="bg-gray-div7 p-3 rounded-10 text-center mb-4">
			<p>col</p>
		</div>
	</div>
	<div class="col">
		<div class="bg-gray-div7 p-3 rounded-10 text-center mb-4">
			<p>col</p>
		</div>
	</div>
</div>

شبکه ها

شبکه بزرگ - مثال

شبکه متوسط - مثال

سه شبکه - مثال

چهار شبکه - مثال

دوازده شبکه - مثال

تنظیمات پوسته

راست چین / چپ چین

روشن / تاریک

فقط نوار کناری روشن / تاریک

فقط هدر روشن / تاریک

فقط پاورقی روشن / تاریک

شعاع / مربع سبک کارت

سبک کارت پشت زمینه سفید / خاکستری

محتوای سبک کانتینری / جعبه دار

انگلیسی

اسپانیایی

آلمانی

پشتیبانی

ایجاد یک پروژه جدید

مدیریت پروژه

8 فاکتور پرداخت شده است

ایجاد یک پروژه جدید

جان اسمیت

شبکه ها

شبکه بزرگ - مثال

شبکه متوسط - مثال

سه شبکه - مثال

چهار شبکه - مثال

دوازده شبکه - مثال

تنظیمات پوسته

راست چین / چپ چین

روشن / تاریک

فقط نوار کناری روشن / تاریک

فقط هدر روشن / تاریک

فقط پاورقی روشن / تاریک

شعاع / مربع سبک کارت

سبک کارت پشت زمینه سفید / خاکستری

محتوای سبک کانتینری / جعبه دار