Responsive Portfolio Component - Copy this Html, Tailwind Component to your project

Create a portfolio for me in such a way that every element with hover animation with colour changes when hovered and when i click on the navbar links there should be scrolling transition to destinated section this page should be more dynamic and background should be with dark ambience and when I click on any element colour changing should be in a translation animation, In navbar my name should be on left and my links for (myself, skills, education, projects, achievements, contact me) on right side. myself section with a background image of mine and a para of details of myself and it should be animated to display when user scrolls to para. Education section 3 rows in boxes for 3 qualifications and when hover on those boxes it should change the colour. skills should be in a grid of technologies with relevant images with transition hover effect and colour change. Projects section should be in rows with zig zag (one on left other on right) with transition hover effect and colour change and these should be links. achievements should be in grid, and finally in footer it should be my contact details with my media links and resume download link