Portfolio

Mobile Version Skeleton shows mobile skeleton version of my portfolio.
Desktop Version @media (min-width: 768px) shows desktop version of portfolio
I have used flexbox grid to align items. -I have used background svg image and colour to customise.
All the social media icons leads to my real profiles.
Nav bar has loading Animation.
Work section card has hover scale animation.
conatct form button has animaton.
Completed Portfolio web page deployed with github page.
When the user clicks the hamburger button, the mobile menu appears.
When the user clicks the close (X) button, the mobile menu disappears.
When the user clicks any of the mobile menu options, the mobile menu disappears.
When the user clicks any of the mobile menu options, a correct part of the page is displayed.
When the user submits the form,It checks if the email is in lower case.
If the validation is OK, the form is sent.
If the validation is not OK, It shows an error message to the user near the submit button informing them of the error and the form is not sent.
When the user changes the content of any input field, the data is saved to the local storage.
When the user loads the page, if there is any data in the local storage the input fields are pre-filled with this data.
When the user clicks (or taps) the button to check project details, the popup with details about the project appears.
When the user clicks (or taps) the close (X) button, the popup disappears.
projects section is created dynamically using the information stored in that JavaScript object