X
About Us

Sed ut perspiciatis unde omnis iste tium dolore mque laudan tium, quae ab illo inventore veritatis et quasi architecto beatae.

en-UScy-GBbr-FR

Custom Buttons

Features > Typography > Custom Buttons
RED TEAL VIOLET MIDNIGHTBLUE GOLD OLIVEDRAB STEELBLUE GOLDENORANGE SILVER DARK
SOURCE CODE 
<a href="#" class="Button_style5 one Red">RED</a>
<a href="#" class="Button_style5 one Teal">TEAL</a>
<a href="#" class="Button_style5 one Violet">VIOLET</a>
<a href="#" class="Button_style5 one MidnightBlue">MIDNIGHTBLUE</a>
<a href="#" class="Button_style5 one gold">GOLD</a>
<a href="#" class="Button_style5 one OliveDrab">OLIVEDRAB</a>
<a href="#" class="Button_style5 one SteelBlue">STEELBLUE</a>
<a href="#" class="Button_style5 one GoldenOrange">GOLDENORANGE</a>
<a href="#" class="Button_style5 one silver">SILVER</a>
<a href="#" class="Button_style5 one black">DARK</a>


RED TEAL VIOLET MIDNIGHTBLUE GOLD OLIVEDRAB STEELBLUE GOLDENORANGE SILVER DARK
SOURCE CODE 
<a href="#" class="Button_style5 two Red">RED</a>
<a href="#" class="Button_style5 two Teal">TEAL</a>
<a href="#" class="Button_style5 two Violet">VIOLET</a>
<a href="#" class="Button_style5 two MidnightBlue">MIDNIGHTBLUE</a>
<a href="#" class="Button_style5 two gold">GOLD</a>
<a href="#" class="Button_style5 two OliveDrab">OLIVEDRAB</a>
<a href="#" class="Button_style5 two SteelBlue">STEELBLUE</a>
<a href="#" class="Button_style5 two GoldenOrange">GOLDENORANGE</a>
<a href="#" class="Button_style5 two silver">SILVER</a>
<a href="#" class="Button_style5 two black">DARK</a>


RED TEAL VIOLET MIDNIGHTBLUE GOLD OLIVEDRAB STEELBLUE GOLDENORANGE SILVER DARK
SOURCE CODE 
<a href="#" class="Button_style5 three Red">RED</a>
<a href="#" class="Button_style5 three Teal">TEAL</a>
<a href="#" class="Button_style5 three Violet">VIOLET</a>
<a href="#" class="Button_style5 three MidnightBlue">MIDNIGHTBLUE</a>
<a href="#" class="Button_style5 three gold">GOLD</a>
<a href="#" class="Button_style5 three OliveDrab">OLIVEDRAB</a>
<a href="#" class="Button_style5 three SteelBlue">STEELBLUE</a>
<a href="#" class="Button_style5 three GoldenOrange">GOLDENORANGE</a>
<a href="#" class="Button_style5 three silver">SILVER</a>
<a href="#" class="Button_style5 three black">DARK</a>


RED TEAL VIOLET MIDNIGHTBLUE GOLD OLIVEDRAB STEELBLUE GOLDENORANGE SILVER DARK
SOURCE CODE 
<a href="#" class="Button_style6 one Red">RED</a>
<a href="#" class="Button_style6 one Teal">TEAL</a>
<a href="#" class="Button_style6 one Violet">VIOLET</a>
<a href="#" class="Button_style6 one MidnightBlue">MIDNIGHTBLUE</a>
<a href="#" class="Button_style6 one gold">GOLD</a>
<a href="#" class="Button_style6 one OliveDrab">OLIVEDRAB</a>
<a href="#" class="Button_style6 one SteelBlue">STEELBLUE</a>
<a href="#" class="Button_style6 one GoldenOrange">GOLDENORANGE</a>
<a href="#" class="Button_style6 one silver">SILVER</a>
<a href="#" class="Button_style6 one black">DARK</a>


