ᱢᱩᱞ ᱠᱷᱚᱵᱚᱨ ᱨᱮ ᱪᱷᱩᱴ ᱢᱮ

ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ

ᱟᱢᱟᱜ ᱣᱮᱵᱥᱟᱭᱴ ᱨᱮ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ ᱮᱢᱵᱮᱰ ᱢᱮ

ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ ᱥᱮᱛᱟᱜ ᱫᱤᱱ ᱢᱤᱫ ᱱᱟᱶᱟ ᱯᱷᱤᱪᱟᱨ ᱯᱨᱚᱠᱟᱥ ᱮᱫᱟᱭ᱾ ᱪᱤᱛᱟᱹᱨ ᱨᱮᱭᱟᱜ ᱴᱷᱤᱠᱟᱱᱟ ᱡᱟᱦᱟᱱᱟᱜ ᱵᱚᱫᱚᱞ ᱠᱟ ᱵᱟᱝᱟ, ᱢᱮᱱᱠᱷᱟᱱ ᱚᱱᱟ ᱯᱤᱪᱷᱮ ᱨᱮᱭᱟᱜ ᱪᱤᱛᱟᱹᱨ ᱵᱚᱫᱚᱞ ᱦᱩᱭᱩᱜᱟ, ᱚᱱᱟᱛᱮ ᱟᱢ ᱢᱤᱫ ᱫᱷᱟᱣ ᱠᱳᱰ ᱥᱮᱞᱮᱫ ᱠᱟᱢ ᱟᱨ ᱟᱢᱟᱜ ᱫᱮᱠᱷᱤᱡᱽ ᱦᱚᱲ ᱛᱤᱱᱟᱹᱜ ᱫᱤᱱᱟᱹᱢ ᱨᱮᱭᱟᱜ ᱯᱷᱤᱪᱟᱨ ᱟᱡ ᱛᱮ ᱟᱡ ᱧᱮᱞ ᱫᱟᱲᱮᱭᱟᱜᱟ᱾

ᱪᱮᱫ ᱞᱮᱠᱟ ᱠᱟᱹᱢᱤᱭᱟ

ᱥᱮᱛᱟᱜ ᱫᱤᱱ ᱢᱤᱫ ᱱᱟᱶᱟ ᱪᱤᱛᱟᱹᱨ ᱢᱤᱫ ᱴᱷᱤᱠ ᱴᱷᱤᱠᱟᱱᱟ ᱨᱮ ᱯᱨᱚᱠᱟᱥ ᱦᱩᱭᱩᱜᱟ᱾ ᱟᱢᱟᱜ ᱯᱮᱡ ᱚᱱᱟ ᱴᱷᱤᱠᱟᱱᱟ ᱞᱳᱰ ᱮᱫᱟᱭ, ᱚᱱᱟᱛᱮ ᱱᱚᱶᱟ ᱥᱮᱛᱟᱜ ᱛᱤᱱᱟᱹᱜ ᱫᱤᱱᱟᱹᱢ ᱨᱮᱭᱟᱜ ᱯᱷᱤᱪᱟᱨ ᱫᱮᱠᱷᱟᱣᱮᱫᱟᱭ, ᱟᱨ ᱠᱞᱤᱠ ᱠᱟᱛᱮ ᱟᱢᱟᱜ ᱫᱮᱠᱷᱤᱡᱽ ᱦᱚᱲ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ ᱨᱮ ᱥᱮᱱ ᱫᱟᱲᱮᱭᱟᱜᱟ ᱡᱟᱦᱟᱱ ᱨᱮ ᱯᱩᱨᱟᱹ ᱠᱟᱦᱱᱤ ᱫᱚᱦᱚ ᱢᱮᱱᱟᱜᱟ᱾

