[ux_banner height=”500px” bg=”1136″ bg_overlay=”rgba(0, 0, 0, 0.49)”]

[text_box width=”76″ position_x=”50″ position_y=”50″]

دکمه ها

با این عنصر شما می‌توانید دکمه‌های جذاب بسازید

[button text=”دکمه اصلی” style=”shade” link=”test?asdf&asdf=asdf&asdf&”]

[/text_box]

[/ux_banner]
[row]

[col span=”3″]

ترکیب های نامحدود

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطر آنچنان که لازم است.

[/col]
[col span=”9″]

[button text=”رنگ اولیه”]

[button text=”رنگ ثانویه” color=”secondary” radius=”12″]

[button text=”رنگ هشدار” color=”alert” icon=”icon-heart”]

[button text=”رنگ موفق” color=”success”]

[button text=”رنگ سفید” color=”white”]

[button text=”رنگ اولیه” style=”outline”]

[button text=”رنگ موفق” color=”success” style=”outline” radius=”99″]

[button text=”رنگ هشدار” color=”alert” style=”outline” radius=”6″ icon=”icon-heart” icon_reveal=”true”]

[button text=”رنگ ثانویه” color=”secondary” style=”outline”]

[/col]

[/row]
[section bg_color=”rgb(44, 44, 44)” dark=”true”]

[row]

[col span=”3″]

دکمه‌ها در پس زمینه تاریک

[/col]
[col span=”9″]

[button text=”رنگ اولیه”]

[button text=”رنگ ثانویه” color=”secondary”]

[button text=”رنگ هشدار” color=”alert”]

[button text=”رنگ موفق” color=”success”]

[button text=”رنگ سفید” color=”white”]

[button text=”رنگ اولیه” style=”outline”]

[button text=”رنگ موفق” color=”success” style=”outline”]

[button text=”رنگ هشدار” color=”alert” style=”outline”]

[button text=”رنگ ثانویه” color=”secondary” style=”outline”]

[button text=”رنگ اصلی” color=”white” style=”outline”]

[/col]

[/row]

[/section]
[row]

[col span=”3″]

استایل دکمه ها

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

[/col]
[col span=”9″]

[button text=”لینک ساده” style=”link”]

[button text=”زیرخط دار” style=”underline”]

[button text=”با حاشیه” style=”outline” depth=”2″ depth_hover=”2″]

[button text=”معمولی” depth=”2″ depth_hover=”5″]

[button text=”براق” style=”gloss” radius=”99″ depth=”2″ depth_hover=”5″]

[button text=”سایه” style=”shade” radius=”7″ depth=”2″ depth_hover=”5″]

[button text=”بیرونی” style=”bevel” radius=”12″ depth=”2″ depth_hover=”5″]

[/col]

[/row]
[row]

[col span=”3″]

دکمه با آیکون

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

[/col]
[col span=”9″]

[button text=”آیکون دکمه” style=”bevel” radius=”8″ icon=”icon-twitter” icon_pos=”left”]

[button text=”آیکون چپ” style=”outline” radius=”6″ icon=”icon-instagram”]

[button text=”دکمه با طرح چپ” style=”outline” icon=”icon-play” icon_pos=”left” icon_reveal=”true”]

[button text=”دکمه با طرح راست” icon=”icon-angle-right” icon_reveal=”true”]

[button text=”دکمه بزرگ” style=”bevel” size=”xlarge” radius=”8″ icon=”icon-twitter” icon_pos=”left”]

[button text=”دکمه خیلی بزرگ” style=”bevel” size=”xlarge” radius=”8″ icon=”icon-checkmark” icon_pos=”left” icon_reveal=”true”]

[/col]

[/row]
[row]

[col span=”3″]

استایل ساده دکمه

[/col]
[col span=”9″]

[button text=”رنگ اولیه” style=”link” icon=”icon-play” icon_reveal=”true”]

[button text=”رنگ ثانویه” color=”secondary” style=”link”]

[button text=”رنگ موفق” color=”success” style=”link”]

[button text=”رنگ هشدار” color=”alert” style=”link”]

[/col]

[/row]
[row]

[col span=”3″]

دکمه های گرد

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

[/col]
[col span=”9″]

[button text=”دکمه عادی” size=”large”]

[button text=”دکمه دور گرد” size=”large” radius=”10″]

[button text=”دکمه دایره ای” size=”large” radius=”99″]

[button text=”دکمه عادی” style=”outline” size=”large”]

[button text=”دکمه دور گرد” style=”outline” size=”large” radius=”10″]

[button text=”دکمه دایره ای” style=”outline” size=”large” radius=”99″]

[/col]

[/row]
[row]

[col span=”3″]

سایه دکمه

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

[/col]
[col span=”9″]

[button text=”سایه بزرگ” style=”bevel” size=”large” depth=”5″ depth_hover=”4″]

[button text=”سایه متوسط” style=”bevel” size=”large” depth=”3″ depth_hover=”4″]

[button text=”سایه کوچک” style=”bevel” size=”large” depth=”1″ depth_hover=”2″]

[/col]

[/row]
[row]

[col span=”3″]

اندازه دکمه

[/col]
[col span=”9″]

[button text=”کوچکترین” size=”xsmall”]

[button text=”کوچکتر” size=”smaller”]

[button text=”کوچک” size=”small”]

[button text=”عادی”]

[button text=”بزرگ” size=”large”]

[button text=”بزرگ تر” size=”larger”]

[button text=”بزرگترین” size=”xlarge”]

[/col]

[/row]
[row]

[col span=”3″]

لینک های هوشمند

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

[/col]
[col span=”4″]

فروشگاه’ فروشگاهه پرداخت

حساب کاربری’ رفتن به حساب کاربری

صفحه پرداخت’ رفتن به صفحه پرداخت

وبلاگ’ رفتن به وبلاگ

[/col]
[col span=”4″ span__sm=”12″]

صفحه اصلی‘ رفتن به صفحه اصلی

‘لیست علاقه مندی ها‘ رفتن به لیست علاقمندی ها

عنوان صفحه‘ رفتن به عنوان صفحه

[/col]

[/row]

از این فرصتا دیگه پیش نمیاد

ساعت های خوشحالی

تخفیف 300 هزار تومنی خرید

تماس بگیر هر محصولی خواستی سفارش بده

تا 300 هزارتومان تخفیف فقط تا ساعت 12 شب 1403/07/22