> For the complete documentation index, see [llms.txt](https://wpdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.themeparrot.com/wordpress-themes/score/layout-customization/home-page-1/video-section.md).

# 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

![](/files/nNuJuIwXLkgKXjm1676y)

#### **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

```html
<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>
```

![](/files/5eYMs6uXQ6rDyWMB7n1K)

#### **Step 2:**

**Column 2:**

> Extra class name: get\_latest-col

Open text block

Copy and paste the below code

```html
<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>
```

![](/files/TxQJcU96IYSs0WxHiBQv)