Buttons

[vc_row][vc_column width=”1/1″][vc_column_text]Fortuna features a vast array of button customization options. You can customize your button color, shape, style, size; add icons to it, animate the icons in and out; add custom classes and apply custom animations to your icons. Check the examples below to experience the variety of colors, forms, sizes and shapes that are available to you with just the click of a button via the Visual composer shortcode modal window interface.[/vc_column_text][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”10px” margin_bottom=”40px”]Button Colors[/boc_heading]WhiteDarkRoyal BlueBondi BlueEmeraldJade

TurquoiseBlueGreenLimeYellowOrangePinkRedMagentaPurpleBrown[/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”50px” margin_bottom=”40px”]Button Styles[/boc_heading]NormalNormal Normal Normal GradientGradient GradientGradient OutlinedOutlined Outlined Outlined3D Style 3D Style 3D Style3D Style[/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”50px” margin_bottom=”40px”]Button Sizes[/boc_heading]Small SmallSmall Small MediumMedium MediumMedium LargeLargeLarge Large XLarge XLargeXLargeXLarge [/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_heading html_element=”h4″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”30px” margin_bottom=”40px”]Button Stretched Sizes[/boc_heading]Small SmallSmall Small MediumMedium MediumMedium LargeLargeLarge Large XLarge XLargeXLargeXLarge [/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”50px” margin_bottom=”40px”]Iconed Buttons[/boc_heading] Before Before In Before OutAfter After In After Out [/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”50px” margin_bottom=”40px”]Button Shapes[/boc_heading]RoundedRounded RoundedRounded Squared SquaredSquared SquaredOval Btn Oval Btn Oval BtnOval Btn[/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”50px” margin_bottom=”40px”]Animate Buttons in[/boc_heading]RoundedRounded RoundedRounded [/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”50px” margin_bottom=”40px”]Full Width Buttons[/boc_heading]Full Width ButtonFull Width Button Full Width ButtonFull Width Button Full Width Button [/vc_column][/vc_row]