First Steps

Before you start changing the source code, it helps to have some basic knowledge of HTML and CSS. You don’t need to be a developer — knowing how a page is built and styled makes customizing Leverage much easier and safer.

Please don't use Notepad

Plain editors like Notepad can mangle file encoding and won’t catch mistakes. Use a real code editor instead — our free recommendation is below.

Learn the basics

W3SchoolsOptimized for learning, testing, and training — short tutorials with live examples.

MDN Web DocsIn-depth, authoritative tutorials on HTML, CSS, and JavaScript from Mozilla.

Pick a code editor

Visual Studio CodeA free, open-source editor with syntax highlighting, Git integration, and debugging built in — our recommended tool for editing Leverage.

Once you’re comfortable opening and saving .html and .css files, you’re ready to explore the package.

Continue to The PackageSee how the template's files and folders are organized.