Buttons

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

[text_box width=”76″]

Buttons

Create beautiful Call to Action buttons with the amazing Button Element

[button text=”Primary Button” style=”shade” link=”test?asdf&asdf=asdf&asdf&”]

[/text_box]

[/ux_banner]
[row]

[col span=”3″]

Unlimited Variations

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

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

[button text=”Primary Color”]

[button text=”Secondary Color” color=”secondary” radius=”12″]

[button text=”Alert Color” color=”alert” icon=”icon-heart”]

[button text=”Success Color” color=”success”]

[button text=”White Color” color=”white”]

[button text=”Primary Color” style=”outline”]

[button text=”Success Color” color=”success” style=”outline” radius=”99″]

[button text=”Alert Color” color=”alert” style=”outline” radius=”6″ icon=”icon-heart” icon_reveal=”true”]

[button text=”Secondary Color” color=”secondary” style=”outline”]

[/col]

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

[row]

[col span=”3″]

Buttons on Dark background

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

[button text=”Primary Color”]

[button text=”Secondary Color” color=”secondary”]

[button text=”Alert Color” color=”alert”]

[button text=”Success Color” color=”success”]

[button text=”White Color” color=”white”]

[button text=”Primary Color” style=”outline”]

[button text=”Success Color” color=”success” style=”outline”]

[button text=”Alert Color” color=”alert” style=”outline”]

[button text=”Secondary Color” color=”secondary” style=”outline”]

[button text=”White outline” color=”white” style=”outline”]

[/col]

[/row]

[/section]
[row]

[col span=”3″]

Button Styles

Select between many different button styles.

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

[button text=”Simple link” style=”link”]

[button text=”Underline” style=”underline”]

[button text=”Outline” style=”outline” depth=”2″ depth_hover=”2″]

[button text=”Normal” depth=”2″ depth_hover=”5″]

[button text=”Gloss” style=”gloss” radius=”99″ depth=”2″ depth_hover=”5″]

[button text=”Shade” style=”shade” radius=”7″ depth=”2″ depth_hover=”5″]

[button text=”Bevel” style=”bevel” radius=”12″ depth=”2″ depth_hover=”5″]

[/col]

[/row]
[row]

[col span=”3″]

Button with icon

Choose between many included Flatsome Icons.

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

[button text=”Icon Button” style=”bevel” radius=”8″ icon=”icon-twitter” icon_pos=”left”]

[button text=”Icon Left” style=”outline” radius=”6″ icon=”icon-instagram”]

[button text=”Reveal Left” style=”outline” icon=”icon-play” icon_pos=”left” icon_reveal=”true”]

[button text=”Reveal Right” icon=”icon-angle-right” icon_reveal=”true”]

[button text=”Large Button” style=”bevel” size=”xlarge” radius=”8″ icon=”icon-twitter” icon_pos=”left”]

[button text=”Large Reveal” style=”bevel” size=”xlarge” radius=”8″ icon=”icon-checkmark” icon_pos=”left” icon_reveal=”true”]

[/col]

[/row]
[row]

[col span=”3″]

Simple Button Styles

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

[button text=”Primary Color” style=”link” icon=”icon-play” icon_reveal=”true”]

[button text=”Secondary Color” color=”secondary” style=”link”]

[button text=”Success Color” color=”success” style=”link”]

[button text=”Alert Color” color=”alert” style=”link”]

[/col]

[/row]
[row]

[col span=”3″]

Button Radius

Add custom radius to buttons

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

[button text=”Normal Button” size=”large”]

[button text=”Round Button” size=”large” radius=”10″]

[button text=”Circle Button” size=”large” radius=”99″]

[button text=”Normal Button” style=”outline” size=”large”]

[button text=”Round Button” style=”outline” size=”large” radius=”10″]

[button text=”Circle Button” style=”outline” size=”large” radius=”99″]

[/col]

[/row]
[row]

