Export from Codepen
Once you're finished developing your website, you can deploy it to a web server. A web server's job is to listen for people requesting your web page and send them the HTML, CSS, and JavaScript files they need to see your web page.
CodePen uses a web server to help you write your code, but you might want to have your site hosted somewhere else so it can be viewed without the CodePen interface.
click on the "Export" button in the lower right of your CodePen window.
Select "Export .zip" from the menu.
This downloads a .zip file of your web page. Zip is a compressed archive format used for storing and transferring files. It basically takes a whole bunch of files and "packs them up" for transport between computers. When you click on a .zip file, the zip will unpack itself into a folder that contains the original files.