🎥 Added the rest of the videos.

youtube.html

@@ -154,8 +154,7 @@
  <div class="channel-picture">
  <a href="https://www.youtube.com/watch?v=n2RNcPRtAiY"
  ><img
- src="https://supersimple.dev/public/img/exercises/youtube/channel-profile-pics/channel-1.jpeg"
- ,
+ src="images/channel-icons/channel-1.png"
  alt="channel-picture"
  class="channel-picture"
  /></a>
@@ -192,8 +191,7 @@
  <div class="video-information-grid">
  <div class="channel-picture">
  <img
- src="https://supersimple.dev/public/img/exercises/youtube/channel-profile-pics/channel-2.jpeg"
- ,
+ src="images/channel-icons/channel-2.png"
  alt="channel-picture"
  class="channel-picture"
  />
@@ -207,18 +205,13 @@
  </div>
  <div class="video-preview">
  <div class="thumbnail">
- <img
- class="thumbnail"
- src="https://supersimple.dev/public/img/exercises/youtube/thumbnails/thumbnail-3.webp"
- alt="Thumbnail"
- />
+ <img class="thumbnail" src="images/thumbnail-3.png" alt="Thumbnail" />
  <div class="video-time">9:13</div>
  </div>
  <div class="video-information-grid">
  <div class="channel-picture">
  <img
- src="https://supersimple.dev/public/img/exercises/youtube/channel-profile-pics/channel-3.jpeg"
- ,
+ src="images/channel-icons/channel-3.png"
  alt="channel-picture"
  class="channel-picture"
  />
@@ -234,18 +227,13 @@
  </div>
  <div class="video-preview">
  <div class="thumbnail">
- <img
- class="thumbnail"
- src="https://supersimple.dev/public/img/exercises/youtube/thumbnails/thumbnail-4.webp"
- alt="Thumbnail"
- />
+ <img class="thumbnail" src="images/thumbnail-4.png" alt="Thumbnail" />
  <div class="video-time">22:09</div>
  </div>
  <div class="video-information-grid">
  <div class="channel-picture">
  <img
- src="https://supersimple.dev/public/img/exercises/youtube/channel-profile-pics/channel-4.jpeg"
- ,
+ src="images/channel-icons/channel-4.png"
  alt="channel-picture"
  class="channel-picture"
  />
@@ -261,18 +249,13 @@
  </div>
  <div class="video-preview">
  <div class="thumbnail">
- <img
- class="thumbnail"
- src="https://supersimple.dev/public/img/exercises/youtube/thumbnails/thumbnail-5.webp"
- alt="Thumbnail"
- />
+ <img class="thumbnail" src="images/thumbnail-5.png" alt="Thumbnail" />
  <div class="video-time">11:17</div>
  </div>
  <div class="video-information-grid">
  <div class="channel-picture">
  <img
- src="https://supersimple.dev/public/img/exercises/youtube/channel-profile-pics/channel-5.jpeg"
- ,
+ src="images/channel-icons/channel-5.png"
  alt="channel-picture"
  class="channel-picture"
  />
@@ -286,30 +269,165 @@
  </div>
  </div>
  </div>
