# Buttons

Tons of button types for your website. From a simple colored button to a more advanced dropdown button.

View Examples Buy Porto

#### Default

These are the default button style, select between any color you want.

Primary Secondary Tertiary Quaternary
Light Dark

#### Rounded

Rounded button style using any color from skin.

Primary Secondary Tertiary Quaternary
Light Dark

#### Square

Square button style using any color from skin.

Primary Secondary Tertiary Quaternary
Light Dark

#### Outline

Outline button style using any color from skin.

Primary Secondary Tertiary Quaternary
Light Dark

#### Outline Rounded

Same as default outline but with rounded borders.

Primary Secondary Tertiary Quaternary
Light Dark

#### Outline Square

Same as default outline but with square borders.

Primary Secondary Tertiary Quaternary
Light Dark

#### 3D

Alternative 3d style with any skin color.

Primary Secondary Tertiary Quaternary
Light Dark

#### 3D Rounded

Same as default 3D but with rounded borders.

Primary Secondary Tertiary Quaternary
Light Dark

#### 3D Square

Same as default 3D but with square borders.

Primary Secondary Tertiary Quaternary
Light Dark

#### Modern

Modern style alternative, with any skin color.

Primary Secondary Tertiary Quaternary
Light Dark

#### Modern Rounded

Same as default modern style but with rounded borders.

Primary Secondary Tertiary Quaternary
Light Dark

#### Modern Square

Same as default modern style but with square borders.

Primary Secondary Tertiary Quaternary
Light Dark

#### Gradient

Gradient style alternative, using the skin color.

Primary Primary Primary

Gradient Gradient Gradient Gradient Gradient Gradient

Gradient Gradient Gradient Gradient Gradient Gradient

Gradient Gradient Gradient Gradient Gradient Gradient

Gradient Gradient Gradient Gradient Gradient Gradient

#### Gradient Outline

Same as default gradient style but with outline borders.

Primary

#### Shadow

Shadow style alternative, using the skin color.

Primary Secondary Tertiary Quaternary
Light Dark

#### Disabled

#### Block Buttons

Primary

#### Dropdown Buttons

#### Arrow Buttons

Primary Secondary Tertiary Quartenary Dark

Primary Secondary Tertiary Quartenary Dark

Primary Secondary Tertiary Quartenary Dark Light

Primary Secondary Tertiary Quartenary Dark Light

Light

#### Arrow Buttons Outline

Primary Secondary Tertiary Quartenary Dark

#### Sizes

Extra Large Size Extra Large Size Extra Large Size

Large Size Large Size Large Size

Default Size Default Size Default Size

Small Size Small Size Small Size

Extra Small Size Extra Small Size Extra Small Size

#### Hover Effects

Effect 1 Effect 2 Effect 3 Effect 4 Effect 5 Effect 6 Effect 7

Effect 1

Swap 1 Swap 2 Submit

Arrow Effect Arrow Effect Arrow Effect

#### Link Buttons Effects

Underline 1 Underline 2 Underline 3 Underline 4 Underline 5

Arrow Effect

#### Buttons Icons

Refresh Cloud GET STARTED NOW

#### Buttons With Badge

Purchase Only $14

#### Circle Buttons

##### Default

##### Large

##### Extra Large

#### Play Buttons

Lorem ipsum dolor sit a met. Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

Lorem ipsum dolor sit a met. Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

#### Watch the video

32 Seconds

#### Share Buttons

##### Default

##### Large

#### Pagination

##### Large

- 1
- 2
- 3

##### Default

- 1
- 2
- 3

##### Small

- 1
- 2
- 3

## Porto Elements

Porto comes with several elements options, it's easy to customize
and create the content of your website's pages.

Accordions
Toggles
Tabs
Icons
Icon Boxes
Carousels
Modals
Lightboxes
Buttons
Badges
Lists
Cards
Image Gallery
Image Frames
Image Hotspots
Testimonials
Blockquotes
Word Rotator
Before / After
Typography
Call to Action
Pricing Tables
Tables
Progress Bars
Process
Counters
Countdowns
Countdowns
Sections
Parallax
Tooltips & Popovers
Sticky Elements
Headings
Dividers
Animations
Particles
Medias
Maps
Arrows
Star Ratings
Alerts
Posts
Forms
360º Image Viewer
Shape Dividers
Read More
Cascading Images
Random Images

## Build your website with Porto

#### Purchase now. Only $14!

#### Porto Template has been available on ThemeForest since 2013 and is one of the top sellers with more than 50K+ sales.

##### SUPER HIGH PERFORMANCE

##### Strict Coding Standards

##### Free Lifetime Updates

BUY PORTO NOW

#### Customer Showcase(SAMPLE SITES)

#### Support Center

#### Online Documentation

#### Video Tutorials
(coming soon)

- Porto Versions:
- ADMIN HTML
- SHOP HTML
- WORDPRESS
- MAGENTO
- SHOPIFY
- DRUPAL