---
# Front Matter (YAML)
author: "jane.doe@kaishi.ph (Jane Doe)" ## Ang may-akda ng pahina. (max 64 na karakter)
banner_alt: "Berde at Itim na Tiled na Pader" ## Ang banner alt ng site.
banner_height: "398" ## Ang taas ng banner ng site.
banner_width: "1440" ## Ang lapad ng banner ng site.
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>" ## Ang banner ng site.
cdn: "https://cloudcdn.pro" ## Ang CDN ng site.
changefreq: "weekly" ## Ang changefreq ng site.
charset: "utf-8" ## Ang charset ng site. (default: utf-8)
cname: "kaishi.ph" ## Ang cname value ng site. (Kailangan lamang sa index page.)
copyright: "Copyright © 2023-2026 Kaishi. Nakalaan ang lahat ng karapatan." ## Ang copyright ng site.
date: "Enero 01, 2025"
description: "Lahat ng Kailangan Mo upang Bumuo ng Kahanga-hangang Website." ## Ang paglalarawan ng site. (max 160 na karakter)
download: "" ## Ang download url para sa produkto.
format-detection: "telephone=no" ## Ang format detection ng site.
hreflang: "tl" ## Ang hreflang ng site. (default: en-gb)
icon: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Ang icon ng site sa SVG format.
id: "https://kaishi.ph" ## Ang id ng site.
image_alt: "Logo ng Kaishi, isang starter template para sa mga static site" ## Ang image alt ng site.
image_height: "630" ## Ang taas ng imahe ng site.
image_width: "1200" ## Ang lapad ng imahe ng site.
image: "https://cloudcdn.pro/kaishi/images/banners/banner-kaishi.webp" ## Ang pangunahing imahe ng site sa SVG format.
keywords: "kaishi starter templates, static site generator, static site generator, starter templates, bootstrap, bootstrap css, bootstrap javascript, content security policy, open graph meta tags, responsive navigation bar, schema.org meta tags" ## Ang mga keyword ng site. (max 160 na karakter)
language: "tl-PH" ## Ang wika ng site. (default: en-GB)
layout: "feature" ## Ang layout ng site.
locale: "tl_PH" ## Ang locale ng site.
logo_alt: "Logo ng Kaishi, isang starter template para sa mga static site" ## Ang logo alt ng site.
logo_height: "33" ## Ang taas ng logo ng site.
logo_width: "100" ## Ang lapad ng logo ng site.
logo: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Ang logo ng site sa SVG format.
name: "Kaishi" ## Ang pangalan ng website. (max 64 na karakter)
permalink: "https://kaishi.ph/features" ## Ang url ng site.
rating: "general" ## Ang rating ng site.
referrer: "no-referrer" ## Ang referrer ng site.
revisit-after: "7 days" ## Ang revisit after ng site.
robots: "index, follow" ## Ang robots ng site.
short_name: "kaishi" ## Ang maikling pangalan ng site. (max 12 na karakter)
subtitle: "Gumawa ng kahanga-hangang Website nang may Kaunting Pagsisikap gamit ang Kaishi Starter Templates" ## Ang subtitle ng pahina. (max 64 na karakter)
tags: "kaishi starter templates, static site generator, static site generator, starter templates, bootstrap, bootstrap css, bootstrap javascript, content security policy, open graph meta tags, responsive navigation bar, schema.org meta tags" ## Ang mga tag ng site. (max 160 na karakter)
theme-color: "143, 250, 113" ## Ang theme color ng site.
title: "Mga Tampok" ## Ang pamagat ng pahina. (max 64 na karakter)
url: "https://kaishi.ph" ## Ang url ng site.
viewport: "width=device-width, initial-scale=1, shrink-to-fit=no" ## Ang viewport ng site.
# News - Ang News SiteMap front matter (YAML).
news_genres: "Blog" ## Ang mga genre ng site. (PressRelease|Satire|Blog|OpEd|Opinion|UserGenerated)
news_keywords: "kaishi, static site generator, static site generator, minimalist na website template, modernong website template, responsive na website template, website starter template, freelance na malikhain, tagapagtatag ng startup, may-ari ng maliit na negosyo, presensya online" ## Ang mga keyword ng site. (comma separated, max 10 keywords)
news_language: "tl" ## Ang wika ng site. (default: en)
news_loc: "https://kaishi.ph" ## Ang loc ng site.
news_publication_date: "Wed, 01 Jan 2025 01:01:01 GMT" ## Ang petsa ng paglalathala ng site.
news_publication_name: "Kaishi" ## Ang pangalan ng news publication ng site.
news_title: "Mga Tampok" ## Ang pamagat ng pahina. (max 64 na karakter)
# RSS - Ang RSS feed front matter (YAML).
atom_link: https://kaishi.ph/rss.xml
category: "Teknolohiya"
docs: https://validator.w3.org/feed/docs/rss2.html
generator: "SSG (bersyon 0.0.35)"
item_description: RSS feed para sa site
item_guid: "https://kaishi.ph/features/index.html"
item_link: "https://kaishi.ph/features/index.html"
item_pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
item_title: "Mga Tampok"
last_build_date: "Wed, 01 Jan 2025 01:01:01 GMT"
managing_editor: jane.doe@kaishi.ph (Jane Doe)
pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
ttl: "60"
type: "website"
webmaster: jane.doe@kaishi.ph
# Apple - Ang Apple front matter (YAML).
apple_mobile_web_app_orientations: "portrait" ## Ang mga oryentasyon ng Apple mobile web app ng pahina.
apple_touch_icon_sizes: "192x192" ## Ang mga sukat ng Apple touch icon ng pahina.
apple-mobile-web-app-capable: "yes" ## Ang Apple mobile web app capable ng pahina.
apple-mobile-web-app-status-bar-inset: "black" ## Ang Apple mobile web app status bar inset ng pahina.
apple-mobile-web-app-status-bar-style: "black-translucent" ## Ang Apple mobile web app status bar style ng pahina.
apple-mobile-web-app-title: "Kaishi" ## Ang Apple mobile web app title ng pahina.
apple-touch-fullscreen: "yes" ## Ang Apple touch fullscreen ng pahina.
# MS Application - Ang MS Application front matter (YAML).
msapplication-navbutton-color: "rgb(0,102,204)"
# Twitter Card - Ang Twitter Card front matter (YAML).
## twitter_card - Ang uri ng Twitter Card ng pahina.
twitter_card: "summary"
## twitter_creator - Ang lumikha ng Twitter Card ng pahina.
twitter_creator: "janedoe"
## twitter_description - Ang paglalarawan sa Twitter Card ng pahina.
twitter_description: "Lahat ng Kailangan Mo upang Bumuo ng Kahanga-hangang Website."
## twitter_image - Ang imahe sa Twitter Card ng pahina.
twitter_image: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg"
## twitter_image:alt - Ang image alt sa Twitter Card ng pahina.
twitter_image_alt: "Logo ng Kaishi, isang starter template para sa mga static site"
## twitter_site - Ang Twitter Card site ng pahina.
twitter_site: "janedoe"
## twitter_title - Ang pamagat ng Twitter Card ng pahina.
twitter_title: "Kaishi, isang Starter Template para sa Static Site Generator"
## twitter_url - Ang url ng Twitter Card ng pahina.
twitter_url: "https://kaishi.ph"
# Humans.txt - Ang Humans.txt front matter (YAML).
author_website: "https://cloudcdn.pro" ## Ang website ng may-akda ng pahina.
author_twitter: "@wwdseb" ## Ang Twitter ng may-akda ng pahina.
author_location: "London, UK" ## Ang lokasyon ng may-akda ng pahina.
thanks: "Salamat sa pagbabasa!" ## Ang pasasalamat sa pahina.
site_last_updated: "2025-01-01" ## Ang huling pag-update ng site.
site_standards: "HTML5, CSS3, RSS, Atom, JSON, XML, YAML, Markdown, TOML" ## Ang mga pamantayan ng site.
site_components: "Kaishi, Kaishi Builder, Kaishi CLI, Kaishi Templates, Kaishi Themes" ## Ang mga bahagi ng site.
site_software: "SSG, Rust" ## Ang software ng site.
---
## Mga Starter Template
Ang lahat ng starter templates, ito man ay mga pahina o website, ay
itinatayo mula sa simula gamit ang parehong mga prinsipyo at tampok. Nangangahulugan
ito na madali mong mahaluan at maitutugma ang mga ito upang lumikha ng iyong
sariling custom na layout at nilalaman.
Magsimula sa SSG gamit ang alinman sa aming mga Starter Template para sa
pagbuo ng iyong website o web application.
Ang **Kaishi Starter Templates** ay may mga sumusunod na tampok na pinagana:
- **Mga Accessibility Meta-Tag:** Ang mga meta tag na ito ay idinisenyo upang gawing mas naa-access ang website sa mga gumagamit na may kapansanan. Sa pamamagitan ng pagtatakda ng mga Accessible Rich Internet Applications (ARIA) na role at attribute, buong kontrol ng keyboard, at walang panganib sa pag-flash, masisigurado mong naa-access ang iyong website sa lahat.
- **Mga Apple Meta-Tag:** Pinapabuti ng mga meta tag na ito ang mga website para sa mga Apple device, tulad ng iPhone, iPad, at mga Apple device. Maaari mong baguhin ang web app capabilities, status bar style, title, application name, at author upang mapabuti ang hitsura ng mga Apple device.
- **Bootstrap CSS:** Ang Bootstrap ay isang sikat na CSS framework na nagbibigay sa iyo ng isang hanay ng mga paunang dinisenyong istilo at component. Sa paggamit ng Bootstrap, maaari kang mabilis at madaling lumikha ng isang propesyonal na hitsurang website nang hindi kailangang magsulat ng CSS mula sa simula.
- **Bootstrap JavaScript:** Ang Bootstrap JavaScript ay isang hanay ng mga paunang itinayong script na nagbibigay sa iyo ng mga responsive na navigation menu at modal dialog.
- **Content Security Policy:** Ang meta tag na ito ay ginagamit upang tukuyin ang mga pinagmulan ng nilalamang pinapayagang i-load sa pahina. Ito ay idinisenyo upang maiwasan ang mga pag-atake ng cross-site scripting (XSS) at iba pang kahinaan sa seguridad.
- **Mga Microsoft Meta Tag:** Ang mga meta tag na ito ay idinisenyo upang i-optimize ang website para sa mga Microsoft device. Maaari mong itakda ang site verification, application configuration, tap highlight color, tile color, at tile image upang magmukhang maganda sa mga Windows device.
- **Mga Open Graph/Facebook Meta-Tag:** Ang mga meta tag na ito ay nagpapahintulot sa iyong kontrolin kung paano lumalabas ang iyong website kapag ibinahagi sa Facebook at iba pang social media platform. Sa pamamagitan ng pagtatakda ng pamagat, paglalarawan, at imahe, masisigurado mong magmumukha nang pinakamahusay ang iyong website kapag ibinahagi online.
- **Responsive na Navigation Bar:** Ang responsive na navigation bar ay nagbibigay sa mga gumagamit ng intuitive at madaling gamiting interface para sa pag-navigate sa website. Layunin nitong umangkop sa laki ng screen, na ginagawang naa-access ito sa mga gumagamit sa parehong desktop at mobile device.
- **Mga Schema.org Meta Tag:** Ang mga meta tag na ito ay ginagamit upang magbigay ng nakabalangkas na data tungkol sa nilalaman ng website. Ang pagtatakda ng pangalan, paglalarawan, at imahe sa isang website ay tumutulong sa mga search engine at iba pa upang mas maintindihan ang nilalaman.
- **Mga Twitter Meta Tag:** Ang mga meta tag na ito ay idinisenyo upang i-optimize ang website para sa pagbabahagi sa Twitter. Maaari mong itakda ang uri ng card, lumikha, paglalarawan, imahe, site, pamagat, at URL upang magmukhang maganda ang kanilang website sa Twitter.