---
# Front Matter (YAML)
author: "jane.doe@kaishi.ua (Jane Doe)" ## Автор сторінки. (макс. 64 символи)
banner_alt: "Зелено-чорна плиткова стіна" ## Альтернативний текст банера сайту.
banner_height: "398" ## Висота банера сайту.
banner_width: "1440" ## Ширина банера сайту.
banner: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 398' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23166534'/><stop offset='1' stop-color='%2386efac'/></linearGradient></defs><rect width='1440' height='398' fill='url(%23g)'/></svg>" ## Банер сайту.
cdn: "https://cloudcdn.pro" ## CDN сайту.
changefreq: "weekly" ## Частота оновлення сайту.
charset: "utf-8" ## Кодування сайту. (за замовчуванням: utf-8)
cname: "kaishi.ua" ## Значення cname сайту. (Обов'язково лише для головної сторінки.)
copyright: "Copyright © 2023-2026 Kaishi. Усі права захищено." ## Авторське право сайту.
date: "01 січня 2025"
description: "Усе, що вам потрібно для створення вражаючого сайту." ## Опис сайту. (макс. 160 символів)
download: "" ## URL для завантаження продукту.
format-detection: "telephone=no" ## Виявлення формату сайту.
hreflang: "uk" ## hreflang сайту. (за замовчуванням: en-gb)
icon: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Іконка сайту у форматі SVG.
id: "https://kaishi.ua" ## Ідентифікатор сайту.
image_alt: "Логотип Kaishi, стартового шаблону для статичних сайтів" ## Альтернативний текст зображення сайту.
image_height: "630" ## Висота зображення сайту.
image_width: "1200" ## Ширина зображення сайту.
image: "https://cloudcdn.pro/kaishi/images/banners/banner-kaishi.webp" ## Головне зображення сайту у форматі SVG.
keywords: "стартові шаблони kaishi, генератор статичних сайтів, static site generator, стартові шаблони, bootstrap, bootstrap css, bootstrap javascript, політика безпеки контенту, метатеги open graph, адаптивна навігаційна панель, метатеги schema.org" ## Ключові слова сайту. (макс. 160 символів)
language: "uk-UA" ## Мова сайту. (за замовчуванням: en-GB)
layout: "feature" ## Макет сайту.
locale: "uk_UA" ## Локаль сайту.
logo_alt: "Логотип Kaishi, стартового шаблону для статичних сайтів" ## Альтернативний текст логотипа сайту.
logo_height: "33" ## Висота логотипа сайту.
logo_width: "100" ## Ширина логотипа сайту.
logo: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Логотип сайту у форматі SVG.
name: "Kaishi" ## Назва сайту. (макс. 64 символи)
permalink: "https://kaishi.ua/features" ## URL сайту.
rating: "general" ## Рейтинг сайту.
referrer: "no-referrer" ## Referrer сайту.
revisit-after: "7 days" ## Період повторного відвідування сайту.
robots: "index, follow" ## Інструкції для роботів сайту.
short_name: "kaishi" ## Коротка назва сайту. (макс. 12 символів)
subtitle: "Створюйте чудові сайти з мінімальними зусиллями за допомогою стартових шаблонів Kaishi" ## Підзаголовок сторінки. (макс. 64 символи)
tags: "стартові шаблони kaishi, генератор статичних сайтів, static site generator, стартові шаблони, bootstrap, bootstrap css, bootstrap javascript, політика безпеки контенту, метатеги open graph, адаптивна навігаційна панель, метатеги schema.org" ## Теги сайту. (макс. 160 символів)
theme-color: "143, 250, 113" ## Колір теми сайту.
title: "Можливості" ## Заголовок сторінки. (макс. 64 символи)
url: "https://kaishi.ua" ## URL сайту.
viewport: "width=device-width, initial-scale=1, shrink-to-fit=no" ## Viewport сайту.
# News - Метадані News SiteMap (YAML).
news_genres: "Blog" ## Жанри сайту. (PressRelease|Satire|Blog|OpEd|Opinion|UserGenerated)
news_keywords: "kaishi, генератор статичних сайтів, static site generator, мінімалістичний шаблон сайту, сучасний шаблон сайту, адаптивний шаблон сайту, стартовий шаблон сайту, фрилансер-креативник, засновник стартапу, власник малого бізнесу, онлайн-присутність" ## Ключові слова сайту. (через кому, макс. 10 ключових слів)
news_language: "uk" ## Мова сайту. (за замовчуванням: en)
news_loc: "https://kaishi.ua" ## URL сайту.
news_publication_date: "Wed, 01 Jan 2025 01:01:01 GMT" ## Дата публікації сайту.
news_publication_name: "Kaishi" ## Назва новинної публікації сайту.
news_title: "Можливості" ## Заголовок сторінки. (макс. 64 символи)
# RSS - Метадані RSS-стрічки (YAML).
atom_link: https://kaishi.ua/rss.xml
category: "Технології"
docs: https://validator.w3.org/feed/docs/rss2.html
generator: "SSG (version 0.0.35)"
item_description: RSS-стрічка сайту
item_guid: "https://kaishi.ua/features/index.html"
item_link: "https://kaishi.ua/features/index.html"
item_pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
item_title: "Можливості"
last_build_date: "Wed, 01 Jan 2025 01:01:01 GMT"
managing_editor: jane.doe@kaishi.ua (Jane Doe)
pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
ttl: "60"
type: "website"
webmaster: jane.doe@kaishi.ua
# Apple - Метадані Apple (YAML).
apple_mobile_web_app_orientations: "portrait" ## Орієнтації Apple-мобільного веб-застосунку сторінки.
apple_touch_icon_sizes: "192x192" ## Розміри Apple-touch-icon сторінки.
apple-mobile-web-app-capable: "yes" ## Підтримка Apple-мобільного веб-застосунку сторінки.
apple-mobile-web-app-status-bar-inset: "black" ## Відступ рядка стану Apple-мобільного веб-застосунку сторінки.
apple-mobile-web-app-status-bar-style: "black-translucent" ## Стиль рядка стану Apple-мобільного веб-застосунку сторінки.
apple-mobile-web-app-title: "Kaishi" ## Заголовок Apple-мобільного веб-застосунку сторінки.
apple-touch-fullscreen: "yes" ## Повноекранний режим Apple Touch сторінки.
# MS Application - Метадані MS Application (YAML).
msapplication-navbutton-color: "rgb(0,102,204)"
# Twitter Card - Метадані Twitter Card (YAML).
## twitter_card - Тип Twitter Card сторінки.
twitter_card: "summary"
## twitter_creator - Творець Twitter Card сторінки.
twitter_creator: "janedoe"
## twitter_description - Опис Twitter Card сторінки.
twitter_description: "Усе, що вам потрібно для створення вражаючого сайту."
## twitter_image - Зображення Twitter Card сторінки.
twitter_image: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg"
## twitter_image:alt - Альтернативний текст зображення Twitter Card сторінки.
twitter_image_alt: "Логотип Kaishi, стартового шаблону для статичних сайтів"
## twitter_site - Twitter-акаунт сторінки.
twitter_site: "janedoe"
## twitter_title - Заголовок Twitter Card сторінки.
twitter_title: "Kaishi, стартовий шаблон для генератора статичних сайтів"
## twitter_url - URL Twitter Card сторінки.
twitter_url: "https://kaishi.ua"
# Humans.txt - Метадані Humans.txt (YAML).
author_website: "https://cloudcdn.pro" ## Вебсайт автора сторінки.
author_twitter: "@wwdseb" ## Twitter автора сторінки.
author_location: "Лондон, Велика Британія" ## Місцезнаходження автора сторінки.
thanks: "Дякуємо за прочитання!" ## Подяки сторінки.
site_last_updated: "2025-01-01" ## Останнє оновлення сайту.
site_standards: "HTML5, CSS3, RSS, Atom, JSON, XML, YAML, Markdown, TOML" ## Стандарти сайту.
site_components: "Kaishi, Kaishi Builder, Kaishi CLI, Kaishi Templates, Kaishi Themes" ## Компоненти сайту.
site_software: "SSG, Rust" ## Програмне забезпечення сайту.
---
## Стартові шаблони
Усі стартові шаблони — чи то сторінки, чи то цілі сайти — створено з нуля
за одними й тими ж принципами та можливостями. Це означає, що ви можете легко
поєднувати їх між собою, створюючи власні макети та зміст.
Почніть роботу з SSG, використовуючи будь-який із наших стартових шаблонів
для створення вашого сайту або вебзастосунку.
У **стартових шаблонах Kaishi** увімкнено такі функції:
- **Метатеги доступності:** Ці метатеги створено для того, щоб зробити сайт доступнішим для користувачів з інвалідністю. Задаючи ролі та атрибути ARIA (Accessible Rich Internet Applications), повне керування з клавіатури та відсутність мерехтіння, ви можете забезпечити доступність вашого сайту для всіх.
- **Метатеги Apple:** Ці метатеги покращують сайти для пристроїв Apple, таких як iPhone, iPad та інших пристроїв Apple. Ви можете змінювати можливості вебзастосунку, стиль рядка стану, заголовок, назву застосунку та автора, щоб покращити вигляд на пристроях Apple.
- **Bootstrap CSS:** Bootstrap — популярний CSS-фреймворк, який надає набір попередньо розроблених стилів та компонентів. Використовуючи Bootstrap, ви можете швидко й легко створити сайт професійного вигляду, не пишучи CSS з нуля.
- **Bootstrap JavaScript:** Bootstrap JavaScript — це набір готових скриптів, які надають адаптивні навігаційні меню та модальні діалоги.
- **Політика безпеки контенту:** Цей метатег використовується для визначення джерел контенту, які дозволено завантажувати на сторінці. Його призначення — запобігати атакам міжсайтового скриптингу (XSS) та іншим вразливостям безпеки.
- **Метатеги Microsoft:** Ці метатеги призначені для оптимізації сайту для пристроїв Microsoft. Ви можете задати перевірку сайту, конфігурацію застосунку, колір підсвічування, колір плитки та зображення плитки, щоб сайт мав гарний вигляд на пристроях Windows.
- **Метатеги Open Graph/Facebook:** Ці метатеги дозволяють контролювати, як ваш сайт відображається під час поширення у Facebook та інших соціальних мережах. Задаючи заголовок, опис та зображення, ви можете переконатися, що ваш сайт має найкращий вигляд під час поширення онлайн.
- **Адаптивна навігаційна панель:** Адаптивна навігаційна панель надає користувачам інтуїтивно зрозумілий і простий у використанні інтерфейс для навігації сайтом. Вона пристосовується до розміру екрана, роблячи сайт доступним для користувачів як на настільних комп'ютерах, так і на мобільних пристроях.
- **Метатеги Schema.org:** Ці метатеги використовуються для надання структурованих даних про зміст сайту. Задання імені, опису та зображення на сайті допомагає пошуковим системам та іншим сервісам краще розуміти зміст.
- **Метатеги Twitter:** Ці метатеги призначені для оптимізації сайту для поширення у Twitter. Ви можете задати тип картки, творця, опис, зображення, сайт, заголовок та URL, щоб сайт добре виглядав у Twitter.