ᱥᱠᱨᱤᱯᱴ ᱥᱟᱱᱟᱢ ᱠᱟᱢᱟ? ᱢᱤᱫ ᱠᱚᱱᱴᱮᱱᱟᱨ ᱟᱨ ᱢᱤᱫ ᱥᱠᱨᱤᱯᱴ ᱥᱮᱞᱮᱫ ᱢᱮ: ᱣᱤᱡᱮᱴ data-dotd-variant ᱥᱟᱶᱛᱮ ᱟᱢ ᱥᱟᱱᱟᱢ ᱟᱠᱟᱱ ᱥᱴᱟᱭᱞ ᱪᱤᱛᱟᱹᱨ ᱮᱫᱟᱭ (image, cta ᱥᱮᱫ card), ᱥᱠᱨᱤᱯᱴ ᱴᱷᱤᱠᱟᱱᱟ ᱨᱮᱭᱟᱜ ᱯᱟᱹᱨᱥᱤ ᱨᱮ ᱡᱚᱠᱷᱚᱱ ᱚᱱᱟ ᱯᱟᱹᱨᱥᱤ ᱢᱮᱱᱟᱜᱟ᱾ ᱡᱩᱫᱤ ᱟᱢ ᱥᱠᱨᱤᱯᱴ ᱪᱟᱞᱟᱣ ᱵᱟᱝ ᱫᱟᱲᱮᱭᱟᱢᱟ, ᱚᱱᱟ ᱞᱮᱠᱟ ᱣᱮᱨᱤᱭᱮᱱᱴ ᱨᱮᱭᱟᱜ HTML ᱥᱚᱝᱥᱠᱚᱨᱚᱱ ᱵᱮᱵᱷᱟᱨ ᱢᱮ᱾

ᱣᱮᱨᱤᱭᱮᱱᱴ A: ᱠᱷᱟᱞᱤ ᱪᱤᱛᱟᱹᱨ

ᱛᱤᱱᱟᱹᱜ ᱫᱤᱱᱟᱹᱢ ᱨᱮᱭᱟᱜ ᱪᱤᱛᱟᱹᱨ, ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ ᱥᱟᱶᱛᱮ ᱞᱤᱝᱠ ᱟᱠᱟᱱ᱾ ᱥᱟᱶᱛᱤᱧ ᱦᱟᱹᱞᱠᱟ ᱵᱤᱠᱚᱞᱯ᱾

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

<a href="https://designteamoftheday.com/sat/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="ᱱᱟᱣᱟᱥᱤᱨᱡᱚᱱ ᱯᱨᱚᱡᱮᱠᱴ ᱨᱮ ᱢᱤᱞᱟᱣ ᱠᱟᱹᱢᱤ ᱠᱟᱛᱮ ᱯᱩᱨᱥᱠᱟᱨ ᱡᱤᱛᱟᱣ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designteamoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=sat"></script>

ᱣᱮᱨᱤᱭᱮᱱᱴ B: ᱪᱤᱛᱟᱹᱨ ᱟᱨ ᱠᱟᱹᱢᱤ ᱞᱟᱹᱜᱤᱫ ᱦᱟᱠ

ᱛᱤᱱᱟᱹᱜ ᱫᱤᱱᱟᱹᱢ ᱨᱮᱭᱟᱜ ᱪᱤᱛᱟᱹᱨ ᱞᱟᱛᱟᱨ ᱨᱮ ᱢᱤᱫ ᱠᱟᱹᱢᱤ ᱞᱟᱹᱜᱤᱫ ᱦᱟᱠ ᱥᱟᱶᱛᱮ᱾

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

<a href="https://designteamoftheday.com/sat/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
  <img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="ᱱᱟᱣᱟᱥᱤᱨᱡᱚᱱ ᱯᱨᱚᱡᱮᱠᱴ ᱨᱮ ᱢᱤᱞᱟᱣ ᱠᱟᱹᱢᱤ ᱠᱟᱛᱮ ᱯᱩᱨᱥᱠᱟᱨ ᱡᱤᱛᱟᱣ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ" loading="lazy" style="display:block;max-width:100%;height:auto;margin:0 auto">
  <span style="display:block;margin-top:.5em;font:600 15px/1.3 system-ui,sans-serif">ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ ᱯᱟᱱᱛᱮᱭᱟᱹ</span>
