Responsive Portfolio Website Alexa
Watch it on youtube
Responsive Portfolio Website Alexa
Responsive Portfolio Website Using Html, Css and JavaScript, With a beautiful user interface. It contains a Header, Home, About, Skills, Qualification, Services, Portfolio, Project in mind, Testimonial, Contact and Footer. Don't forget to join the channel for more videos like this. Bedimcode
This repo covers all the codes shown in video.
I think this might be helpful for those who are doing mistakes watching the video. If there is any problem or any issue with code sharing please feel free to knock me [email protected]
tabs content won't click
Code .js
this is the html
Same things as on video but when I try on browser doesn't click.
My icons are not lining up like yours is
Here is the icon code

<header class="header" id="header"> <nav class="nav container"> <a href="#" class="nav_logo"> Liza </a> <div class="nav_menu" id="nav_menu"> <ul class ="nav_list grid"> <li class ="nav_item"> <a href="#home" class="nav_link"> <i class="uil uil-estate"></i> Home </a> </li> <li class ="nav_item"> <a href="#about" class="nav_link"> <i class="uil uil-user"></i> About me </a> </li> <li class ="nav_item"> <a href="#Resume" class="nav_link"> <i class="uil uil-file-alt"></i> Resume and Skills </a> </li> <li class ="nav_item"> <a href="#portfolio" class="nav_link"> <i class="uil uil-scenery"></i> Portfolio </a> </li> <li class ="nav_item"> <a href="#works" class="nav_link"> <i class="uil uil-paint-tool"></i> Works </a> </li> <li class ="nav_item"> <a href="#contact" class="nav_link"> <i class="uil uil-message"></i> Contact Me </a> </li> </ul> </div> </nav> </header>
In the images it shows what yours looks like vs mineThumpnail photo
Hi! I was wondering how do you make this thumpnail for your github projects? I would love to know how you did it so I can do this in my future products! :)
The menu doesn't expand I don't know if it's my code. Could you look and give me a hint?
const navMenu = document.getElementById('nav-menu'), navToggle = document.getElementById('nav-toggle'), navClose = document.getElementById('nav-close'),
/===== MENU SHOW =====/ /* Validate if constant exists */ if (navToggle){ navToggle.addEventListener('click', () =>{ navMenu.classList.add('show-menu') }) }