صفحات

کاربران

denzelwashington@left4code.com

تام کروز

tomcruise@left4code.com

تام کروز

tomcruise@left4code.com

آل پاچینو

alpacino@left4code.com

محصولات

سونی مستر سریز ای‌ناین‌جی

تایپوگرافی

سرتیتر

نمایش کد

h1. سرتیتر1

h2. سرتیتر2

h3. سرتیتر3

h4. سرتیتر4

h5. سرتیتر5

h6. سرتیتر6

h1. سرتیتر1

h2. سرتیتر2

h3. سرتیتر3

h4. سرتیتر4

h5. سرتیتر5

h6. سرتیتر6

  HTMLOpenTagdivHTMLCloseTag HTMLOpenTagh1 class="text-4xl font-medium leading-none"HTMLCloseTagh1. سرتیتر1HTMLOpenTag/h1HTMLCloseTag HTMLOpenTagh2 class="text-3xl font-medium leading-none mt-3"HTMLCloseTagh2. سرتیتر2HTMLOpenTag/h2HTMLCloseTag HTMLOpenTagh3 class="text-2xl font-medium leading-none mt-3"HTMLCloseTagh3. سرتیتر3HTMLOpenTag/h3HTMLCloseTag HTMLOpenTagh4 class="text-xl font-medium leading-none mt-3"HTMLCloseTagh4. سرتیتر4HTMLOpenTag/h4HTMLCloseTag HTMLOpenTagh5 class="text-lg font-medium leading-none mt-3"HTMLCloseTagh5. سرتیتر5HTMLOpenTag/h5HTMLCloseTag HTMLOpenTagh6 class="font-medium leading-none mt-3"HTMLCloseTagh6. سرتیتر6HTMLOpenTag/h6HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-5"HTMLCloseTag HTMLOpenTagh1 class="text-4xl text-theme-25 font-medium leading-none"HTMLCloseTagh1. سرتیتر1HTMLOpenTag/h1HTMLCloseTag HTMLOpenTagh2 class="text-3xl text-gray-700 dark:text-gray-600 font-medium leading-none mt-3"HTMLCloseTagh2. سرتیتر2HTMLOpenTag/h2HTMLCloseTag HTMLOpenTagh3 class="text-2xl text-theme-20 font-medium leading-none mt-3"HTMLCloseTagh3. سرتیتر3HTMLOpenTag/h3HTMLCloseTag HTMLOpenTagh4 class="text-xl text-theme-15 font-medium leading-none mt-3"HTMLCloseTagh4. سرتیتر4HTMLOpenTag/h4HTMLCloseTag HTMLOpenTagh5 class="text-lg text-theme-21 font-medium leading-none mt-3"HTMLCloseTagh5. سرتیتر5HTMLOpenTag/h5HTMLCloseTag HTMLOpenTagh6 class="text-gray-600 font-medium leading-none mt-3"HTMLCloseTagh6. سرتیتر6HTMLOpenTag/h6HTMLCloseTag HTMLOpenTag/divHTMLCloseTag

تنظیمات متن

نمایش کد

نمونه متن

نمونه متن متوسط

نمونه متن پهن

نمونه متن بولد

نمونه متن خیلی بولد

یک متن تستی در اینجا

  HTMLOpenTagdivHTMLCloseTag HTMLOpenTagdiv class="font-normal"HTMLCloseTagExample textHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="font-medium"HTMLCloseTagExample medium textHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="font-semibold"HTMLCloseTagExample semibold textHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="font-bold"HTMLCloseTagExample bolder textHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="font-extrabold"HTMLCloseTagExample boldest textHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-5"HTMLCloseTag HTMLOpenTagdiv class="uppercase"HTMLCloseTagExample uppercase textHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="lowercase"HTMLCloseTagExample lowercase textHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="capitalize"HTMLCloseTagExample capitalized textHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="normal-case"HTMLCloseTagExample cursive textHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

عناصر پرتکرار

نمایش کد

شما میتوانید از مارک تگ هایلایت استفاده کنید.

