Skip to content

Commit

Permalink
new
Browse files Browse the repository at this point in the history
  • Loading branch information
@mrsajadpp
mrsajadpp committed Jan 9, 2024
1 parent 114e98a commit f716339
Show file tree
Hide file tree
Showing 3 changed files with 160 additions and 1 deletion.
136 changes: 136 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -359,6 +359,142 @@ <h3>Naruto EP1S1</h3>
</div>
</div>
</div>

<div class="video">
<div class="video-thumbnail">
<img src="https://i.postimg.cc/xdGgCtt5/sjdbhjd.png" alt="Video">
</div>

<div class="video-details">
<div class="author">
<img src="https://media.licdn.com/dms/image/D560BAQHNq5wRSfs1SQ/company-logo_200_200/0/1703083986429?e=2147483647&v=beta&t=9AK5_MqIXKjsYdjUGQm9okFQLzoiiAVL-wkHdjKtKgk"
alt="Author">
</div>
<div class="title">
<h3>Naruto EP1S1</h3>
<a href="">Naruto | 10M Views | 3 Months Ago</a>
</div>
</div>
</div>

<div class="video">
<div class="video-thumbnail">
<img src="https://i.postimg.cc/xdGgCtt5/sjdbhjd.png" alt="Video">
</div>

<div class="video-details">
<div class="author">
<img src="https://media.licdn.com/dms/image/D560BAQHNq5wRSfs1SQ/company-logo_200_200/0/1703083986429?e=2147483647&v=beta&t=9AK5_MqIXKjsYdjUGQm9okFQLzoiiAVL-wkHdjKtKgk"
alt="Author">
</div>
<div class="title">
<h3>Naruto EP1S1</h3>
<a href="">Naruto | 10M Views | 3 Months Ago</a>
</div>
</div>
</div>

<div class="video">
<div class="video-thumbnail">
<img src="https://i.postimg.cc/xdGgCtt5/sjdbhjd.png" alt="Video">
</div>

<div class="video-details">
<div class="author">
<img src="https://media.licdn.com/dms/image/D560BAQHNq5wRSfs1SQ/company-logo_200_200/0/1703083986429?e=2147483647&v=beta&t=9AK5_MqIXKjsYdjUGQm9okFQLzoiiAVL-wkHdjKtKgk"
alt="Author">
</div>
<div class="title">
<h3>Naruto EP1S1</h3>
<a href="">Naruto | 10M Views | 3 Months Ago</a>
</div>
</div>
</div>

<div class="video">
<div class="video-thumbnail">
<img src="https://i.postimg.cc/xdGgCtt5/sjdbhjd.png" alt="Video">
</div>

<div class="video-details">
<div class="author">
<img src="https://media.licdn.com/dms/image/D560BAQHNq5wRSfs1SQ/company-logo_200_200/0/1703083986429?e=2147483647&v=beta&t=9AK5_MqIXKjsYdjUGQm9okFQLzoiiAVL-wkHdjKtKgk"
alt="Author">
</div>
<div class="title">
<h3>Naruto EP1S1</h3>
<a href="">Naruto | 10M Views | 3 Months Ago</a>
</div>
</div>
</div>

<div class="video">
<div class="video-thumbnail">
<img src="https://i.postimg.cc/xdGgCtt5/sjdbhjd.png" alt="Video">
</div>

<div class="video-details">
<div class="author">
<img src="https://media.licdn.com/dms/image/D560BAQHNq5wRSfs1SQ/company-logo_200_200/0/1703083986429?e=2147483647&v=beta&t=9AK5_MqIXKjsYdjUGQm9okFQLzoiiAVL-wkHdjKtKgk"
alt="Author">
</div>
<div class="title">
<h3>Naruto EP1S1</h3>
<a href="">Naruto | 10M Views | 3 Months Ago</a>
</div>
</div>
</div>

<div class="video">
<div class="video-thumbnail">
<img src="https://i.postimg.cc/xdGgCtt5/sjdbhjd.png" alt="Video">
</div>

<div class="video-details">
<div class="author">
<img src="https://media.licdn.com/dms/image/D560BAQHNq5wRSfs1SQ/company-logo_200_200/0/1703083986429?e=2147483647&v=beta&t=9AK5_MqIXKjsYdjUGQm9okFQLzoiiAVL-wkHdjKtKgk"
alt="Author">
</div>
<div class="title">
<h3>Naruto EP1S1</h3>
<a href="">Naruto | 10M Views | 3 Months Ago</a>
</div>
</div>
</div>

<div class="video">
<div class="video-thumbnail">
<img src="https://i.postimg.cc/xdGgCtt5/sjdbhjd.png" alt="Video">
</div>

<div class="video-details">
<div class="author">
<img src="https://media.licdn.com/dms/image/D560BAQHNq5wRSfs1SQ/company-logo_200_200/0/1703083986429?e=2147483647&v=beta&t=9AK5_MqIXKjsYdjUGQm9okFQLzoiiAVL-wkHdjKtKgk"
alt="Author">
</div>
<div class="title">
<h3>Naruto EP1S1</h3>
<a href="">Naruto | 10M Views | 3 Months Ago</a>
</div>
</div>
</div>

<div class="video">
<div class="video-thumbnail">
<img src="https://i.postimg.cc/xdGgCtt5/sjdbhjd.png" alt="Video">
</div>

<div class="video-details">
<div class="author">
<img src="https://media.licdn.com/dms/image/D560BAQHNq5wRSfs1SQ/company-logo_200_200/0/1703083986429?e=2147483647&v=beta&t=9AK5_MqIXKjsYdjUGQm9okFQLzoiiAVL-wkHdjKtKgk"
alt="Author">
</div>
<div class="title">
<h3>Naruto EP1S1</h3>
<a href="">Naruto | 10M Views | 3 Months Ago</a>
</div>
</div>
</div>
</div>
</div>

Expand Down
4 changes: 3 additions & 1 deletion src/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ header {
position: fixed;
top: 0px;
background: #fff;
z-index: 999;
z-index: 998;
}

header .menu-area {
Expand Down Expand Up @@ -189,6 +189,7 @@ header .menu-icons button img {
position: fixed;
top: 0px;
transition: display 0.3s ease-in-out;
z-index: 999;
}

.menu-bar {
Expand Down Expand Up @@ -296,6 +297,7 @@ header .menu-icons button img {
align-items: center;
justify-content: start;
color: #000;
font-size: 14px;
}

.menu-bar .menu-group hr {
Expand Down
21 changes: 21 additions & 0 deletions src/js/script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,27 @@ buttons.forEach(button => {

});

const footerBtn = document.querySelectorAll('footer ul li a button');

footerBtn.forEach(button => {
if (!button.classList.contains('active')) {
button.addEventListener('mouseover', () => {
// Change the class to 'material-icons' when hovered
const icon = button.querySelector('.material-icons-outlined');
icon.classList.remove('material-icons-outlined');
icon.classList.add('material-icons');
});

button.addEventListener('mouseout', () => {
// Revert the class to 'material-icons-outlined' when not hovered
const icon = button.querySelector('.material-icons');
icon.classList.remove('material-icons');
icon.classList.add('material-icons-outlined');
});
}

});

// Get the button with the specified class
const favoriteButton = document.querySelector('.menu-bar .menu-group ul li a button.heart');

Expand Down

0 comments on commit f716339

Please sign in to comment.