Video section

4. Video section

Row stretch: Stretch row and content

Extra class(row): video-blog background-image

Column : 2

Choose background image for Design options tab

Step: 1

Column 1:

Extra class name: video-col background-image

Set background image in design option.

Open Text block

Copy and paste below code

<p>
<button class="video-btn btn" type="button" data-toggle="modal" data-target="#myModal">[icon name="caret-right" class="" unprefixed_class=""]</button></p>
<p><!-- Modal --></p>
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<p><!-- Modal content--></p>
<div class="modal-content">
<div class="modal-body"><iframe src="https://www.youtube.com/embed/W_B2UZ_ZoxU" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
</div>
</div>
</div>

Step 2:

Column 2:

Extra class name: get_latest-col

Open text block

Copy and paste the below code

<div class="home1-newsletter">
<h2>To get Latest News</h2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
[newsletter_form button_label="Subscribe Now!"]
[newsletter_field name="first_name" label="Name"]
[newsletter_field name="email" placeholder="Enter your Email" label="Email"]
[/newsletter_form]

</div>