+ <div class="video-preview">
+ <div class="thumbnail">
+ <img class="thumbnail" src="images/thumbnail-6.png" alt="Thumbnail" />
+ <div class="video-time">19:59</div>
+ </div>
+ <div class="video-information-grid">
+ <div class="channel-picture">
+ <img
+ src="images/channel-icons/channel-6.png"
+ alt="channel-picture"
+ class="channel-picture"
+ />
+ </div>
+ <div class="video-information">
+ <p class="video-title">
+ Anything You Can Fit In The Circle I&#8217;ll Pay For
+ </p>
+ <p class="video-author">MrBeast</p>
+ <p class="video-info">141M views &#183; 1 year ago</p>
+ </div>
+ </div>
+ </div>
+ <div class="video-preview">
+ <div class="thumbnail">
+ <img class="thumbnail" src="images/thumbnail-7.png" alt="Thumbnail" />
+ <div class="video-time">19:59</div>
+ </div>
+ <div class="video-information-grid">
+ <div class="channel-picture">
+ <img
+ src="images/channel-icons/channel-7.png"
+ alt="channel-picture"
+ class="channel-picture"
+ />
+ </div>
+ <div class="video-information">
+ <p class="video-title">Why Planes don't fly over Tibet</p>
+ <p class="video-author">RealLifeLore</p>
+ <p class="video-info">6.6M views &#183; 1 year ago</p>
+ </div>
+ </div>
+ </div>
+ <div class="video-preview">
+ <div class="thumbnail">
+ <img class="thumbnail" src="images/thumbnail-8.png" alt="Thumbnail" />
+ <div class="video-time">19:59</div>
+ </div>
+ <div class="video-information-grid">
+ <div class="channel-picture">
+ <img
+ src="images/channel-icons/channel-8.png"
+ alt="channel-picture"
+ class="channel-picture"
+ />
+ </div>
+ <div class="video-information">
+ <p class="video-title">
+ Inside The World's Biggest Passenger Plane
+ </p>
+ <p class="video-author">Tech Vision</p>
+ <p class="video-info">3.7M views &#183; 10 months ago</p>
+ </div>
+ </div>
+ </div>
+ <div class="video-preview">
+ <div class="thumbnail">
+ <img class="thumbnail" src="images/thumbnail-9.png" alt="Thumbnail" />
+ <div class="video-time">19:59</div>
+ </div>
+ <div class="video-information-grid">
+ <div class="channel-picture">
+ <img
+ src="images/channel-icons/channel-9.png"
+ alt="channel-picture"
+ class="channel-picture"
+ />
+ </div>
+ <div class="video-information">
+ <p class="video-title">The SECRET to Super Human STRENGTH</p>
+ <p class="video-author">ThenX</p>
+ <p class="video-info">20M views &#183; 3 years ago</p>
+ </div>
+ </div>
+ </div>
  <div class="video-preview">
  <div class="thumbnail">
  <img
  class="thumbnail"
- src="https://supersimple.dev/public/img/exercises/youtube/thumbnails/thumbnail-6.webp"
+ src="images/thumbnail-10.png"
  alt="Thumbnail"
  />
- <div class="video-time">19:59</div>
+ <div class="video-time">7:53</div>
  </div>
  <div class="video-information-grid">
  <div class="channel-picture">
  <img
- src="https://supersimple.dev/public/img/exercises/youtube/channel-profile-pics/channel-6.jpeg"
- ,
+ src="images/channel-icons/channel-10.png"
  alt="channel-picture"
  class="channel-picture"
  />
  </div>
  <div class="video-information">
  <p class="video-title">
- Anything You Can Fit In The Circle I’ll Pay For
+ How The World's Largest Cruise Ship Makes 30,000 Meals Every Day
  </p>
- <p class="video-author">MrBeast</p>
- <p class="video-info">141M views &#183; 1 year ago</p>
+ <p class="video-author">Business Insider</p>
+ <p class="video-info">14M views &#183; 1 year ago</p>
+ </div>
+ </div>
+ </div>
+ <div class="video-preview">
+ <div class="thumbnail">
+ <img
+ class="thumbnail"
+ src="images/thumbnail-11.png"
+ alt="Thumbnail"
+ />
+ <div class="video-time">4:10</div>
+ </div>
+ <div class="video-information-grid">
+ <div class="channel-picture">
+ <img
+ src="images/channel-icons/channel-11.png"
+ alt="channel-picture"
+ class="channel-picture"
+ />
+ </div>
+ <div class="video-information">
+ <p class="video-title">
+ Dubai's Crazy Underwater Train and Other Things #Only in Dubai
+ </p>
+ <p class="video-author">Destination Tips</p>
+ <p class="video-info">3M views &#183; 1 year ago</p>
+ </div>
+ </div>
+ </div>
+ <div class="video-preview">
+ <div class="thumbnail">
+ <img
+ class="thumbnail"
+ src="images/thumbnail-12.png"
+ alt="Thumbnail"
+ />
+ <div class="video-time">4:51</div>
+ </div>
+ <div class="video-information-grid">
+ <div class="channel-picture">
+ <img
+ src="images/channel-icons/channel-12.png"
+ alt="channel-picture"
+ class="channel-picture"
+ />
+ </div>
+ <div class="video-information">
+ <p class="video-title">
+ What would happen if you didn&#8217;t drink water? - Mia Nacamulli
+ </p>
+ <p class="video-author">TED-Ed</p>
+ <p class="video-info">12M views &#183; 5 years ago</p>
  </div>
  </div>
  </div>