videos.html

---
layout: default
title: Videos
permalink: /videos
body-class: blog
background-class: features-background
---

<div class="jumbotron jumbotron-fluid contributor-jumbotron">
  <div class="contributor-jumbo-text container">
    <h1>Videos</h1>
    <h2 class="lead">Learn about the latest PyTorch tutorials and more </h2>

  </div>
</div>

<div class="main-content-wrapper">
  <div class="main-content">
    <div class="container">
      <div class="row mt-5 justify-content-around">
        {% assign videos = site.videos | sort_natural: "date" | reverse %}
        {% for post in videos %}
          <div class="col-md-4 video-item">
            <a href="https://www.youtube.com/watch?v={{ post.youtube_id }}">
              <div class="image-container">
                <img src="https://i.ytimg.com/vi/{{ post.youtube_id }}/hqdefault.jpg" alt="YouTube thumbnail image for {{ post.title }}">
              </div>
              <h5>{{ post.title }}</h5>
              <p class="blog-date mb-3">{{ post.date | date: '%B %d, %Y' }}</p>
            </a>
          </div>
        {% endfor %}
      </div>
    </div>
  </div>
</div>