RED TEAL VIOLET MIDNIGHTBLUE GOLD OLIVEDRAB STEELBLUE GOLDENORANGE SILVER DARK
SOURCE CODE 
<a href="#" class="Button_style6 two Red">RED</a>
<a href="#" class="Button_style6 two Teal">TEAL</a>
<a href="#" class="Button_style6 two Violet">VIOLET</a>
<a href="#" class="Button_style6 two MidnightBlue">MIDNIGHTBLUE</a>
<a href="#" class="Button_style6 two gold">GOLD</a>
<a href="#" class="Button_style6 two OliveDrab">OLIVEDRAB</a>
<a href="#" class="Button_style6 two SteelBlue">STEELBLUE</a>
<a href="#" class="Button_style6 two GoldenOrange">GOLDENORANGE</a>
<a href="#" class="Button_style6 two silver">SILVER</a>
<a href="#" class="Button_style6 two black">DARK</a>


RED TEAL VIOLET MIDNIGHTBLUE GOLD OLIVEDRAB STEELBLUE GOLDENORANGE SILVER DARK
SOURCE CODE 
<a href="#" class="Button_style6 three Red">RED</a>
<a href="#" class="Button_style6 three Teal">TEAL</a>
<a href="#" class="Button_style6 three Violet">VIOLET</a>
<a href="#" class="Button_style6 three MidnightBlue">MIDNIGHTBLUE</a>
<a href="#" class="Button_style6 three gold">GOLD</a>
<a href="#" class="Button_style6 three OliveDrab">OLIVEDRAB</a>
<a href="#" class="Button_style6 three SteelBlue">STEELBLUE</a>
<a href="#" class="Button_style6 three GoldenOrange">GOLDENORANGE</a>
<a href="#" class="Button_style6 three silver">SILVER</a>
<a href="#" class="Button_style6 three black">DARK</a>


RED TEAL VIOLET MIDNIGHTBLUE GOLD OLIVEDRAB STEELBLUE GOLDENORANGE SILVER DARK
SOURCE CODE 
<a href="#" class="Button_style7 one Red">RED</a>
<a href="#" class="Button_style7 one Teal">TEAL</a>
<a href="#" class="Button_style7 one Violet">VIOLET</a>
<a href="#" class="Button_style7 one MidnightBlue">MIDNIGHTBLUE</a>
<a href="#" class="Button_style7 one gold">GOLD</a>
<a href="#" class="Button_style7 one OliveDrab">OLIVEDRAB</a>
<a href="#" class="Button_style7 one SteelBlue">STEELBLUE</a>
<a href="#" class="Button_style7 one GoldenOrange">GOLDENORANGE</a>
<a href="#" class="Button_style7 one silver">SILVER</a>
<a href="#" class="Button_style7 one black">DARK</a>


RED TEAL VIOLET MIDNIGHTBLUE GOLD OLIVEDRAB STEELBLUE GOLDENORANGE SILVER DARK
SOURCE CODE 
<a href="#" class="Button_style7 two Red">RED</a>
<a href="#" class="Button_style7 two Teal">TEAL</a>
<a href="#" class="Button_style7 two Violet">VIOLET</a>
<a href="#" class="Button_style7 two MidnightBlue">MIDNIGHTBLUE</a>
<a href="#" class="Button_style7 two gold">GOLD</a>
<a href="#" class="Button_style7 two OliveDrab">OLIVEDRAB</a>
<a href="#" class="Button_style7 two SteelBlue">STEELBLUE</a>
<a href="#" class="Button_style7 two GoldenOrange">GOLDENORANGE</a>
<a href="#" class="Button_style7 two silver">SILVER</a>
<a href="#" class="Button_style7 two black">DARK</a>


RED TEAL VIOLET MIDNIGHTBLUE GOLD OLIVEDRAB STEELBLUE GOLDENORANGE SILVER DARK
SOURCE CODE 
<a href="#" class="Button_style7 three Red">RED</a>
<a href="#" class="Button_style7 three Teal">TEAL</a>
<a href="#" class="Button_style7 three Violet">VIOLET</a>
<a href="#" class="Button_style7 three MidnightBlue">MIDNIGHTBLUE</a>
<a href="#" class="Button_style7 three gold">GOLD</a>
<a href="#" class="Button_style7 three OliveDrab">OLIVEDRAB</a>
<a href="#" class="Button_style7 three SteelBlue">STEELBLUE</a>
<a href="#" class="Button_style7 three GoldenOrange">GOLDENORANGE</a>
<a href="#" class="Button_style7 three silver">SILVER</a>
<a href="#" class="Button_style7 three black">DARK</a>
Style One(Color)
Small Button Medium Button Large Button
SOURCE CODE 
 
