---
layout: dashboard
title: My Videos
---

<!--Dashboard container-->
<div id="creator-dashboard" class="dashboard-container">
  <!--Toolbar-->
  <div class="dashboard-toolbar">
    <h1 class="title is-4">My Videos</h1>
    <div class="actions">
      <label class="theme-toggle">
        <input type="checkbox" />
        <span class="toggler">
          <span class="dark">
            <i data-feather="moon"></i>
          </span>
          <span class="light">
            <i data-feather="sun"></i>
          </span>
        </span>
      </label>
      <div class="buttons">
        <a class="button is-solid primary-button is-raised has-icon">
          <i data-feather="plus"></i>
          <span>Create</span>
        </a>
        <a class="button is-solid live-button has-icon">
          <i data-feather="video"></i>
          <span>Go Live</span>
        </a>
      </div>
    </div>
  </div>

  <div class="dashboard-body">
    <!-- Video collection -->
    <div class="video-collection">
      <div class="collection-header">
        <a class="is-active">All</a>
        <a>Mine</a>
        <a>Tagged</a>
        <div class="search-button">
          <i data-feather="search"></i>
        </div>
      </div>

      <div class="collections-wrap is-active">
        <div class="collection">
          <div class="header">
            <h4>Shows & Movies</h4>
          </div>
          <div class="video-collection">
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">01:39:43</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c17.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/vector/icons/logos/metamovies.svg"
                  data-page-popover="2"
                  alt=""
                />
                <div class="info">
                  <span>The Old Caban</span>
                  <span>Meta Movies</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">01:26:17</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c18.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/vector/icons/logos/metamovies.svg"
                  data-page-popover="2"
                  alt=""
                />
                <div class="info">
                  <span>Eaten Alive</span>
                  <span>Meta Movies</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">02:31:54</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c19.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/vector/icons/logos/metamovies.svg"
                  data-page-popover="2"
                  alt=""
                />
                <div class="info">
                  <span>Forgotten</span>
                  <span>Meta Movies</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">02:03:17</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c20.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/vector/icons/logos/metamovies.svg"
                  data-page-popover="2"
                  alt=""
                />
                <div class="info">
                  <span>The Wastelands</span>
                  <span>Meta Movies</span>
                </div>
              </div>
            </a>
          </div>
        </div>
        <!-- Collection -->
        <div class="collection">
          <div class="header">
            <h4>Gaming</h4>
          </div>
          <div class="video-collection">
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">02:13:49</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c1.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/brian.jpg"
                  data-user-popover="19"
                  alt=""
                />
                <div class="info">
                  <span>The best keyboards for 2019!</span>
                  <span>Brian Stevenson</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:26:17</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c2.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/dan.jpg"
                  data-user-popover="1"
                  alt=""
                />
                <div class="info">
                  <span>Exclusive limited unboxing</span>
                  <span>Dan Walker</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">01:12:31</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c3.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/dan.jpg"
                  data-user-popover="1"
                  alt=""
                />
                <div class="info">
                  <span>I was at the VidCon 2019</span>
                  <span>Dan Walker</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:12:06</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c4.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/david.jpg"
                  data-user-popover="5"
                  alt=""
                />
                <div class="info">
                  <span>Our plans for Alien Invasion</span>
                  <span>David Kim</span>
                </div>
              </div>
            </a>
          </div>
        </div>

        <div class="collection">
          <div class="header">
            <h4>Fashion</h4>
          </div>
          <div class="video-collection">
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:19:41</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c5.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/stella.jpg"
                  data-user-popover="2"
                  alt=""
                />
                <div class="info">
                  <span>5 new trendy outfits</span>
                  <span>Stella Bergmann</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:10:41</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c6.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/milly.jpg"
                  data-user-popover="7"
                  alt=""
                />
                <div class="info">
                  <span>Make your makeups glossy</span>
                  <span>Milly Augustine</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:06:12</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c7.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/lana.jpeg"
                  data-user-popover="10"
                  alt=""
                />
                <div class="info">
                  <span>Our latest lipsticks</span>
                  <span>Lana Henrikssen</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:03:27</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c8.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/nelly.png"
                  data-user-popover="10"
                  alt=""
                />
                <div class="info">
                  <span>Colombia festival is on</span>
                  <span>Nelly Schwartz</span>
                </div>
              </div>
            </a>
          </div>
        </div>

        <div class="collection">
          <div class="header">
            <h4>Food</h4>
          </div>
          <div class="video-collection">
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:01:36</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c9.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/mike.jpg"
                  data-user-popover="12"
                  alt=""
                />
                <div class="info">
                  <span>Tasty home made gummies</span>
                  <span>Mike Lasalle</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:07:28</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c10.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/mike.jpg"
                  data-user-popover="12"
                  alt=""
                />
                <div class="info">
                  <span>Raspberry cupcakes in 5 minutes</span>
                  <span>Mike Lasalle</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:05:02</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c11.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/elise.jpg"
                  data-user-popover="6"
                  alt=""
                />
                <div class="info">
                  <span>Ways to citrus and dragon</span>
                  <span>Elise Walker</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:06:12</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c12.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/lana.jpeg"
                  data-user-popover="10"
                  alt=""
                />
                <div class="info">
                  <span>The purple banana</span>
                  <span>Lana Henrikssen</span>
                </div>
              </div>
            </a>
          </div>
        </div>

        <div class="collection">
          <div class="header">
            <h4>Automotive</h4>
          </div>
          <div class="video-collection">
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:18:49</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c13.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/edward.jpeg"
                  data-user-popover="5"
                  alt=""
                />
                <div class="info">
                  <span>I tried the new Class E</span>
                  <span>Edward Mayers</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:21:38</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c14.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/edward.jpeg"
                  data-user-popover="5"
                  alt=""
                />
                <div class="info">
                  <span>I tried the new Bolt 403</span>
                  <span>Edward Mayers</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:17:11</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c15.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/edward.jpeg"
                  data-user-popover="5"
                  alt=""
                />
                <div class="info">
                  <span>I tried the new Supra RX</span>
                  <span>Edward Mayers</span>
                </div>
              </div>
            </a>
            <!-- Episode -->
            <a class="episode">
              <div class="episode-thumbnail">
                <div class="episode-overlay"></div>
                <div class="episode-duration">00:14:38</div>
                <div class="play-button">
                  <i data-feather="play-circle"></i>
                </div>
                <img
                  src="https://via.placeholder.com/320x200"
                  data-demo-src="assets/img/demo/video/home/collections/c16.jpg"
                  alt=""
                />
              </div>
              <div class="episode-meta">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/edward.jpeg"
                  data-user-popover="5"
                  alt=""
                />
                <div class="info">
                  <span>I tried the new Baratini DX</span>
                  <span>Edward Mayers</span>
                </div>
              </div>
            </a>
          </div>
        </div>

        <!-- Load more posts -->
        <div class="load-more-wrap has-text-centered">
          <a href="#" class="load-more-button">Load More</a>
        </div>
      </div>
    </div>
  </div>
</div>