Примеры блоков, свёрстанных с помощью Berry CSS

В примерах используется файл стилей berry.css.

<!DOCTYPE HTML>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Sample page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="assets/css/berry.css">
</head>
<body>
    ... html код блока ...
</body>
</html>
Блок ca1Блок ca2Блок ca3Блок ca4Блок ca5Блок ca6Блок ca7Блок ca8Блок ca9Блок ca10Блок ca11Блок ca12Блок ca13Блок ca14Блок ca15Блок ca16Блок ca17Блок ca18Блок ca19Блок ca20Блок ca21Блок ca22Блок fe1Блок fe13Блок fe15Блок fe17

Все блоки приведены в качестве примеров с целью показать возможности Berry CSS. В качестве исходного дизайна использовались блоки из: Froala Design Blocks. Все копирайты и правила использования сохраняются за их авторами.