~~این خط متن به عنوان متن حذف شده در نظر گرفته شده است~~ ~~این خط متن قرار است دیگر دقیق نباشد.~~ این خط متن به عنوان یک افزودنی به سند تلقی می شود. این خط از متن به صورت زیر خط نشان داده می شود این خط متن به معنای چاپ خوب است. این خط به صورت متن پررنگ ارائه شده است. این خط به صورت متن کج شده ارائه شده است.

  HTMLOpenTagdivHTMLCloseTagYou can use the mark tag to HTMLOpenTagmark class="p-1 bg-yellow-200"HTMLCloseTaghighlightHTMLOpenTag/markHTMLCloseTag text.HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdel class="block mt-1"HTMLCloseTagThis line of text is meant to be treated as deleted text.HTMLOpenTag/delHTMLCloseTag HTMLOpenTags class="block mt-1"HTMLCloseTagThis line of text is meant to be treated as no longer accurate.HTMLOpenTag/sHTMLCloseTag HTMLOpenTagins class="block mt-1"HTMLCloseTagThis line of text is meant to be treated as an addition to the document.HTMLOpenTag/insHTMLCloseTag HTMLOpenTagu class="block mt-1"HTMLCloseTagThis line of text will render as underlinedHTMLOpenTag/uHTMLCloseTag HTMLOpenTagsmall class="block mt-1"HTMLCloseTagThis line of text is meant to be treated as fine print.HTMLOpenTag/smallHTMLCloseTag HTMLOpenTagstrong class="block mt-1"HTMLCloseTagThis line rendered as bold text.HTMLOpenTag/strongHTMLCloseTag HTMLOpenTagem class="block mt-1"HTMLCloseTagThis line rendered as italicized text.HTMLOpenTag/emHTMLCloseTag

نشان ها

نمایش کد

نشان ساده

1 2 3 4 5 6

اندازه نشان

1 2 3 4 5 6

نشان مربعی

1 2 3 4 5 6

تشان دورخطدار

1 2 3 4 5

  HTMLOpenTagdiv class="font-medium"HTMLCloseTagBasic BadgeHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-2"HTMLCloseTag HTMLOpenTagspan class="text-xs px-1 rounded-full bg-theme-25 text-white ml-1"HTMLCloseTag1HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="text-xs px-1 rounded-full border text-gray-700 dark:text-gray-600 dark:border-dark-5 mr-1"HTMLCloseTag2HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="text-xs px-1 rounded-full bg-theme-20 text-white ml-1"HTMLCloseTag3HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="text-xs px-1 rounded-full bg-theme-15 text-white ml-1"HTMLCloseTag4HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="text-xs px-1 rounded-full bg-theme-21 text-white ml-1"HTMLCloseTag5HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="text-xs px-1 rounded-full bg-gray-200 text-gray-600 ml-1"HTMLCloseTag6HTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="font-medium mt-6"HTMLCloseTagBadge SizesHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-3"HTMLCloseTag HTMLOpenTagspan class="px-2 py-1 rounded-full bg-theme-25 text-white ml-1"HTMLCloseTag1HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-2 py-1 rounded-full border text-gray-700 dark:text-gray-600 dark:border-dark-5 ml-1"HTMLCloseTag2HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-2 py-1 rounded-full bg-theme-20 text-white ml-1"HTMLCloseTag3HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-2 py-1 rounded-full bg-theme-15 text-white ml-1"HTMLCloseTag4HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-2 py-1 rounded-full bg-theme-21 text-white ml-1"HTMLCloseTag5HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-2 py-1 rounded-full bg-gray-200 text-gray-600 mr-1"HTMLCloseTag6HTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-4"HTMLCloseTag HTMLOpenTagspan class="px-3 py-2 rounded-full bg-theme-25 text-white ml-1"HTMLCloseTag1HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-3 py-2 rounded-full border text-gray-700 dark:text-gray-600 dark:border-dark-5 mr-1"HTMLCloseTag2HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-3 py-2 rounded-full bg-theme-20 text-white ml-1"HTMLCloseTag3HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-3 py-2 rounded-full bg-theme-15 text-white ml-1"HTMLCloseTag4HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-3 py-2 rounded-full bg-theme-21 text-white ml-1"HTMLCloseTag5HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-3 py-2 rounded-full bg-gray-200 text-gray-600 mr-1"HTMLCloseTag6HTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-6"HTMLCloseTag HTMLOpenTagspan class="px-4 py-3 rounded-full bg-theme-25 text-white ml-1"HTMLCloseTag1HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-4 py-3 rounded-full border text-gray-700 dark:text-gray-600 dark:border-dark-5 ml-1"HTMLCloseTag2HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-4 py-3 rounded-full bg-theme-20 text-white ml-1"HTMLCloseTag3HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-4 py-3 rounded-full bg-theme-15 text-white ml-1"HTMLCloseTag4HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-4 py-3 rounded-full bg-theme-21 text-white ml-1"HTMLCloseTag5HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-4 py-3 rounded-full bg-gray-200 text-gray-600 mr-1"HTMLCloseTag6HTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="font-medium mt-10"HTMLCloseTagSquare BadgeHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-2"HTMLCloseTag HTMLOpenTagspan class="text-xs px-1 bg-theme-25 text-white ml-1"HTMLCloseTag1HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="text-xs px-1 border text-gray-700 dark:text-gray-600 dark:border-dark-5 ml-1"HTMLCloseTag2HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="text-xs px-1 bg-theme-20 text-white ml-1"HTMLCloseTag3HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="text-xs px-1 bg-theme-15 text-white ml-1"HTMLCloseTag4HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="text-xs px-1 bg-theme-21 text-white ml-1"HTMLCloseTag5HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="text-xs px-1 bg-gray-200 text-gray-600 mr-1"HTMLCloseTag6HTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="font-medium mt-6"HTMLCloseTagOutline BadgeHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-4"HTMLCloseTag HTMLOpenTagspan class="px-3 py-2 rounded-full border border-theme-17 text-theme-1 dark:text-theme-20 dark:border-theme-10 mr-1"HTMLCloseTag1HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-3 py-2 rounded-full border text-gray-700 dark:text-gray-600 dark:border-dark-5 mr-1"HTMLCloseTag2HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-3 py-2 rounded-full border border-theme-10 text-theme-9 dark:border-theme-9 mr-1"HTMLCloseTag3HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-3 py-2 rounded-full border border-theme-23 text-theme-12 dark:border-theme-12 mr-1"HTMLCloseTag4HTMLOpenTag/spanHTMLCloseTag HTMLOpenTagspan class="px-3 py-2 rounded-full border border-theme-24 text-theme-6 dark:border-theme-6 mr-1"HTMLCloseTag5HTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

