Parallax banner

<!--Play the video on the background-->
<div class="parallax">
	<video class="" loop="" muted="muted" autoplay="">
		<source src="{{ video url (e.g. video.mp4) }}" type="video/mp4">
    	<!--WebM- webvtt ogv-->
	</video>
	<figure class="mobile-video-background-image {{ bg-pos-x-left | bg-pos-x-center | bg-pos-x-right }} {{ bg-pos-y-top | bg-pos-y-center | bg-pos-y-bottom }}" style="background-image: url( '{{ Backup Image URL (e.g. image.jpg) }}' );"></figure>

	<div class="parallax-inner video">
		<div class="row">
			<!--The content box is placed on the right side-->
			<div class="col-12 col-sm-6 offset-sm-6 col-lg-4 offset-lg-8">
				<div class="video-body text-right {{ coc-black-opacity | coc-white-opacity }}">
					<h1>{{ Title }}
					<p class="h3">{{ Subtitle }}</p>
					<a href="{{ URL }}" class="cui btn-md primary">{{ Call to action }}<span class="cicon-angle-right right" aria-hidden="true"></span></a>
				</div>
			</div>

			<!--The content box is placed on the left side-->
			<div class="col-12 col-sm-6 col-lg-4">
				<div class="video-body text-left {{ coc-black-opacity | coc-white-opacity }}">
					<h1>{{ Title }}
					<p class="h3">{{ Subtitle }}</p>
					<a href="{{ URL }}" class="cui btn-md primary">{{ Call to action }}<span class="cicon-angle-right right" aria-hidden="true"></span></a>
				</div>
			</div>

			<!--The content box is placed on the center -->
			<div class="col-lg-8 offset-lg-2">
				<div class="video-body text-center {{ coc-black-opacity | coc-white-opacity }}">
					<h1>{{ Title }}
					<p class="h3">{{ Subtitle }}</p>
					<a href="{{ URL }}" class="cui btn-md primary">{{ Call to action }}<span class="cicon-angle-right right" aria-hidden="true"></span></a>
				</div>
			</div>
		</div>
	</div>
</div>

<!--Place the image on the background-->
<div class="parallax">
	<figure class="background-image" style="background-image: url( '{{ Image URL (e.g. image.jpg) }}' );"></figure>
	<div class="parallax-inner">
		<div class="row">
			<div class="col-12 col-md-4">
				<div class="body coc-white-opacity">
					<h2>{{ Title }}</h2>
					<p>{{ Content }}</p>
					<p>
						<a href="{{ URL }}" class="cui btn-md primary">{{ Call to action }}<span class="cicon-angle-right right" aria-hidden="true"></span></a>
					</p>
				</div>
			</div>
		</div>
	</div>
</div>