<a href="#" class="Button_style1 small light a_bg_c">Small Button</a>
<a href="#" class="Button_style1 large light a_bg_c">Medium Button</a>
<a href="#" class="Button_style1 jumbo light a_bg_c">Large Button</a>
Style Two(Color)
Small Button Medium Button Large Button
SOURCE CODE 
 
<a href="#" class="Button_style2 small light a_t_c a_b_c">Small Button</a>
<a href="#" class="Button_style2 large light a_t_c a_b_c">Medium Button</a>
<a href="#" class="Button_style2 jumbo light a_t_c a_b_c">Large Button</a>
Style Three(Color)
Small Button Medium Button Large Button
SOURCE CODE 
 
<a href="#" class="Button_style3 small light a_bg_c">Small Button</a>
<a href="#" class="Button_style3 large light a_bg_c">Medium Button</a>
<a href="#" class="Button_style3 jumbo light a_bg_c">Large Button</a>
Style Four(Color)
Small Button Medium Button Large Button
SOURCE CODE 
 
<a href="#" class="Button_style4 small light a_t_c a_b_c">Small Button</a>
<a href="#" class="Button_style4 large light a_t_c a_b_c">Medium Button</a>
<a href="#" class="Button_style4 jumbo light a_t_c a_b_c">Large Button</a>
  • (+088) - 123 4567
  • dnnskindev@gmail.com
Style One(Dark)
Small Button Medium Button Large Button
SOURCE CODE 
 
<a href="#" class="Button_style1 small dark">Small Button</a>
<a href="#" class="Button_style1 large dark">Medium Button</a>
<a href="#" class="Button_style1 jumbo dark">Large Button</a>
Style Two(Dark)
Small Button Medium Button Large Button
SOURCE CODE 
 
<a href="#" class="Button_style2 small dark">Small Button</a>
<a href="#" class="Button_style2 large dark">Medium Button</a>
<a href="#" class="Button_style2 jumbo dark">Large Button</a>
Style Three(Dark)
Small Button Medium Button Large Button
SOURCE CODE 
 
<a href="#" class="Button_style3 small dark">Small Button</a>
<a href="#" class="Button_style3 large dark">Medium Button</a>
<a href="#" class="Button_style3 jumbo dark">Large Button</a>
Style Four(Dark)
Small Button Medium Button Large Button
SOURCE CODE 
 
<a href="#" class="Button_style4 small dark">Small Button</a>
<a href="#" class="Button_style4 large dark">Medium Button</a>
<a href="#" class="Button_style4 jumbo dark">Large Button</a>

Style One(White)

Small Button Medium Button Large Button
SOURCE CODE 
 
<a href="#" class="Button_style1 small white a_t_c">Small Button</a>
<a href="#" class="Button_style1 large white a_t_c">Medium Button</a>
<a href="#" class="Button_style1 jumbo white a_t_c">Large Button</a>

Style Two(White)

Small Button Medium Button Large Button
SOURCE CODE 
 
<a href="#" class="Button_style2 small white">Small Button</a>
<a href="#" class="Button_style2 large white">Medium Button</a>
<a href="#" class="Button_style2 jumbo white">Large Button</a>

Style Three(White)

Small Button Medium Button Large Button
SOURCE CODE 
 
<a href="#" class="Button_style3 small white a_t_c">Small Button</a>
<a href="#" class="Button_style3 large white a_t_c">Medium Button</a>
<a href="#" class="Button_style3 jumbo white a_t_c">Large Button</a>

Style Four(Dark)

Small Button Medium Button Large Button
SOURCE CODE 
 
<a href="#" class="Button_style4 small white">Small Button</a>
<a href="#" class="Button_style4 large white">Medium Button</a>
<a href="#" class="Button_style4 jumbo white">Large Button</a>