</a>
<div data-dotd="designteamoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=sat"></script>

ᱣᱮᱨᱤᱭᱮᱱᱴ C: Bootstrap ᱠᱟᱨᱰ

ᱢᱤᱫ Bootstrap ᱠᱟᱨᱰ ᱪᱤᱛᱟᱹᱨ, ᱯᱷᱤᱪᱟᱨ ᱨᱮᱭᱟᱜ ᱱᱩᱛᱩᱢ, ᱢᱤᱫ ᱦᱩᱰᱤᱧ ᱯᱮᱨᱟ ᱟᱨ ᱢᱤᱫ ᱠᱟᱹᱢᱤ ᱞᱟᱹᱜᱤᱫ ᱦᱟᱠ ᱵᱚᱴᱚᱱ ᱥᱟᱶᱛᱮ᱾ ᱟᱢᱟᱜ ᱯᱮᱡ ᱨᱮ Bootstrap ᱞᱟᱹᱠᱛᱤᱭᱟ᱾

ᱡᱤᱭᱚᱱ ᱫᱮᱠᱷᱟᱣ

<div class="card" style="max-width:24rem">
  <a href="https://designteamoftheday.com/sat/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" class="card-img-top" alt="ᱱᱟᱣᱟᱥᱤᱨᱡᱚᱱ ᱯᱨᱚᱡᱮᱠᱴ ᱨᱮ ᱢᱤᱞᱟᱣ ᱠᱟᱹᱢᱤ ᱠᱟᱛᱮ ᱯᱩᱨᱥᱠᱟᱨ ᱡᱤᱛᱟᱣ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ</h5>
    <p class="card-text">A' Design Award ᱵᱟᱲᱦᱤᱭᱟᱹ ᱰᱤᱡᱟᱭᱱ, ᱟᱨᱠᱤᱴᱮᱠᱪᱟᱨ ᱟᱨ ᱱᱟᱣᱟᱥᱤᱨᱡᱚᱱ ᱯᱨᱚᱡᱮᱠᱴ ᱛᱟᱭᱚᱢ ᱨᱮᱱᱟᱜ ᱥᱨᱤᱥᱴᱤᱥᱤᱞ ᱴᱤᱢ ᱠᱚ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ ᱞᱮᱠᱟᱛᱮ ᱢᱟᱱᱟᱣᱟ, ᱟᱜᱣᱟ ᱥᱴᱩᱰᱤᱭᱚ ᱠᱚ ᱪᱤᱱᱦᱟᱹᱣ ᱠᱟᱛᱮ ᱡᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱢᱤᱞᱟᱣ ᱠᱟᱹᱢᱤ, ᱢᱤᱫ ᱫᱟᱨᱥᱟᱱ ᱟᱨ ᱡᱟᱱᱠᱟᱹᱨᱤ ᱵᱟᱲᱦᱤᱭᱟᱹ ᱛᱮ ᱡᱷᱟᱞᱠᱟᱣᱟ᱾</p>
    <a href="https://designteamoftheday.com/sat/" class="btn btn-danger" target="_blank" rel="noopener">ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ ᱯᱟᱱᱛᱮᱭᱟᱹ</a>
  </div>
</div>
<div data-dotd="designteamoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=sat"></script>

ᱵᱤᱠᱚᱞᱯ 3: JSON

ᱰᱮᱵᱞᱚᱯᱟᱨ, ᱮᱯ ᱟᱨ ᱟᱴᱳᱢᱮᱥᱚᱱ ᱞᱟᱹᱜᱤᱫ᱾ JSON ᱨᱮ ᱱᱩᱛᱩᱢ, ᱵᱟᱠᱷᱟᱱ, ᱪᱤᱛᱟᱹᱨ ᱴᱷᱤᱠᱟᱱᱟ, ᱞᱤᱝᱠ ᱟᱨ ᱛᱟᱨᱤᱠ ᱢᱮᱱᱟᱜᱟ᱾ ᱠᱨᱚᱥ-ᱚᱨᱤᱡᱤᱱ ᱨᱤᱠᱩᱮᱥᱴ ᱠᱷᱩᱞᱟᱹ ᱢᱮᱱᱟᱜᱟ᱾

