Welcome

Get started

Thank you for your interest in pzplUI! This guide will show you how to get started.

Hello, if you have time, please fill this survey about pzplUI! Click here.

Quick Start

Want to add pzplUI to your existing project? Copy this following line to your head:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/programistazpolski/pzplui@master/style.min.css">

Starter Template

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Description of the page">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/programistazpolski/pzplui@master/style.min.css">
</head>
<body>
    <div class="text-center">
        <h1 class="d1">HELLO WORLD!</h1><br>
        <p>Edit your HTML file to make changes!</p>
    </div>
</body>
</html>

Note: Make sure to change your lang attribute to reflect the language of your website!

Example languages:

English - en
Polish - pl
Russian - ru
Swedish - sv
Japaneese - jp
Italian - it

You can find more language codes here

Important Tags

The DOCTYPE declaration:

<!DOCTYPE html>

The charset declaration:

<meta charset="utf-8">

and the viewport tag:

<meta name="viewport" content="width=device-width, initial-scale=1">

Templates

Album

A simple gallery

Demo Download .zip Download .tar.xz Download .7z

Basic Boilerplate

A basic starting point for your next website with pzplUI

Demo Download .zip Download .tar.xz Download .7z

Basic Container Boilerplate

A basic starting point for your next website with pzplUI, with a container.

Demo Download .zip Download .tar.xz Download .7z

Full Boilerplate

A starting point for your next website with pzplUI, based on HTML5 Boilerplate.

Demo Download .zip Download .tar.xz Download .7z