Videos in Stacked Boxes

Marketing Principles

Sales and Marketing Philosophy

This is some text about the video and why you might want to watch it. It is very interesting and highlights important points about marketing.

Four Marketing Philosophies Transcript.docx Download Four Marketing Philosophies Transcript.docx

Market Orientation

This is some text about the video and why you might want to watch it. It is very interesting and highlights important points about marketing.

Marketing Orientation Transcript.docx Download Marketing Orientation Transcript.docx

Societal Marketing Orientation

This is some text about the video and why you might want to watch it. It is very interesting and highlights important points about marketing.

Social Marketing Orientation Transcript.docx Download Social Marketing Orientation Transcript.docx

Videos in Stacked Boxes Code to Copy

 <div style="margin: 1.5rem 0; padding: 1em; border: 1px solid #D0D2D5; border-radius: 20px; background: #ffffff; font-size: 100%; overflow: auto;">
    <h3 style="text-align: center;">Video Subheading</h3>
    <p>Text to introduce the video.</p>
    <figure style="text-align: center;"><iframe>Replace with video embed code</iframe>
         <p><a> link to transcript</a></p>
    </figure>
</div>
<div style="margin: 1.5rem 0em; padding: 1em; border: 1px solid #D0D2D5; border-radius: 20px; background: #ffffff; font-size: 100%; overflow: auto;">
    <h3 style="text-align: center;">Video Subheading</h3>
    <p>Text introducing the video.</p>
    <figure style="text-align: center;"><iframe>Replace with video embed code</iframe>
         <p><a> link to transcript</a></p>
    </figure>
</div>
<div style="margin: 1.5rem 0; padding: 1em; border: 1px solid #D0D2D5; border-radius: 20px; background: #ffffff; font-size: 100%; overflow: auto;">
    <h3 style="text-align: center;">Video Subheading</h3>
    <p>Text introducing the video.</p>
    <figure style="text-align: center;"><iframe>Replace with video embed code</iframe>
         <p><a> link to transcript</a></p>
    </figure>
</div>

Guidelines and Modifications

You can change the border and background colors.
It's good practice to introduce the video with a heading, lead-in text, or both.
Add a transcript when you can.
Make the box the full width of the page to ensure a better experience on a mobile device.
Originally this style had the video on the left with text on the right, but the transcript would not open correctly using that layout. Centering the videos is recommended.