fetch("https://designteamoftheday.com/feature.json?lang=sat")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

ᱫᱮᱠᱷᱟᱣ ᱡᱚᱦᱟᱨ

{
    "domain": "designteamoftheday.com",
    "name": "ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ",
    "feature": "ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ",
    "paragraph": "A' Design Award ᱵᱟᱲᱦᱤᱭᱟᱹ ᱰᱤᱡᱟᱭᱱ, ᱟᱨᱠᱤᱴᱮᱠᱪᱟᱨ ᱟᱨ ᱱᱟᱣᱟᱥᱤᱨᱡᱚᱱ ᱯᱨᱚᱡᱮᱠᱴ ᱛᱟᱭᱚᱢ ᱨᱮᱱᱟᱜ ᱥᱨᱤᱥᱴᱤᱥᱤᱞ ᱴᱤᱢ ᱠᱚ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ ᱞᱮᱠᱟᱛᱮ ᱢᱟᱱᱟᱣᱟ, ᱟᱜᱣᱟ ᱥᱴᱩᱰᱤᱭᱚ ᱠᱚ ᱪᱤᱱᱦᱟᱹᱣ ᱠᱟᱛᱮ ᱡᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱢᱤᱞᱟᱣ ᱠᱟᱹᱢᱤ, ᱢᱤᱫ ᱫᱟᱨᱥᱟᱱ ᱟᱨ ᱡᱟᱱᱠᱟᱹᱨᱤ ᱵᱟᱲᱦᱤᱭᱟᱹ ᱛᱮ ᱡᱷᱟᱞᱠᱟᱣᱟ᱾",
    "description": "ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ ᱵᱟᱲᱦᱤᱭᱟᱹ ᱰᱤᱡᱟᱭᱱ, ᱟᱨᱠᱤᱴᱮᱠᱪᱟᱨ ᱟᱨ ᱱᱟᱣᱟᱥᱤᱨᱡᱚᱱ ᱯᱨᱚᱡᱮᱠᱴ ᱛᱟᱭᱚᱢ ᱨᱮᱱᱟᱜ ᱥᱨᱤᱥᱴᱤᱥᱤᱞ ᱴᱤᱢ ᱠᱚ ᱢᱟᱱᱟᱣᱟ, ᱫᱩᱱᱤᱭᱟᱸ ᱫᱚᱨᱡᱟ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱᱚᱨ, ᱛᱟᱨᱟ ᱟᱨᱠᱤᱴᱮᱠᱴ ᱟᱨ ᱫᱩᱱᱤᱭᱟᱸ ᱵᱷᱚᱨ ᱨᱮᱱᱟᱜ ᱟᱜᱣᱟ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ ᱠᱚ ᱪᱤᱱᱦᱟᱹᱣ ᱠᱟᱛᱮ ᱡᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱢᱤᱞᱟᱣ ᱠᱟᱹᱢᱤ, ᱢᱤᱫ ᱫᱟᱨᱥᱟᱱ ᱟᱨ ᱡᱟᱱᱠᱟᱹᱨᱤ ᱵᱟᱹᱲᱛᱤ ᱢᱟᱱᱟᱣ ᱯᱟᱣᱟᱜ A' Design Award and Competition ᱫᱟᱨᱟᱭ ᱛᱮ ᱪᱤᱱᱦᱟᱹ ᱮᱢᱟ᱾",
    "call_to_action": "ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ ᱯᱟᱱᱛᱮᱭᱟᱹ",
    "date": "2026-11-08",
    "language": "sat",
    "image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
    "image_alt": "ᱱᱟᱣᱟᱥᱤᱨᱡᱚᱱ ᱯᱨᱚᱡᱮᱠᱴ ᱨᱮ ᱢᱤᱞᱟᱣ ᱠᱟᱹᱢᱤ ᱠᱟᱛᱮ ᱯᱩᱨᱥᱠᱟᱨ ᱡᱤᱛᱟᱣ ᱢᱟᱦᱟᱸ ᱨᱮᱱᱟᱜ ᱰᱤᱡᱟᱭᱱ ᱴᱤᱢ",
    "url": "https://designteamoftheday.com/sat/",
    "feature_url": "https://competition.adesignaward.com/design-team-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-teams-of-the-days.php",
    "embed_url": "https://designteamoftheday.com/sat/phichor/"
}

