# Modals

A simple and easy way to show hidden content in a popup trough a button.

View Examples Buy Porto

#### Default

This is the default modal options without settings.

#### Default Modal Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.

#### Optional Sizes

You can change the size of the modal.

#### Large Modal Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.

#### Small Modal Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.

#### With Form

Add forms in the content of the modal.

#### Large Modal Title

Name
Email
URL
Comment

#### No Animation

Remove the animation of the modal.

#### Remove Animation Modal Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.

## 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
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 $16!

#### Porto Template has been available on ThemeForest since 2013 and is one of the top sellers with more than 40K+ 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