#### Lightbox Popup

### Single image lightbox

###### `<a class="image-popup-no-margins" href="..." title="title will be apear here"><img src="..."/></a>`

Fits horizontally and vertically
Only horizontally
Zoom animation, close on top-right.

#### Lightbox gallery

###### `<a href="..." title="title will be apear here"><img src="..."/></a>`

just add code under class="popup-gallery".

#### Zoom-gallery

#### Css Animation

Zoom
Newspaper
Horizontal move
Move from top
3d unfold
Zoom-out

#### Popup with Youtube Video

###### You can use youtube video with popup just add class `popup-youtube`

Open YouTube video

#### Google map

###### You can use Googlemap with popup just add class with `popup-gmaps`

Open Google Map

#### Form Popup

Open form

# Form

Lightbox has an option to automatically focus on the first input. It's strongly recommended to use `inline` popup type for lightboxes with form instead of `ajax` (to keep entered data if the user accidentally refreshed the page).

Name
Email
Phone
Textarea
Try to resize me to see how popup CSS-based resizing works.

#### 10:10

Morbi quis ex eu arcu auctor sagittis.

by Johne

#### 08:40

Proin iaculis eros non odio ornare efficitur.

by Amla

#### 07:10

In mattis mi ut posuere consectetur.

by Josef

#### 01:15

Morbi quis ex eu arcu auctor sagittis.

by Rima

#### 23:12

Morbi quis ex eu arcu auctor sagittis.

by Alaxa

#### 10:10

Morbi quis ex eu arcu auctor sagittis.

by Johne

#### 08:40

Proin iaculis eros non odio ornare efficitur.

by Amla

#### 07:10

In mattis mi ut posuere consectetur.

by Josef

#### 01:15

Morbi quis ex eu arcu auctor sagittis.

by Rima

#### 23:12

Morbi quis ex eu arcu auctor sagittis.

by Alaxa

##### Tasks Overview

Project Briefing Project Manager
Concept Design Art Director
Functional Logics Lead Developer
Development DevOps
Testing QA Managers

##### Messages

Duis faucibus lorem Pharetra, Nulla
+125$
Mauris varius augue Pharetra, Nulla
+125$
Aliquam in magna Pharetra, Nulla
+125$
Phasellus venenatis nisi Pharetra, Nulla
+125$
Vivamus consectetur Pharetra, Nulla
+125$

##### Support

Enable Notifications:
Enable Case Tracking:
Support Portal:

##### Overview

Generate Overview:
Enable Overview Export:
Allow Data Collection:

##### Users

Enable Users singup:
Allow User Feedbacks:
Enable Users Portal:
Mayra Sibley
Active
Mayra Sibley

2 Hours

Hi there, I'm Jesse and you?
You

3 minutes

My name is Anne Clarc.
Mayra Sibley

40 seconds

Nice to meet you Anne.
How can i help you?