ᱵᱟᱲᱛᱤ ᱡᱟᱹᱱᱟᱣ ᱞᱟᱹᱜᱤᱫ

  • ᱪᱤᱛᱟᱹᱨ ᱨᱮᱭᱟᱜ ᱞᱤᱝᱠ ᱫᱚᱦᱚ ᱢᱮ, ᱚᱱᱟᱛᱮ ᱟᱢᱟᱜ ᱫᱮᱠᱷᱤᱡᱽ ᱦᱚᱲ ᱯᱩᱨᱟᱹ ᱯᱷᱤᱪᱟᱨ ᱧᱮᱞ ᱫᱟᱲᱮᱭᱟᱜᱟ᱾
  • ᱥᱮᱛᱟᱜ ᱪᱮᱛᱟᱱ ᱨᱮ ᱫᱮᱠᱷᱟᱣ ᱟᱠᱟᱱ ᱪᱤᱛᱟᱹᱨ ᱴᱷᱤᱠᱟᱱᱟ ᱵᱮᱵᱷᱟᱨ ᱢᱮ ᱟᱨ ᱠᱚᱯᱤ ᱟᱞᱚᱢ ᱫᱚᱦᱚᱭᱟ, ᱚᱱᱟᱛᱮ ᱟᱢᱟᱜ ᱯᱮᱡ ᱱᱟᱶᱟ ᱛᱟᱦᱮᱸᱱᱟ᱾
  • ᱪᱤᱛᱟᱹᱨ ᱨᱮᱥᱯᱚᱱᱥᱤᱵ ᱛᱟᱱᱟ: ᱱᱚᱶᱟ ᱡᱟᱦᱟᱱᱟᱜ ᱚᱱᱟᱨᱮᱭᱟᱜ ᱠᱚᱱᱴᱮᱱᱟᱨ ᱠᱷᱚᱱ ᱵᱟᱲᱟ ᱵᱟᱝ ᱦᱩᱭᱩᱜᱟ᱾
  • ᱜᱚᱲᱚ ᱞᱟᱹᱠᱛᱤᱭᱟ ᱥᱮᱫ ᱠᱟᱥᱴᱚᱢ ᱯᱷᱚᱨᱢᱮᱴ ᱪᱟᱦᱤᱭᱟᱢᱟ? ᱫᱟᱭᱟ ᱠᱟᱛᱮ ᱟᱞᱮ ᱥᱟᱶᱛᱮ ᱡᱚᱜᱟᱡᱚᱜ ᱢᱮ᱾

ᱥᱯᱚᱱᱥᱚᱨᱰ

ᱮᱣᱟᱨᱰ ᱡᱤᱛᱟᱣ ᱰᱤᱡᱟᱭᱤᱱ ᱠᱚ ᱧᱟᱢ ᱢᱮ

ᱫᱤᱱᱟᱹᱢ ᱰᱤᱡᱟᱭᱤᱱ ᱠᱚᱴᱮᱥᱚᱱ

ᱫᱤᱱᱟᱹᱢ ᱰᱤᱡᱟᱭᱤᱱ ᱠᱚᱴᱮᱥᱚᱱ

DesignAdage