Create YouTube website
<head>
<title>YouTube</title>
<link rel="Stylesheet" href="youtube.css">
</head>
<body>
<input class="search-bar" type="text" placeholder="Search" >
<div class="video-preview">
<div class="thumbnail-row">
<img src="thumbnails/yt1.png" class="thumbnails">
</div>
<div>
<div class="channel-picture">
<img src="thumbnails/pp4.webp" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">Mr. Beast's Island</p>
<p class="video-author">Mr.Beast</p>
<p class="video-stats">10M views · 7 months ago</p>
</div>
</div>
</div>
<div class="video-preview">
<div class="thumbnail-row">
<img src="thumbnails/yt2.png" class="thumbnails">
</div>
<div>
<div class="channel-picture">
<img src="thumbnails/pp1.jpg" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">What is quantum computing</p>
<p class="video-author">AroxBoy</p>
<p class="video-stats">12M views · 5 months ago</p>
</div>
</div>
</div>
<div class="video-preview">
<div class="thumbnail-row">
<img src="thumbnails/yt3.png" class="thumbnails">
</div>
<div class="channel-picture">
<img src="thumbnails/pp1.jpg" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">Best free website to convert text to speech</p>
<p class="video-author">AroxBoy</p>
<p class="video-stats">10K views · 7 months ago</p>
</div>
</div>
<div class="video-preview">
<div class="thumbnail-row">
<img src="thumbnails/yt4.png" class="thumbnails">
</div>
<div>
<div class="channel-picture">
<img src="thumbnails/pp1.jpg" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">Best free screen recoding app for laptops</p>
<p class="video-author">AroxBoy</p>
<p class="video-stats">1M views · 8 months ago</p>
</div>
</div>
</div>
<div class="video-preview">
<div class="thumbnail-row">
<img src="thumbnails/yt5.png" class="thumbnails">
</div>
<div>
<div class="channel-picture">
<img src="thumbnails/pp3.jpg" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">Best Games 2024</p>
<p class="video-author">GamesHub</p>
<p class="video-stats">12M views · 6 months ago</p>
</div>
</div>
</div>
<div class="video-preview">
<div class="thumbnail-row">
<img src="thumbnails/yt6.png" class="thumbnails">
</div>
<div>
<div class="channel-picture">
<img src="thumbnails/pp1.jpg" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">best website to download youtube videos</p>
<p class="video-author">AroxBoy</p>
<p class="video-stats">10M views · 7 months ago</p>
</div>
</div>
</div>
<div class="video-preview">
<div class="thumbnail-row">
<img src="thumbnails/yt7.png" class="thumbnails">
</div>
<div>
<div class="channel-picture">
<img src="thumbnails/pp1.jpg" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">Canva Pro free for lifetime</p>
<p class="video-author">AroxBoy</p>
<p class="video-stats">1M views · 1 months ago</p>
</div>
</div>
</div>
<div class="video-preview">
<div class="thumbnail-row">
<img src="thumbnails/yt8.png" class="thumbnails">
</div>
<div>
<div class="channel-picture">
<img src="thumbnails/pp1.jpg" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">Let's create an instagram account 2024</p>
<p class="video-author">AroxBoy</p>
<p class="video-stats">10M views · 10 months ago</p>
</div>
</div>
</div>
<div class="video-preview">
<div class="thumbnail-row">
<img src="thumbnails/yt9.png" class="thumbnails">
</div>
<div>
<div class="channel-picture">
<img src="thumbnails/pp4.webp" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">How to earn money like a Pro?</p>
<p class="video-author">Mr.Beast</p>
<p class="video-stats">100M views · 7 months ago</p>
</div>
</div>
</div>
<div class="video-preview">
<div class="thumbnail-row">
<img src="thumbnails/yt10.png" class="thumbnails">
</div>
<div>
<div class="channel-picture">
<img src="thumbnails/pp2.jpg" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">TapaGoal Review</p>
<p class="video-author">ReviewHub</p>
<p class="video-stats">10K views · 7 months ago</p>
</div>
</div>
</div>
<div class="video-preview">
<div class="thumbnail-row">
<img src="thumbnails/yt11.png" class="thumbnails">
</div>
<div>
<div class="channel-picture">
<img src="thumbnails/pp3.jpg" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">Is this guy telling the truth?</p>
<p class="video-author">AbhiBoy</p>
<p class="video-stats">100K views · 3 months ago</p>
</div>
</div>
</div>
<div class="video-preview">
<div class="thumbnail-row" >
<img src="thumbnails/yt12.png" class="thumbnails">
</div>
<div>
<div class="channel-picture">
<img src="thumbnails/pp1.jpg" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">Let's create a github account.</p>
<p class="video-author">AroxBoy</p>
<p class="video-stats">1.1M views · 2 years ago</p>
</div>
</div>
</div>
<div class="video-preview">
<div class="thumbnail-row">
<img src="thumbnails/yt13.png" class="thumbnails">
</div>
<div>
<div class="channel-picture">
<img src="thumbnails/pp3.jpg" class="channel-picture">
</div>
<div class="video-info">
<p class="video-title">Thumbnails in hour</p>
<p class="video-author">AbhiBoy</p>
<p class="video-stats">500K views · 3 months ago</p>
</div>
</div>
</div>
</body>