--- title: Horizon Theme - Pop up description: Horizon Theme - Pop up --- [![Horizon Logo](https://horizonthemedev.com/hs-fs/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com/?hsLang=en) - Components #### Components Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ornare sed consequat tempus sed adipiscing pellentesque ullamcorper . - [Style Guide](https://horizonthemedev.com/style-guide?hsLang=en) - [Header](https://horizonthemedev.com/header?hsLang=en) - [Footer](https://horizonthemedev.com/footer?hsLang=en) - [Featured Image](https://horizonthemedev.com/featured-image?hsLang=en) - [Shape Divider](https://horizonthemedev.com/shape-divider?hsLang=en) - [Fancy Headline](https://horizonthemedev.com/fancy-headline?hsLang=en) - [Accordion](https://horizonthemedev.com/accordion?hsLang=en) - [Creative Tabs](https://horizonthemedev.com/creative-tabs?hsLang=en) - [Timeline](https://horizonthemedev.com/timeline?hsLang=en) - [Blog Post Cards](https://horizonthemedev.com/blog-post-cards?hsLang=en) - [Testimonial Slider](https://horizonthemedev.com/testimonial-slider?hsLang=en) - [Pricing Cards](https://horizonthemedev.com/pricing-cards?hsLang=en) - [Image Gallery](https://horizonthemedev.com/image-gallery?hsLang=en) - [Image Text](https://horizonthemedev.com/image-text?hsLang=en) - [Image Slider](https://horizonthemedev.com/image-slider?hsLang=en) - [Content Tabs](https://horizonthemedev.com/content-tabs?hsLang=en) - [Background Overlay](https://horizonthemedev.com/background-overlay?hsLang=en) - [Featured Form](https://horizonthemedev.com/featured-form?hsLang=en) - [Flip Cards](https://horizonthemedev.com/flip-cards?hsLang=en) - Icon List - [Popup Modal](https://horizonthemedev.com/pop-up) - Scroll Arrows - [Social Follow](https://horizonthemedev.com/social-follow?hsLang=en) - [Column Swiper](https://horizonthemedev.com/column-swiper?hsLang=en) - [HubDB Listing](https://horizonthemedev.com/hubdb-listing?hsLang=en) - [Multistep Form](https://horizonthemedev.com/multistep-form?hsLang=en) - [Dynamic Tabs](https://horizonthemedev.com/dynamic-tab?hsLang=en) - [Team Members](https://horizonthemedev.com/team-members?hsLang=en) - [Button Group](https://horizonthemedev.com/button-group?hsLang=en) - [Event Calendar](https://horizonthemedev.com/event-calendar?hsLang=en) - Interactive Landings - [Scrolling Animations Landing 1](https://horizonthemedev.com/scrolling-animations-landing-1?hsLang=en) - [Scrolling Animations Landing 2](https://horizonthemedev.com/scrolling-animations-landing-2?hsLang=en) - Blog - Help ###### COMPONENTS # POP UP MODAL --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ornare sed consequat tempus sed adipiscing pellentesque ullamcorper aliquet. Ornare erat nullam vitae netus tristique adipiscing id aliquet rhoncus. [View Variants](https://horizonthemedev.com/pop-up#section-2) ![Horizon BG](https://horizonthemedev.com/hubfs/horizon-bg.png "Horizon BG") ## **VARIANT: BASIC** --- Here are different types of a basic pop up modal. They include an image, text, inputs and a CTA, it looks like a form and there are many ways to display this basic pop ups. Popup Image One Col 01 Popup Image One Col 01 Popup Image Two Col 01 Popup Image Two Col 02 ![__image](https://horizonthemedev.com/hs-fs/hubfs/__image.png?width=626&height=280&name=__image.png) ### Title goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi eu ac lacus a malesuada et enim. Et tortor vestibulum viverra sed suscipit vitae. Ut quis iaculis et sem. ![__image](https://horizonthemedev.com/hs-fs/hubfs/__image.png?width=626&height=280&name=__image.png) ### Title goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi eu ac lacus a malesuada et enim. Et tortor vestibulum viverra sed suscipit vitae. Ut quis iaculis et sem. ![__image](https://horizonthemedev.com/hs-fs/hubfs/__image.png?width=626&height=280&name=__image.png) ### Title goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi eu ac lacus a malesuada et enim. Et tortor vestibulum viverra sed suscipit vitae. Ut quis iaculis et sem. ![__image](https://horizonthemedev.com/hs-fs/hubfs/__image.png?width=626&height=280&name=__image.png) ### Title goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi eu ac lacus a malesuada et enim. Et tortor vestibulum viverra sed suscipit vitae. Ut quis iaculis et sem. ## **VARIANT: VIDEO** --- Here are different types of a pop up modal with videos. They include a video, text, inputs and a CTA, it looks like a form and there are many ways to display this pop ups. Popup Video One Col 01 Popup Video One Col 01 Popup Video Two Col 01 Popup Video Two Col 02 ### **Title goes here** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi eu ac lacus a malesuada et enim. Et tortor vestibulum viverra sed suscipit vitae. Ut quis iaculis et sem. ### **Title goes here** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus. ### Title goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi eu ac lacus a malesuada et enim. Et tortor vestibulum viverra sed suscipit vitae. Ut quis iaculis et sem. ### Title goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus. [![logo](https://horizonthemedev.com/hubfs/raw_assets/public/horizon-theme/images/logo-horizon-dark.svg "logo")](https://horizonthemedev.com/style-guide?hsLang=en) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Copyright © 2025 Horizon Theme . All Rights Reserved. ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "contentUrl" : "https://5915953.fs1.hubspotusercontent-na1.net/hubfs/5915953/video%20(1).mp4", "dateModified" : "2025-06-10T01:43:13.724Z", "duration" : "PT13.28S", "height" : 2160, "name" : "video (1)", "thumbnailUrl" : "https://api-na1.hubapi.com/filemanager/api/v3/files/thumbnail-redirect/93356237442?portalId=5915953&size=medium", "uploadDate" : "2022-11-28T17:36:24.258Z", "width" : 3840 } ```