• Stars
    star
    1
  • Language
    JavaScript
  • Created about 2 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

More Repositories

1

Group-77-Capstone-project

CSS
1
star
2

hello-world

welcome
1
star
3

nnaemy-

HTML
1
star
4

mysite.hyml

1
star
5

management

JavaScript
1
star
6

cv-project

JavaScript
1
star
7

git

1
star
8

hello_world

HTML
1
star
9

mysite.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>nnaemy media</title> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet"> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="container"> <div class="nav-wrapper"> <div class="left-side"> <div class="nav-link-wrapper active-nav-link"> <a href="mysite.html">Home</a> </div> <div class="nav-link-wrapper"> <a href="about.html">About</a> </div> </div> <div class="right-side"> <div class="brand"> <div>JOHNPAUL EDEH</div> </div> </div> </div> <div class="content-wrapper"> <div class="portfolio-items-wrapper"> <div class="portfolio-item-wrapper"> <div class="portfolio-img-background" style="background-image:url(images/portfolio1.jpg)" alt=""></div> <div class="img-text-wrapper"> <div class="logo-wrapper"> <img src="images/logos/quip.png"> </div> <div class="subtitle"> i built the website called portfolio </div> </div> </div> <div class="portfolio-item-wrapper"> <div class="portfolio-img-background" style="background-image:url(images/portfolio2.jpg)" alt=""></div> <div class="img-text-wrapper"> <div class="logo-wrapper"> <img src="images/logos/quip (2).png"> </div> <div class="subtitle"> i want to enter university </div> </div> </div> <div class="portfolio-item-wrapper"> <div class="portfolio-img-background" style="background-image:url(images/portfolio3.jpg)" alt=""></div> <div class="img-text-wrapper"> <div class="logo-wrapper"> <img src="images/logos/quip.png"> </div> <div class="subtitle"> i want to become a front end developer </div> </div> </div> <div class="portfolio-item-wrapper"> <div class="portfolio-img-background" style="background-image:url(images/portfolio4.jpg)" alt=""></div> <div class="img-text-wrapper"> <div class="logo-wrapper"> <img src="images/logos/quip (2).png"> </div> <div class="subtitle"> am a software developer </div> </div> </div> <div class="portfolio-item-wrapper"> <div class="portfolio-img-background" style="background-image:url(images/portfolio5.jpg)" alt=""></div> <div class="img-text-wrapper"> <div class="logo-wrapper"> <img src="images/logos/quip.png"> </div> <div class="subtitle"> my name is JOHNPAUL </div> </div> </div> <div class="portfolio-item-wrapper"> <div class="portfolio-img-background" style="background-image:url(images/portfolio6.jpg)" alt=""></div> <div class="img-text-wrapper"> <div class="logo-wrapper"> <img src="images/logos/quip (2).png"> </div> <div class="subtitle"> i made a port </div> </div> </div> </div> </div> </div> </body> <script> const portfolioitems = document.querySelectorAll(".portfolio-item-wrapper") portfolioitems.forEach(portfolioitem => { portfolioitem.addEventListener('mouseover', () => { portfolioitem.childNodes[1].classList.add('img-darken'); }) portfolioitem.addEventListener('mouseout', () => { portfolioitem.childNodes[1].classList.remove('img-darken'); }) }) </script> </html>
HTML
1
star