{% extends "mnfapp/base.html" %} {% load static %} {% block content %} {%load i18n %} {% block title %} {%endblock%}

<style>
	.row{
		display:flex;
		justify-content:center;
		height:20vh;
	  }
	  #vid{
		width:60vw;
	  }
	  h2{
		margin-left:18vw;
	  }
	  @media (max-width:1600px) {
		.footer{
			position: static !important;
    		bottom: 0vh;
		}
		#vid{
			width:60vw;
			margin-bottom:5vh;
		  }
	  }

	  h2 {
		font-size: 24px;
		font-weight: 700;
	  }
</style>

{% comment %} <div class="demo">
  <h2>Script Audit Demo</h2>
	<video id="vid" controlsList="nodownload" controls autoplay>
		<source src="{%static '/media/ScriptpadDemo.mp4'%}" type="video/mp4" controlsList="nodownload" />
	</video>
</div> {% endcomment %}
<h2>Script Pad Demo</h2>
<div class="row">
	
	<div class="col-sm-12 text-center">
	  
	<video id="vid" controlsList="nodownload" controls >
	  <source
		src="{%static '/media/ScriptpadDemo.mp4'%}"
		type="video/mp4" controlsList="nodownload"/>
	</video>
   </div>
   
{% include 'mnfapp/footer.html' %}
  </div>



 {% endblock %}