To get you started with some cool HTML effects, we've compiled these free code templates to copy. If you point to the link, the product title appears in a little popup. Switch to the HTML code view for the web page. You can copy a site's HTML and linked CSS files and create local copies of them on your computer, but you may need to modify the code slightly to fix any broken references. And please note that most of the page templates have simple HTML. Check out our blog post about how to choose the best Codecademy plan for you to learn about our structured courses, professional certifications, interview prep resources, career services, and more. Every web developer should create a basic portfolio website using HTML and CSS. Select Edit as HTML.
License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) I edited this screenshot of an iOS icon.\n<\/p> License: Fair Use<\/a> License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot) License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/73\/Copy-Source-Code-Step-2.jpg\/v4-460px-Copy-Source-Code-Step-2.jpg","bigUrl":"\/images\/thumb\/7\/73\/Copy-Source-Code-Step-2.jpg\/v4-728px-Copy-Source-Code-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/Copy-Source-Code-Step-3.jpg\/v4-460px-Copy-Source-Code-Step-3.jpg","bigUrl":"\/images\/thumb\/7\/76\/Copy-Source-Code-Step-3.jpg\/v4-728px-Copy-Source-Code-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/ba\/Copy-Source-Code-Step-4.jpg\/v4-460px-Copy-Source-Code-Step-4.jpg","bigUrl":"\/images\/thumb\/b\/ba\/Copy-Source-Code-Step-4.jpg\/v4-728px-Copy-Source-Code-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b3\/Copy-Source-Code-Step-5.jpg\/v4-460px-Copy-Source-Code-Step-5.jpg","bigUrl":"\/images\/thumb\/b\/b3\/Copy-Source-Code-Step-5.jpg\/v4-728px-Copy-Source-Code-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c1\/Copy-Source-Code-Step-6.jpg\/v4-460px-Copy-Source-Code-Step-6.jpg","bigUrl":"\/images\/thumb\/c\/c1\/Copy-Source-Code-Step-6.jpg\/v4-728px-Copy-Source-Code-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a1\/Copy-Source-Code-Step-7.jpg\/v4-460px-Copy-Source-Code-Step-7.jpg","bigUrl":"\/images\/thumb\/a\/a1\/Copy-Source-Code-Step-7.jpg\/v4-728px-Copy-Source-Code-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e0\/Copy-Source-Code-Step-8.jpg\/v4-460px-Copy-Source-Code-Step-8.jpg","bigUrl":"\/images\/thumb\/e\/e0\/Copy-Source-Code-Step-8.jpg\/v4-728px-Copy-Source-Code-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/dd\/Copy-Source-Code-Step-9.jpg\/v4-460px-Copy-Source-Code-Step-9.jpg","bigUrl":"\/images\/thumb\/d\/dd\/Copy-Source-Code-Step-9.jpg\/v4-728px-Copy-Source-Code-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/25\/Copy-Source-Code-Step-10.jpg\/v4-460px-Copy-Source-Code-Step-10.jpg","bigUrl":"\/images\/thumb\/2\/25\/Copy-Source-Code-Step-10.jpg\/v4-728px-Copy-Source-Code-Step-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1b\/Copy-Source-Code-Step-11.jpg\/v4-460px-Copy-Source-Code-Step-11.jpg","bigUrl":"\/images\/thumb\/1\/1b\/Copy-Source-Code-Step-11.jpg\/v4-728px-Copy-Source-Code-Step-11.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5c\/Copy-Source-Code-Step-12.jpg\/v4-460px-Copy-Source-Code-Step-12.jpg","bigUrl":"\/images\/thumb\/5\/5c\/Copy-Source-Code-Step-12.jpg\/v4-728px-Copy-Source-Code-Step-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/db\/Copy-Source-Code-Step-13.jpg\/v4-460px-Copy-Source-Code-Step-13.jpg","bigUrl":"\/images\/thumb\/d\/db\/Copy-Source-Code-Step-13.jpg\/v4-728px-Copy-Source-Code-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/59\/Copy-Source-Code-Step-14.jpg\/v4-460px-Copy-Source-Code-Step-14.jpg","bigUrl":"\/images\/thumb\/5\/59\/Copy-Source-Code-Step-14.jpg\/v4-728px-Copy-Source-Code-Step-14.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f8\/Copy-Source-Code-Step-15.jpg\/v4-460px-Copy-Source-Code-Step-15.jpg","bigUrl":"\/images\/thumb\/f\/f8\/Copy-Source-Code-Step-15.jpg\/v4-728px-Copy-Source-Code-Step-15.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/5\/55\/Iphoneappstoreicon.png","bigUrl":"\/images\/thumb\/5\/55\/Iphoneappstoreicon.png\/30px-Iphoneappstoreicon.png","smallWidth":460,"smallHeight":460,"bigWidth":30,"bigHeight":30,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7d\/Copy-Source-Code-Step-16.jpg\/v4-460px-Copy-Source-Code-Step-16.jpg","bigUrl":"\/images\/thumb\/7\/7d\/Copy-Source-Code-Step-16.jpg\/v4-728px-Copy-Source-Code-Step-16.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2f\/Copy-Source-Code-Step-17.jpg\/v4-460px-Copy-Source-Code-Step-17.jpg","bigUrl":"\/images\/thumb\/2\/2f\/Copy-Source-Code-Step-17.jpg\/v4-728px-Copy-Source-Code-Step-17.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/86\/Copy-Source-Code-Step-18.jpg\/v4-460px-Copy-Source-Code-Step-18.jpg","bigUrl":"\/images\/thumb\/8\/86\/Copy-Source-Code-Step-18.jpg\/v4-728px-Copy-Source-Code-Step-18.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f4\/Copy-Source-Code-Step-19.jpg\/v4-460px-Copy-Source-Code-Step-19.jpg","bigUrl":"\/images\/thumb\/f\/f4\/Copy-Source-Code-Step-19.jpg\/v4-728px-Copy-Source-Code-Step-19.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/95\/Copy-Source-Code-Step-20.jpg\/v4-460px-Copy-Source-Code-Step-20.jpg","bigUrl":"\/images\/thumb\/9\/95\/Copy-Source-Code-Step-20.jpg\/v4-728px-Copy-Source-Code-Step-20.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/86\/Copy-Source-Code-Step-21.jpg\/v4-460px-Copy-Source-Code-Step-21.jpg","bigUrl":"\/images\/thumb\/8\/86\/Copy-Source-Code-Step-21.jpg\/v4-728px-Copy-Source-Code-Step-21.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2e\/Copy-Source-Code-Step-22.jpg\/v4-460px-Copy-Source-Code-Step-22.jpg","bigUrl":"\/images\/thumb\/2\/2e\/Copy-Source-Code-Step-22.jpg\/v4-728px-Copy-Source-Code-Step-22.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"