how will i add my work in codepen in my portfolio page?
Just link to the full page version of your project in codepen in your portfolio page as shown below
<a href="#linkToCodepenProject" target="_blank">
Do not forget
target="_blank" attribute otherwise the link will open in the same tab and that is not what you want, trust me!