جداکننده

نمایش کد

  HTMLOpenTagdiv class="w-full border-t border-gray-200 dark:border-dark-5 border-dashed"HTMLCloseTagHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="w-full border-t border-gray-200 dark:border-dark-5 mt-5"HTMLCloseTagHTMLOpenTag/divHTMLCloseTag

تقسیم کننده

نمایش کد

یا

  HTMLOpenTagdiv class="w-full flex justify-center border-t border-gray-200 dark:border-dark-5 mt-2"HTMLCloseTag HTMLOpenTagdiv class="bg-white dark:bg-dark-3 px-5 -mt-3 text-gray-600"HTMLCloseTagorHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

لینک ها

نمایش کد

نمونه متن نمونه متن متوسط نمونه متن پهن نمونه متن بولد نمونه متن خیلی بولد

حالت پیشفرض حالت ثانویه حالت موفقیت حالت اخطار حالت خطر

  HTMLOpenTagdivHTMLCloseTag HTMLOpenTaga href="" class="text-theme-25 block font-normal"HTMLCloseTagExample textHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="text-theme-25 block font-medium"HTMLCloseTagExample medium textHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="text-theme-25 block font-semibold"HTMLCloseTagExample semibold textHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="text-theme-25 block font-bold"HTMLCloseTagExample bolder textHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="text-theme-25 block font-extrabold"HTMLCloseTagExample boldest textHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-5"HTMLCloseTag HTMLOpenTaga href="" class="text-theme-25 block"HTMLCloseTagPrimary stateHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="text-gray-700 dark:text-gray-600 block"HTMLCloseTagSecondary stateHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="text-theme-20 block"HTMLCloseTagSuccess stateHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="text-theme-15 block"HTMLCloseTagWarning stateHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="text-theme-21 block"HTMLCloseTagDanger stateHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

حالت تیره