آج کا ڈیزائن برانڈ
آج کا ڈیزائن برانڈ کو اپنی ویب سائٹ پر ایمبیڈ کریں
آج کا ڈیزائن برانڈ ہر روز ایک نئی خصوصی پیشکش شائع کرتا ہے۔ تصویر کا پتہ کبھی نہیں بدلتا، لیکن اس کے پیچھے کی تصویر بدلتی رہتی ہے، اس لیے آپ کوڈ صرف ایک بار شامل کریں اور آپ کے وزٹرز خودکار طور پر آج کی خصوصی پیشکش دیکھیں گے۔
یہ کیسے کام کرتا ہے
ہر روز ایک مقررہ پتے پر ایک نئی تصویر شائع ہوتی ہے۔ آپ کا صفحہ وہ پتہ لوڈ کرتا ہے، اس لیے یہ ہمیشہ موجودہ خصوصی پیشکش دکھاتا ہے، اور کلک کرنے پر آپ کے وزٹرز آج کا ڈیزائن برانڈ پر پہنچ جاتے ہیں جہاں مکمل کہانی بیان کی گئی ہے۔
اسکرپٹ کو ترجیح دیتے ہیں؟ ایک کنٹینر اور ایک اسکرپٹ شامل کریں: ویجٹ data-dotd-variant (image، cta یا card) سے آپ کا منتخب کردہ انداز بناتا ہے، اسکرپٹ کے پتے کی زبان میں جب وہ زبان دستیاب ہو۔ اگر آپ اسکرپٹ نہیں چلا سکتے تو اسی ویرینٹ کا HTML ورژن استعمال کریں۔
ویرینٹ A: صرف تصویر
آج کی تصویر، آج کا ڈیزائن برانڈ سے منسلک۔ سب سے ہلکا آپشن۔
لائیو پیش نظارہ
<a href="https://designbrandoftheday.com/ur/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" alt="ڈیزائن میں فضیلت کے ذریعے چمکتے ڈیزائن پر مبنی برانڈ پر روشنی ڈالتا آج کا ڈیزائن برانڈ" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designbrandoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=ur"></script>
ویرینٹ B: تصویر اور کال ٹو ایکشن
آج کی تصویر نیچے کال ٹو ایکشن کے ساتھ۔
لائیو پیش نظارہ
<a href="https://designbrandoftheday.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-brand-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="designbrandoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=ur"></script>
ویرینٹ C: Bootstrap کارڈ
ایک Bootstrap کارڈ جس میں تصویر، خصوصی پیشکش کا عنوان، ایک مختصر پیراگراف اور کال ٹو ایکشن بٹن شامل ہے۔ آپ کے صفحے کو Bootstrap کی ضرورت ہے۔
لائیو پیش نظارہ
<div class="card" style="max-width:24rem">
<a href="https://designbrandoftheday.com/ur/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-brand-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://designbrandoftheday.com/ur/" class="btn btn-danger" target="_blank" rel="noopener">آج کا ڈیزائن برانڈ دریافت کریں</a>
</div>
</div>
<div data-dotd="designbrandoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=ur"></script>
آپشن 3: JSON
ڈویلپرز، ایپس اور آٹومیشن کے لیے۔ JSON میں نام، تفصیل، تصویر کا پتہ، لنکس اور تاریخ شامل ہے۔ کراس اوریجن درخواستوں کی اجازت ہے۔
fetch("https://designbrandoftheday.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": "designbrandoftheday.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-brand-of-the-day/today.png",
"image_alt": "ڈیزائن میں فضیلت کے ذریعے چمکتے ڈیزائن پر مبنی برانڈ پر روشنی ڈالتا آج کا ڈیزائن برانڈ",
"url": "https://designbrandoftheday.com/ur/",
"feature_url": "https://competition.adesignaward.com/design-brand-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-brands-of-the-days.php",
"embed_url": "https://designbrandoftheday.com/ur/fichar/"
}
جاننا ضروری ہے
- تصویر کے ارد گرد لنک رکھیں، تاکہ آپ کے وزٹرز مکمل خصوصی پیشکش دریافت کر سکیں۔
- ہمیشہ اوپر دکھایا گیا تصویر کا پتہ استعمال کریں اور کاپی محفوظ نہ کریں، تاکہ آپ کا صفحہ تازہ رہے۔
- تصویر ریسپانسو ہے: یہ اپنے کنٹینر سے زیادہ چوڑی نہیں ہوتی۔
- مدد یا کسی مخصوص فارمیٹ کی ضرورت ہے؟ براہ کرم ہم سے رابطہ کریں۔