{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","params":[],"results":{"codes":[]},"settings":""},"next":{"description":"","pages":[]},"title":"How to Make a Codepen","type":"basic","slug":"how-to-make-a-codepen","excerpt":"**options:**\n1. Fork the [Codepen by :::at:::raibutera](http://codepen.io/Rai/pen/rVjzoX?)\n2. Use the [Template](/codepen-template.html)","body":"","updates":[],"order":999,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"5569ee106637291700e426de","user":"55256a189be9a417002b1dfc","__v":1,"category":{"sync":{"isSync":false,"url":""},"pages":["5569ee106637291700e426de"],"title":"General","slug":"general","order":0,"from_sync":false,"reference":false,"_id":"555a696fbcb32e19006f81a4","__v":1,"project":"555a60e6147f91190092d192","version":"555a61e0bcb32e19006f8185","createdAt":"2015-05-18T22:36:31.559Z"},"createdAt":"2015-05-30T17:06:24.195Z","githubsync":"","project":"555a60e6147f91190092d192","version":{"version":"0.3","version_clean":"0.3.0","codename":"","is_stable":true,"is_beta":true,"is_hidden":false,"is_deprecated":false,"categories":["555a61e1bcb32e19006f8186","555a61e1bcb32e19006f8187","555a61e1bcb32e19006f8188","555a696fbcb32e19006f81a4"],"_id":"555a61e0bcb32e19006f8185","__v":2,"forked_from":"555a60e6147f91190092d195","project":"555a60e6147f91190092d192","releaseDate":"2015-05-18T22:04:16.589Z","createdAt":"2015-05-18T22:04:16.590Z"}}

How to Make a Codepen

**options:** 1. Fork the [Codepen by @raibutera](http://codepen.io/Rai/pen/rVjzoX?) 2. Use the [Template](/codepen-template.html)