مُکھ مواد تے ونجو

اَڄ دا نمایاں ڈیزائنر

اپݨی ویب سائٹ تے اَڄ دا نمایاں ڈیزائنر لاؤ

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

ایہ کیویں کم کریندا ہے

ہر روز اِک مقررہ پتے تے نویں تصویر شائع تھیندی ہے۔ تہاݙا صفحہ اوہ پتہ لوڈ کریندا ہے، تاں ایہ ہمیشہ موجودہ فیچر دکھیندا ہے، تے کلک کرݨ نال تہاݙے وزٹر اَڄ دا نمایاں ڈیزائنر تے پُج ویندن جتھے پوری کہانی دسی گئی ہے۔

سکرپٹ چاہیندی ہے؟ اِک کنٹینر تے اِک سکرپٹ لاؤ: وِجٹ اوہ سٹائل بݨیسے جیہڑا تساں data-dotd-variant نال چُݨو (image، cta یا card)، سکرپٹ دے پتے آلی زبان وچ جݙاں اوہ زبان دستیاب ہووے۔ جے تساں سکرپٹ نہیں چلا سکدے، تاں اوسے ویرینٹ دا HTML ورژن ورتو۔

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

اج دی تصویر، اَڄ دا نمایاں ڈیزائنر نال جُڑی۔ سب کنوں ہلکا آپشن۔

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

<a href="https://designerhighlightoftheday.com/skr/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="اَڄ دا نمایاں ڈیزائنر جیہڑا عالمی ڈیزائن برادری دا حصہ اِک غیر معمولی ڈیزائنر کوں پیش کریندا ہے" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=skr"></script>

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

اج دی تصویر جیندے ہیٹھاں کال ٹو ایکشن ہے۔

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

<a href="https://designerhighlightoftheday.com/skr/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
  <img src="https://competition.adesignaward.com/highlight-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="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=skr"></script>

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

اِک Bootstrap کارڈ جیندے وچ تصویر، فیچر دا عنوان، اِک مختصر پیراگراف تے کال ٹو ایکشن بٹن ہے۔ تہاݙے صفحے کوں Bootstrap چاہیدا ہے۔

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

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/skr/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-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://designerhighlightoftheday.com/skr/" class="btn btn-danger" target="_blank" rel="noopener">اَڄ دا نمایاں ڈیزائنر دریافت کرو</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=skr"></script>

آپشن 3: JSON

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

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

نمونہ جواب

{
    "domain": "designerhighlightoftheday.com",
    "name": "اَڄ دا نمایاں ڈیزائنر",
    "feature": "اَڄ دا نمایاں ڈیزائنر",
    "paragraph": "A' Design Award ہر ڈینہہ اِک اگّے ودھے ہوئے ڈیزائنر، اِک ستارہ معمار، اِک چوٹی دے تخلیق کار یا جدت پسند کوں اَڄ دا نمایاں ڈیزائنر دے طور تے پیش کریندا ہے، اوہناں دیاں کامیابیاں، تخلیقی کم تے ڈیزائن دی دنیا وچ حصے کوں ظاہر کریندا ہے۔",
    "description": "اَڄ دا نمایاں ڈیزائنر ہر ڈینہہ اِک اگّے ودھے ہوئے ڈیزائنر، اِک ستارہ معمار، اِک چوٹی دے تخلیق کار یا جدت پسند کوں پیش کریندا ہے، اوہناں دیاں کامیابیاں، تخلیقی کم تے ڈیزائن دی دنیا وچ حصے کوں ظاہر کریندا ہے، جیویں کہ بوہت باوقار A' Design Award and Competition طرفوں تسلیم کیتا گیا ہے۔",
    "call_to_action": "اَڄ دا نمایاں ڈیزائنر دریافت کرو",
    "date": "2026-11-08",
    "language": "skr",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "اَڄ دا نمایاں ڈیزائنر جیہڑا عالمی ڈیزائن برادری دا حصہ اِک غیر معمولی ڈیزائنر کوں پیش کریندا ہے",
    "url": "https://designerhighlightoftheday.com/skr/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.com/skr/fichar/"
}

کم دیاں ڳالھیں

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

اسپانسر شُدہ

ایوارڈ جِتݨ والے ڈیزائن دریافت کرو

اَڄ دا ڈیزائن اقتباس

اَڄ دا ڈیزائن اقتباس

DesignAdage