[ux_banner height="444px" bg="20" bg_overlay="rgba(0, 0, 0, 0.3)"]

[text_box]

<h3 class="uppercase"><strong>LIGHTBOX SHORTCODE</strong></h3>
<p class="lead">Open any content in a lightbox</p>

[/text_box]

[/ux_banner]
[row]

[col span__sm="12"]

[button text="Lightbox button" link="#test"]

<p><a href="#test">Lightbox link</a></p>
<p>[lightbox id="test" width="600px" padding="20px"]<br />Add lightbox content here...<br />
[/lightbox]
</p>
<pre>[button text="Lightbox button" link="<b>#test</b>"][lightbox id="<b>test</b>" width="600px" padding="20px"]Add lightbox content here...[/lightbox]</pre>

[/col]

[/row]