USD

About Tourigo

Explore stunning destinations and create immersive travel experiences that inspire wanderlust and captivate your audience from the start.

Contact Info

Account

Log In Get Started

Subscribe & Follow

Button Elements

Tourigo Elements Buttons

Default Buttons

If you want to add different color button variations, add the class name to your HTML. Below the button is the name of the class.

Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button
Modern Button

Buttons Color Variation

If you want to add different color button variations, add the class name to your HTML. Below the button is the name of the class.

Primary Button .bd-btn btn-style
Secondary btn .btn-secondary
Tertiary btn .btn-tertiary
Warning btn .btn-quaternary
Success btn .bd-success
Danger btn .bd-danger

Buttons Size Variation

If you want to add different color button variations, add the class name to your HTML. Below the button is the name of the class.

Button XS .btn-xs
Button SM .btn-sm
Button MD .btn-md
Button LG .btn-lg
Button XL .btn-xl
Button XXL .btn-xxl

Border Radius Variation

If you want to add different color button variations, add the class name to your HTML. Below the button is the name of the class.

Button Border Radius .radius-5
Button Border Radius .radius-10
Button Border Radius .radius-30
Button Border Radius .radius-40

Border Variation

If you want to add different color button variations, add the class name to your HTML. Below the button is the name of the class.

Button XS .outline-btn
Button SM .outline-btn
Button MD .outline-btn
Button LG .outline-btn
Button XL .outline-btn
Button XXL .outline-btn

Gradients Variation

If you want to add different color button variations, add the class name to your HTML. Below the button is the name of the class.

Know More .bd-gradient-btn
Know More .btn-secondary
Know More .btn-tertiary
Know More .btn-quaternary

Hover Variation

If you want to add different color button variations, add the class name to your HTML. Below the button is the name of the class.

Primary Text
SecondaryText
bd-switch-btn
Primary Text
SecondaryText
has-top
Primary Text
SecondaryText
has-left
Primary Text
SecondaryText
has-right

Modern Variation

If you want to add different color button variations, add the class name to your HTML. Below the button is the name of the class.

Modern Button
Get Started
Modern Button
Modern Button

Marquee Variation

If you want to add different color button variations, add the class name to your HTML. Below the button is the name of the class.

Marquee X
Marquee Y
Marquee X

Circle Variation

If you want to add different color button variations, add the class name to your HTML. Below the button is the name of the class.

App Button

app
get it on
Google Play
app
Download on the
App Store
app
Explore it on
AppGallery

App Button with BG

app
get it on
Google Play
app
Download on the
App Store
app
Explore it on
AppGallery