[col span=”3″]

Button Shadow

Add drop shadow to buttons to make them stand out more.

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

[button text=”Large Shadow” style=”bevel” size=”large” depth=”5″ depth_hover=”4″]

[button text=”Medium Shadow” style=”bevel” size=”large” depth=”3″ depth_hover=”4″]

[button text=”Small Shadow” style=”bevel” size=”large” depth=”1″ depth_hover=”2″]

[/col]

[/row]
[row]

[col span=”3″]

Button Sizes

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

[button text=”x Small” size=”xsmall”]

[button text=”Smaller” size=”smaller”]

[button text=”Small” size=”small”]

[button text=”Normal”]

[button text=”Large” size=”large”]

[button text=”Larger” size=”larger”]

[button text=”X LARGE” size=”xlarge”]

[/col]

[/row]
[row]

[col span=”3″]

Smart Links

Add simple text to button links to link to various WordPress and WooCommerce pages.

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

shop‘ : Goes to Shop page

account’ Goes to My Account Page

checkout’ Goes to Checkout page

blog’ Goes to blog page

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

home‘ Goes to homepage

‘wishlist‘ Goes to wishlist page

Page Title‘ Goes to page by Title.

[/col]

[/row]

  • Thông tin liên hệ
  • CÔNG TY TNHH SX TÔN THÉP MẠNH HÀ
  • Trụ sở chính: 550 Cộng Hòa, P.13, Q. Tân Bình, HCM
  • Kho 1: Lô 8, Đường Song Hành, Khu Công Nghiệp Tân Tạo, Quận Bình Tân, Tphcm
  • Kho 2: 121 Phan Văn Hớn, Xã Bà Điểm, Huyện Hóc Môn, Tphcm
  • Kho 3: F2/1Q Đường Quách Điêu, Xã Vĩnh Lộc A, Huyện Bình Chánh, Tphcm
  • Hệ thống chúng tôi trải dài toàn tphcm như quận 1 - quận 2 - quận 3 - quận 8 - quận bình thạnh - quận thủ đức - củ chi - hóc môn...vv...
  • Điện thoại : Hotline : 0917.02.03.03 - 0789.373.666 - 0909.050.666 Phòng Kinh Doanh
  • Email: tonthepmanhha@gmail.com
  • Mon - Fri : 08:00 - 17:00
    Sat - Sun Holiday
Zalo: 0917020303
Liên kết hữu ích : Công ty seo, dịch vụ seo, hút hầm cầu, thu mua phế liệu, giá thép hình, giá cát san lấp, giá thép việt nhật, giá thép ống, chuyển nhà thành hưng, khoan cắt bê tông, khoan cắt bê tông, sắt thép xây dựng, xà gồ xây dựng , thiết kế và thi công nhà, bốc xếp, lắp đặt camera, sửa khóa tại nhà, thông cống nghẹt, Taxi nội bài, Taxi gia đình, taxi đưa đón sân bay, đặt xe sân bay, thu mua phế liệu thành phát, thu mua phế liệu phát thành đạt, thu mua phế liệu hưng thịnh, thu mua phế liệu miền nam, thu mua phế liệu ngọc diệp, thu mua phế liệu mạnh nhất,thu mua phế liệu phương nam, Thu mua phế liệu Sắt thép, Thu mua phế liệu Đồng, Thu mua phế liệu Nhôm, Thu mua phế liệu Inox, Mua phế liệu inox, Mua phế liệu nhôm, Mua phế liệu sắt, Mua phế liệu Đồng, Mua phế liệu giá cao, Thép trí việt,, Thu mua phế liệu Hải Đăng, Thu mua phế liệu Nhật Minh, Thu mua phế liệu Phúc Lộc Tài, Thu mua phế liệu Huy Lộc Phát, Thu mua phế liệu
Copyright 2022 © giathephinh24h.net. DMCA.com Protection Status