مثال: <p class="display-1"> Display 1 </p>

نمایش 1

نمایش 2

نمایش 3

نمایش 4

مثال: <div class="bg-primary"> قالب نرم افزار و ساس لنـدریــک </div>

مثال: <div class="bg-soft-primary"> قالب نرم افزار و ساس لنـدریــک </div>

مثال: <div class="text-primary"> قالب نرم افزار و ساس لنـدریــک </div>

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-white

.text-white-50

.text-dark

مثال: <a href="#" class="btn btn-primary"> اولیه </a>

مثال: <a href="#" class="btn btn-pills btn-primary"> اولیه </a>

مثال: <a href="#" class="btn btn-soft-primary"> اولیه </a>

مثال: <a href="#" class="btn btn-pills btn-soft-primary"> اولیه </a>

مثال: <a href="#" class="btn btn-outline-primary"> اولیه </a>

مثال: <a href="#" class="btn btn-outline-primary"> اولیه </a>

مثال: <a href="#" class="btn btn-icon btn-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

مثال: <a href="#" class="btn btn-icon btn-outline-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

مثال: <a href="#" class="btn btn-icon btn-pills btn-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

مثال: <a href="#" class="btn btn-icon btn-pills btn-outline-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

مثال: <a href="#" class="btn btn-primary btn-sm"> اولیه </a>

مثال: <a href="#" class="btn btn-primary btn-lg"> اولیه </a>

مثال:
<div class="btn-group dropdown-primary">
   <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     اولیه
   </button>
   <div class="dropdown-menu">
     <a class="dropdown-item" href="#">Home</a>
     <a class="dropdown-item" href="#">Services</a>
     <a class="dropdown-item" href="#">About us</a>
     <div class="dropdown-divider"></div>
     <a class="dropdown-item" href="#">Contact us</a>
   </div>
</div>

مثال: <span class="badge bg-primary"> اولیه </span>

مثال: <span class="badge rounded-pill bg-primary"> اولیه </span>

مثال: <span class="badge bg-soft-primary"> اولیه </span>

مثال: <span class="badge rounded-pill bg-soft-primary"> اولیه </span>

مثال: <a href="#" class="badge bg-primary"> اولیه </a>

مثال: <div class="alert alert-primary" role="alert"> یک هشدار اولیه ساده - آن را بررسی کنید! </div>

مثال: <div class="alert alert-primary" role="alert"> یک هشدار اولیه ساده با <a href="#" class="alert-link"></a>. </div>

مثال:
<div class="alert alert-success alert-dismissible fade show" role="alert">
  <strong>آفرین!</strong> شما با موفقیت این پیام مهم هشدار را خواندید.
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="بستن"> </button>
</div>

مثال:
<div class="alert alert-primary alert-pills" role="alert">
   <span class="badge rounded-pill bg-danger"> جدید </span>
   <span class="alert-content"> یک هشدار اولیه مدرن - آن را بررسی کنید! </span>
</div>

مثال:
<div class="alert alert-outline-primary alert-pills" role="alert">
   <span class="badge rounded-pill bg-danger"> جدید </span>
   <span class="alert-content"> یک هشدار اولیه مدرن - آن را بررسی کنید! </span>
</div>

کارت عمودی
<div class="card shadow rounded border-0 overflow-hidden>
   <img src="images/blog/01.jpg" class="img-fluid" alt=">
   <div class="card-body">
     <h5 class="card-title">لنـدریــک : قالب چند منظوره شرکتی و نرم افزار</h5>
     <p class="text-muted mb-0">به دلیل استفاده گسترده از آن به عنوان متن پر کننده برای طرح بندی, غیرقابل خواندن از اهمیت زیادی برخوردار است</p>
   </div>
</div>

لنـدریــک : قالب چند منظوره شرکتی و نرم افزار

به دلیل استفاده گسترده از آن به عنوان متن پر کننده برای طرح بندی, غیرقابل خواندن از اهمیت زیادی برخوردار است

ادامه مطلب

لنـدریــک : قالب چند منظوره شرکتی و نرم افزار

به دلیل استفاده گسترده از آن به عنوان متن پر کننده برای طرح بندی, غیرقابل خواندن از اهمیت زیادی برخوردار است

ادامه مطلب

لنـدریــک : قالب چند منظوره شرکتی و نرم افزار

این یک کارت گسترده تر است که دارای متن پشتیبانی در زیر است به عنوان یک ماده اصلی برای محتوای اضافی. این محتوا کمی طولانی تر است.

آخرین بروزرسانی 3 دقیقه قبل

مثال:
<nav aria-label="breadcrumb" class="d-inline-block">
  <ul class="breadcrumb bg-white rounded shadow mb-0">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#">Pages</a></lt>
    <li class="breadcrumb-item active" aria-current="page">Components</li>
  </ul>
</div>

مثال:
<ul class="pagination mb-0">
   <li class="page-item"><a class="page-link" href="javascript:void(0)" aria-label="Previous">Prev</a></li>
   <li class="page-item active"><a class="page-link" href="#">1</a></li>
   <li class="page-item"><a class="page-link" href="#">2</a></li>
   <li class="page-item"><a class="page-link" href="#">3</a></li>
   <li class="page-item"><a class="page-link" href="#" aria-label="بعدی">بعدی</a></li>
</ul>


• قبلی
• 1
• 2
• 3
• بعدی

مثال: <img src="images/home/01.jpg" class="img-fluid avatar avatar-ex-sm rounded">

مثال: <img src="images/home/01.jpg" class="img-fluid avatar avatar-ex-sm rounded-circle">

مثال:
<div class="progress-box">
   <h6 class="title text-muted"> Progress</h6>
   <div class="progress">
     <div class="progress-bar position-relative bg-primary" style="width:84%;">
       <div class="progress-value d-block text-muted h6">84%</div>
     </div>
   </div>
</div>

مثال: <a href="#"class="btn btn-primary me-2 mb-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Top Tooltip" alt=""> Top Tooltip </a>

" تعداد زیادی از معابر لورم اپیسون در دسترس است ، اما اکثر آنها به نوعی دچار تغییر شده اند, با شوخ طبعی تزریق شده ، یا کلمات تصادفی که حتی کمی باورپذیر به نظر نمی رسند. "

نمادهای پر

280+ نماد پر وجود دارد و می توانید تمام اطلاعات آیکون ها را از اینجا دریافت کنید: https://feathericons.com/

مثال: <i data-feather="mail" class="fea icon-sm"> </i>

آیکن های طراحی متریال

بیش از 4400+ آیکن طراحی متریال وجود دارد و می توانید تمام اطلاعات آیکون ها را از اینجا دریافت کنید: https://materialdesignicons.com/

مثال: <i class="mdi mdi-home"> </i>

آیکن های Flaticon

آیکن های Flaticon وجود دارد و می توانید تمام اطلاعات آیکون ها را از اینجا دریافت کنید: https://www.flaticon.com/packs/basic-icon

Iconscout (Unicons) آیکن های

1100+ Iconscout (Icons) آیکن های وجود دارد و می توانید تمام اطلاعات آیکون ها را از اینجا دریافت کنید: https://www.flaticon.com/packs/basic-icon

مثال:
<span class="h3 text-primary me-2">
  <i class="uil uil-0-plus"></i>
</span>