|
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>neptune</title> |
|
<link rel="icon" type="image/x-icon" href="/img/noun-video-live-3823465.png"> |
|
<link rel="stylesheet" href="css/style.css"> |
|
</head> |
|
|
|
<body> |
|
|
|
<div class="back-img"> |
|
<nav class="flex-div"> |
|
<div class="nav-left flex-div"> |
|
<img class="menu" src="/img/menu.png" alt=""> |
|
<img class="logo" src="/img/LIV.png" alt="" > |
|
|
|
</div> |
|
<div class="nav-middle flex-div"> |
|
<div class="search flex-div"> |
|
<input type="text" placeholder="Search" alt=""> |
|
<a href="response.html"> <img class="search" src="/img/search.png" alt=""></a> |
|
</div> |
|
<a href="https://online-voice-recorder.com/" target="_blank"><img src="/img/voice-search.png" class="mic" alt=""></a> |
|
|
|
|
|
</div> |
|
<div class="nav-right flex-div"> |
|
|
|
<img src="/img/upload.png" alt=""> |
|
<img src="/img/more.png" alt=""> |
|
<img src="/img/notification.png" alt=""> |
|
<img class="user" src="/img/1.png" alt=""> |
|
</div> |
|
|
|
</nav> |
|
|
|
|
|
|
|
<div class="sidebar"> |
|
<div class="shortcut"> |
|
<a href="index.html"><img src="/img/home.png" alt=""> |
|
<p>Home</p> |
|
</p> |
|
</a> |
|
<a href=""><img src="/img/explore.png" alt=""> |
|
<p>Explore</p> |
|
</a> |
|
<a href="https://www.youtube.com/feed/subscriptions"><img src="/img/subscriprion.png" alt=""> |
|
<p>subscriprion</p> |
|
</a> |
|
<a href=""><img src="/img/library.png" alt=""> |
|
<p>library</p> |
|
</a> |
|
<a href=""><img src="/img/history.png" alt=""> |
|
<p>History</p> |
|
</a> |
|
<a href=""><img src="/img/playlist.png" alt=""> |
|
<p>Playlist</p> |
|
</a> |
|
<a href=""><img src="/img/messages.png" alt=""> |
|
<p>messages</p> |
|
</a> |
|
<a href=""><img src="/img/show-more.png" alt=""> |
|
<p>Show More</p> |
|
</a> |
|
<div class="subscribed"> |
|
<h3>subscribed</h3> |
|
<a href=""><img src="/img/2.jpg" alt="">Unbox Therapy<p></p></a> |
|
<a href=""><img src="/img/3.jpg" alt="">Documentary World<p></p></a> |
|
<a href=""><img src="/img/4.png" alt="">Code with kim<p></p></a> |
|
<a href=""><img src="/img/5.png" alt="">Bass beatz<p></p></a> |
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
<script> |
|
var menuIcon = document.querySelector(".menu"); |
|
var sidebar = document.querySelector(".sidebar"); |
|
var container = document.querySelector(".container"); |
|
|
|
menuIcon.onclick = function () { |
|
sidebar.classList.toggle("small-sidebar"); |
|
container.classList.toggle("large-container"); |
|
} |
|
</script> |
|
|
|
<div class="container"> |
|
<div class="banner"> |
|
<img src="/img/cover1.png" alt=""> |
|
|
|
</div> |
|
<div class="list-container"> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/thumbhnail 1.png" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/4.png"> |
|
<div class="video-info"> |
|
<a href="python.html" target="_blank">Python tutorial with Kim</a> |
|
<p>Code with kim</p> |
|
<p>100k views • 2 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/d2.jpg" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/3.jpg"> |
|
<div class="video-info"> |
|
<a href="hitler.html" target="_blank">The Crucial Mistake That Cost HItler His Victory</a> |
|
<p>Documentary World</p> |
|
<p>2.5M views • 6 months</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/thumbhnail 2.png" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/4.png"> |
|
<div class="video-info"> |
|
<a href="animation.html" target="_blank">learn animation</a> |
|
<p>Code with kim</p> |
|
<p>156k views • 10 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/ut1.jpg" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/2.jpg"> |
|
<div class="video-info"> |
|
<a href="watch.html" target="_blank">The BMW M Motorsport-inspired Smartphone is HERE</a> |
|
<p>Unbox Therapy</p> |
|
<p>700k views • 1 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/m1.jpg" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/5.png"> |
|
<div class="video-info"> |
|
<a href="benz.html" target="_blank">Benz official music video || young stunners</a> |
|
<p>Bass beatz</p> |
|
<p>7M views • 5 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/thumbhnail 4.png" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/4.png"> |
|
<div class="video-info"> |
|
<a href="hacking.html" target="_blank">Ethical Hacking!!!</a> |
|
<p>Code with kim</p> |
|
<p>1M views • 2 months</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/m2.jpg" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/5.png"> |
|
<div class="video-info"> |
|
<a href="video.html" target="_blank">On Top || Karan Aujla || punjabi music </a> |
|
<p>Bass beatz</p> |
|
<p>20M views • 1 months</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="video-list"> |
|
<a src=""><img src="/img/SEMESTER RECAP.png" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/4.png"> |
|
<div class="video-info"> |
|
<a href="python.html" target="_blank">2nd Semester recap|| sahil verma vlogs</a> |
|
<p>Sahil Verma</p> |
|
<p>60M views • 10 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/m3.jpg" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/5.png"> |
|
<div class="video-info"> |
|
<a href="east.html" target="_blank">East Side Flow || sidhu moosewala</a> |
|
<p>Bass beatz</p> |
|
<p>120M views • 6 months</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/ut3.jpg" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/2.jpg"> |
|
<div class="video-info"> |
|
<a href="watch.html" target="_blank">Samsung's Insane New Display Will Break Your Brain...</a> |
|
<p>Unbox Therapy</p> |
|
<p>500k views • 15 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/ut2.jpg" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/2.jpg"> |
|
<div class="video-info"> |
|
<a href="watch.html" target="_blank">No More Phone!!</a> |
|
<p>Unbox Therapy</p> |
|
<p>625k views • 10 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/d3.jpg" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/3.jpg"> |
|
<div class="video-info"> |
|
<a href="kagaz.html" target="_blank">Kazakhstan - Largest country in Central Asia</a> |
|
<p>Documentary World</p> |
|
<p>60M views • 3 months</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/m4.jpg" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/5.png"> |
|
<div class="video-info"> |
|
<a href="humnava.html" target="_blank">Humnava Mere || Jubin Nautiyal</a> |
|
<p>Bass beatz</p> |
|
<p>825M views • 1 year</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/m5.jpg" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/5.png"> |
|
<div class="video-info"> |
|
|
|
<a href="never.html" target="_blank">Never Back Down || raftaar</a> |
|
|
|
<p>Bass beatz</p> |
|
<p>23M views • 5 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/thumbhnail 5.png" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/4.png"> |
|
<div class="video-info"> |
|
<a href="hacking.html" target="_blank">How to increase typing speed</a> |
|
<p>Code with kim</p> |
|
<p>600k views • 10 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/michael-dziedzic-qDG7XKJLKbs-unsplash.jpg" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/4.png"> |
|
<div class="video-info"> |
|
<a href="fake.html" target="_blank">Fake Tech!!!!!</a> |
|
<p>Code with kim</p> |
|
<p>875k views • 12 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/thumbhnail 5.png" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/4.png"> |
|
<div class="video-info"> |
|
<a href="fake.html" target="_blank">How to increase typing speed</a> |
|
<p>Code with kim</p> |
|
<p>600k views • 10 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/thumbhnail 5.png" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/4.png"> |
|
<div class="video-info"> |
|
<a href="python.html" target="_blank">How to increase typing speed</a> |
|
<p>Code with kim</p> |
|
<p>600k views • 10 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/thumbhnail 5.png" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/4.png"> |
|
<div class="video-info"> |
|
<a href="fake.html" target="_blank">How to increase typing speed</a> |
|
<p>Code with kim</p> |
|
<p>600k views • 10 days</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="video-list"> |
|
<a src=""><img src="/img/thumbhnail 6.png" class="thumbnail" alt=""></a> |
|
<div class="flex-div"> |
|
<img src="/img/4.png"> |
|
<div class="video-info"> |
|
<a href="fake.html" target="_blank">Roadmap to your success</a> |
|
<p>Code with kim</p> |
|
<p>1M views • 1 month</p> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
<footer> |
|
|
|
<ul class="list"> |
|
<li class="list1"><a href="#">Home</a></li> |
|
<li class="list2"><a href="#">Services</a></li> |
|
<li class="list3"><a href="#">About</a></li> |
|
<li class="list4"><a href="#">Terms</a></li> |
|
<li class="list5"><a href="#">Privacy Policy</a></li> |
|
</ul> |
|
<p class="copyright">Neptune @ copyright 2023</p> |
|
</footer> |
|
|
|
</div> |
|
|
|
|
|
</body> |
|
|
|
</html> |