Modal
Easily create a call to action button that opens a modal box. Include any kind of content within your modal. Customize overlay, animation, size, placement and more.
Modal Examples:
Left-Aligned Full-Height Modal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius ac lectus quis laoreet. Sed ante leo, dignissim non condimentum vel, tincidunt id ipsum. Morbi eget egestas neque. Pellentesque sem sapien, consequat id congue ut, dapibus vel purus. Duis at tempor sapien. Nullam tempor convallis augue. Cras vestibulum neque ante, et mollis diam cursus ac. Cras iaculis ornare augue in interdum.
Nulla facilisi. Maecenas nibh erat, elementum id risus sit amet, luctus imperdiet purus. Mauris ultricies tincidunt erat ac congue. Phasellus porttitor velit nec dui fermentum laoreet. Donec pharetra felis non luctus condimentum. Sed pretium mauris commodo, maximus leo vitae, aliquet lorem. Aenean laoreet sagittis egestas. Phasellus et magna sit amet libero imperdiet auctor. In faucibus laoreet fringilla. Cras consequat odio sit amet lorem facilisis, vitae imperdiet erat rutrum. Nunc aliquet metus ut aliquet dignissim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius ac lectus quis laoreet. Sed ante leo, dignissim non condimentum vel, tincidunt id ipsum. Morbi eget egestas neque. Pellentesque sem sapien, consequat id congue ut, dapibus vel purus. Duis at tempor sapien. Nullam tempor convallis augue. Cras vestibulum neque ante, et mollis diam cursus ac. Cras iaculis ornare augue in interdum.
This is a Basic Modal Block
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius ac lectus quis laoreet. Sed ante leo, dignissim non condimentum vel, tincidunt id ipsum. Morbi eget egestas neque. Pellentesque sem sapien, consequat id congue ut, dapibus vel purus. Duis at tempor sapien. Nullam tempor convallis augue. Cras vestibulum neque ante, et mollis diam cursus ac. Cras iaculis ornare augue in interdum.
Nulla facilisi. Maecenas nibh erat, elementum id risus sit amet, luctus imperdiet purus. Mauris ultricies tincidunt erat ac congue. Phasellus porttitor velit nec dui fermentum laoreet. Donec pharetra felis non luctus condimentum. Sed pretium mauris commodo, maximus leo vitae, aliquet lorem. Aenean laoreet sagittis egestas. Phasellus et magna sit amet libero imperdiet auctor. In faucibus laoreet fringilla. Cras consequat odio sit amet lorem facilisis, vitae imperdiet erat rutrum. Nunc aliquet metus ut aliquet dignissim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius ac lectus quis laoreet. Sed ante leo, dignissim non condimentum vel, tincidunt id ipsum. Morbi eget egestas neque. Pellentesque sem sapien, consequat id congue ut, dapibus vel purus. Duis at tempor sapien. Nullam tempor convallis augue. Cras vestibulum neque ante, et mollis diam cursus ac. Cras iaculis ornare augue in interdum.
Right-Aligned Full-Height Modal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius ac lectus quis laoreet. Sed ante leo, dignissim non condimentum vel, tincidunt id ipsum. Morbi eget egestas neque. Pellentesque sem sapien, consequat id congue ut, dapibus vel purus. Duis at tempor sapien. Nullam tempor convallis augue. Cras vestibulum neque ante, et mollis diam cursus ac. Cras iaculis ornare augue in interdum.
Nulla facilisi. Maecenas nibh erat, elementum id risus sit amet, luctus imperdiet purus. Mauris ultricies tincidunt erat ac congue. Phasellus porttitor velit nec dui fermentum laoreet. Donec pharetra felis non luctus condimentum. Sed pretium mauris commodo, maximus leo vitae, aliquet lorem. Aenean laoreet sagittis egestas. Phasellus et magna sit amet libero imperdiet auctor. In faucibus laoreet fringilla. Cras consequat odio sit amet lorem facilisis, vitae imperdiet erat rutrum. Nunc aliquet metus ut aliquet dignissim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius ac lectus quis laoreet. Sed ante leo, dignissim non condimentum vel, tincidunt id ipsum. Morbi eget egestas neque. Pellentesque sem sapien, consequat id congue ut, dapibus vel purus. Duis at tempor sapien. Nullam tempor convallis augue. Cras vestibulum neque ante, et mollis diam cursus ac. Cras iaculis ornare augue in interdum.
Nulla facilisi. Maecenas nibh erat, elementum id risus sit amet, luctus imperdiet purus. Mauris ultricies tincidunt erat ac congue. Phasellus porttitor velit nec dui fermentum laoreet. Donec pharetra felis non luctus condimentum. Open with paragraph link. Sed pretium mauris commodo, maximus leo vitae, aliquet lorem. Aenean laoreet sagittis egestas. Phasellus et magna sit amet libero imperdiet auctor. In faucibus laoreet fringilla. Cras consequat odio sit amet lorem facilisis, vitae imperdiet erat rutrum. Nunc aliquet metus ut aliquet dignissim.
Modal From Paragraph Link
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius ac lectus quis laoreet. Sed ante leo, dignissim non condimentum vel, tincidunt id ipsum. Morbi eget egestas neque. Pellentesque sem sapien, consequat id congue ut, dapibus vel purus. Duis at tempor sapien. Nullam tempor convallis augue. Cras vestibulum neque ante, et mollis diam cursus ac. Cras iaculis ornare augue in interdum.
Nulla facilisi. Maecenas nibh erat, elementum id risus sit amet, luctus imperdiet purus. Mauris ultricies tincidunt erat ac congue. Phasellus porttitor velit nec dui fermentum laoreet. Donec pharetra felis non luctus condimentum. Sed pretium mauris commodo, maximus leo vitae, aliquet lorem. Aenean laoreet sagittis egestas. Phasellus et magna sit amet libero imperdiet auctor. In faucibus laoreet fringilla. Cras consequat odio sit amet lorem facilisis, vitae imperdiet erat rutrum. Nunc aliquet metus ut aliquet dignissim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius ac lectus quis laoreet. Sed ante leo, dignissim non condimentum vel, tincidunt id ipsum. Morbi eget egestas neque. Pellentesque sem sapien, consequat id congue ut, dapibus vel purus. Duis at tempor sapien. Nullam tempor convallis augue. Cras vestibulum neque ante, et mollis diam cursus ac. Cras iaculis ornare augue in interdum.
Icon Bottom-Aligned Modal Block
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius ac lectus quis laoreet. Sed ante leo, dignissim non condimentum vel, tincidunt id ipsum. Morbi eget egestas neque. Pellentesque sem sapien, consequat id congue ut, dapibus vel purus. Duis at tempor sapien. Nullam tempor convallis augue. Cras vestibulum neque ante, et mollis diam cursus ac. Cras iaculis ornare augue in interdum.
Nulla facilisi. Maecenas nibh erat, elementum id risus sit amet, luctus imperdiet purus. Mauris ultricies tincidunt erat ac congue. Phasellus porttitor velit nec dui fermentum laoreet. Donec pharetra felis non luctus condimentum. Sed pretium mauris commodo, maximus leo vitae, aliquet lorem. Aenean laoreet sagittis egestas. Phasellus et magna sit amet libero imperdiet auctor. In faucibus laoreet fringilla. Cras consequat odio sit amet lorem facilisis, vitae imperdiet erat rutrum. Nunc aliquet metus ut aliquet dignissim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius ac lectus quis laoreet. Sed ante leo, dignissim non condimentum vel, tincidunt id ipsum. Morbi eget egestas neque. Pellentesque sem sapien, consequat id congue ut, dapibus vel purus. Duis at tempor sapien. Nullam tempor convallis augue. Cras vestibulum neque ante, et mollis diam cursus ac. Cras iaculis ornare augue in interdum.