مرکزی مواد پر جائیں

آج کی ڈیزائن ٹیم

آج کی ڈیزائن ٹیم کو اپنی ویب سائٹ پر ایمبیڈ کریں

آج کی ڈیزائن ٹیم ہر روز ایک نئی خصوصی پیشکش شائع کرتا ہے۔ تصویر کا پتہ کبھی نہیں بدلتا، لیکن اس کے پیچھے کی تصویر بدلتی رہتی ہے، اس لیے آپ کوڈ صرف ایک بار شامل کریں اور آپ کے وزٹرز خودکار طور پر آج کی خصوصی پیشکش دیکھیں گے۔

یہ کیسے کام کرتا ہے

ہر روز ایک مقررہ پتے پر ایک نئی تصویر شائع ہوتی ہے۔ آپ کا صفحہ وہ پتہ لوڈ کرتا ہے، اس لیے یہ ہمیشہ موجودہ خصوصی پیشکش دکھاتا ہے، اور کلک کرنے پر آپ کے وزٹرز آج کی ڈیزائن ٹیم پر پہنچ جاتے ہیں جہاں مکمل کہانی بیان کی گئی ہے۔

اسکرپٹ کو ترجیح دیتے ہیں؟ ایک کنٹینر اور ایک اسکرپٹ شامل کریں: ویجٹ data-dotd-variant (image، cta یا card) سے آپ کا منتخب کردہ انداز بناتا ہے، اسکرپٹ کے پتے کی زبان میں جب وہ زبان دستیاب ہو۔ اگر آپ اسکرپٹ نہیں چلا سکتے تو اسی ویرینٹ کا HTML ورژن استعمال کریں۔

ویرینٹ A: صرف تصویر

آج کی تصویر، آج کی ڈیزائن ٹیم سے منسلک۔ سب سے ہلکا آپشن۔

لائیو پیش نظارہ

<a href="https://designteamoftheday.com/ur/" 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=ur"></script>

ویرینٹ B: تصویر اور کال ٹو ایکشن

آج کی تصویر نیچے کال ٹو ایکشن کے ساتھ۔

لائیو پیش نظارہ

<a href="https://designteamoftheday.com/ur/" 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=ur"></script>

ویرینٹ C: Bootstrap کارڈ

ایک Bootstrap کارڈ جس میں تصویر، خصوصی پیشکش کا عنوان، ایک مختصر پیراگراف اور کال ٹو ایکشن بٹن شامل ہے۔ آپ کے صفحے کو Bootstrap کی ضرورت ہے۔

لائیو پیش نظارہ

<div class="card" style="max-width:24rem">
  <a href="https://designteamoftheday.com/ur/" 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/ur/" 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=ur"></script>

آپشن 3: JSON

ڈویلپرز، ایپس اور آٹومیشن کے لیے۔ JSON میں نام، تفصیل، تصویر کا پتہ، لنکس اور تاریخ شامل ہے۔ کراس اوریجن درخواستوں کی اجازت ہے۔

fetch("https://designteamoftheday.com/feature.json?lang=ur")
  .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": "ur",
    "image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
    "image_alt": "جدید پروجیکٹس پر تعاون کرتی ایوارڈ یافتہ آج کی ڈیزائن ٹیم",
    "url": "https://designteamoftheday.com/ur/",
    "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/ur/fichar/"
}

جاننا ضروری ہے

  • تصویر کے ارد گرد لنک رکھیں، تاکہ آپ کے وزٹرز مکمل خصوصی پیشکش دریافت کر سکیں۔
  • ہمیشہ اوپر دکھایا گیا تصویر کا پتہ استعمال کریں اور کاپی محفوظ نہ کریں، تاکہ آپ کا صفحہ تازہ رہے۔
  • تصویر ریسپانسو ہے: یہ اپنے کنٹینر سے زیادہ چوڑی نہیں ہوتی۔
  • مدد یا کسی مخصوص فارمیٹ کی ضرورت ہے؟ براہ کرم ہم سے رابطہ کریں۔

اسپانسرڈ

ایوارڈ یافتہ ڈیزائنز دریافت کریں

آج کا ڈیزائن اقتباس

آج کا ڈیزائن اقتباس

DesignAdage