{{ header }}


  <div class="inner-wrap pt-4">
      <div class="container">
          <div class="row">
              <div class="col-md-12 mb-3">
                  <h2>All Videos</h2>
              </div>
          </div>
          <div class="row">
            {% for video in videos %}
              <div class="col-sm-4">

              		  <iframe width="300" height="170" src="https://www.youtube.com/embed/{{ video.url }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>                  
	                    <div style="text-transform: capitalize;text-align: center;">{{ video.title }}</div>
                    

                
              </div>
            {% endfor %}
          </div>
      </div>
  </div>


{{ footer }}