ਅੱਜ ਦੀ ਡਿਜ਼ਾਈਨ ਟੀਮ
ਆਪਣੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਅੱਜ ਦੀ ਡਿਜ਼ਾਈਨ ਟੀਮ ਲਗਾਓ
ਅੱਜ ਦੀ ਡਿਜ਼ਾਈਨ ਟੀਮ ਹਰ ਰੋਜ਼ ਇੱਕ ਨਵੀਂ ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰਦੀ ਹੈ। ਤਸਵੀਰ ਦਾ ਪਤਾ ਕਦੇ ਨਹੀਂ ਬਦਲਦਾ, ਪਰ ਇਸ ਦੇ ਪਿੱਛੇ ਦੀ ਤਸਵੀਰ ਬਦਲਦੀ ਰਹਿੰਦੀ ਹੈ, ਇਸ ਲਈ ਤੁਸੀਂ ਕੋਡ ਇੱਕ ਵਾਰ ਜੋੜਦੇ ਹੋ ਅਤੇ ਤੁਹਾਡੇ ਵਿਜ਼ਿਟਰ ਆਪਣੇ ਆਪ ਅੱਜ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇਖਦੇ ਹਨ।
ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
ਹਰ ਰੋਜ਼ ਇੱਕ ਨਿਸ਼ਚਿਤ ਪਤੇ 'ਤੇ ਇੱਕ ਨਵੀਂ ਤਸਵੀਰ ਪ੍ਰਕਾਸ਼ਿਤ ਹੁੰਦੀ ਹੈ। ਤੁਹਾਡਾ ਪੇਜ ਉਹ ਪਤਾ ਲੋਡ ਕਰਦਾ ਹੈ, ਇਸ ਲਈ ਇਹ ਹਮੇਸ਼ਾ ਮੌਜੂਦਾ ਵਿਸ਼ੇਸ਼ਤਾ ਦਿਖਾਉਂਦਾ ਹੈ, ਅਤੇ ਕਲਿੱਕ ਕਰਨ 'ਤੇ ਤੁਹਾਡੇ ਵਿਜ਼ਿਟਰ ਅੱਜ ਦੀ ਡਿਜ਼ਾਈਨ ਟੀਮ 'ਤੇ ਪਹੁੰਚ ਜਾਂਦੇ ਹਨ ਜਿੱਥੇ ਪੂਰੀ ਕਹਾਣੀ ਦੱਸੀ ਜਾਂਦੀ ਹੈ।
ਸਕ੍ਰਿਪਟ ਪਸੰਦ ਕਰਦੇ ਹੋ? ਇੱਕ ਕੰਟੇਨਰ ਅਤੇ ਇੱਕ ਸਕ੍ਰਿਪਟ ਜੋੜੋ: ਵਿਜੇਟ ਤੁਹਾਡੀ data-dotd-variant ਨਾਲ ਚੁਣੀ ਗਈ ਸ਼ੈਲੀ ਬਣਾਉਂਦਾ ਹੈ (image, cta ਜਾਂ card), ਸਕ੍ਰਿਪਟ ਪਤੇ ਦੀ ਭਾਸ਼ਾ ਵਿੱਚ ਜਦੋਂ ਉਹ ਭਾਸ਼ਾ ਉਪਲਬਧ ਹੋਵੇ। ਜੇ ਤੁਸੀਂ ਸਕ੍ਰਿਪਟ ਨਹੀਂ ਚਲਾ ਸਕਦੇ, ਤਾਂ ਉਸੇ ਵੇਰੀਐਂਟ ਦਾ HTML ਸੰਸਕਰਣ ਵਰਤੋ।
ਵੇਰੀਐਂਟ A: ਸਿਰਫ਼ ਤਸਵੀਰ
ਅੱਜ ਦੀ ਤਸਵੀਰ, ਅੱਜ ਦੀ ਡਿਜ਼ਾਈਨ ਟੀਮ ਨਾਲ ਲਿੰਕ ਕੀਤੀ। ਸਭ ਤੋਂ ਹਲਕਾ ਵਿਕਲਪ।
ਲਾਈਵ ਝਲਕ
<a href="https://designteamoftheday.com/pa/" 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=pa"></script>
ਵੇਰੀਐਂਟ B: ਤਸਵੀਰ ਅਤੇ ਕਾਲ ਟੂ ਐਕਸ਼ਨ
ਅੱਜ ਦੀ ਤਸਵੀਰ ਹੇਠਾਂ ਕਾਲ ਟੂ ਐਕਸ਼ਨ ਨਾਲ।
ਲਾਈਵ ਝਲਕ
<a href="https://designteamoftheday.com/pa/" 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=pa"></script>
ਵੇਰੀਐਂਟ C: Bootstrap ਕਾਰਡ
ਤਸਵੀਰ, ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਸਿਰਲੇਖ, ਇੱਕ ਛੋਟਾ ਪੈਰਾਗ੍ਰਾਫ਼ ਅਤੇ ਕਾਲ ਟੂ ਐਕਸ਼ਨ ਬਟਨ ਵਾਲਾ ਇੱਕ Bootstrap ਕਾਰਡ। ਤੁਹਾਡੇ ਪੇਜ ਨੂੰ Bootstrap ਦੀ ਲੋੜ ਹੈ।
ਲਾਈਵ ਝਲਕ
<div class="card" style="max-width:24rem">
<a href="https://designteamoftheday.com/pa/" 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/pa/" 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=pa"></script>
ਵਿਕਲਪ 3: JSON
ਡਿਵੈਲਪਰਾਂ, ਐਪਸ ਅਤੇ ਆਟੋਮੇਸ਼ਨ ਲਈ। JSON ਵਿੱਚ ਨਾਮ, ਵਰਣਨ, ਤਸਵੀਰ ਦਾ ਪਤਾ, ਲਿੰਕ ਅਤੇ ਤਾਰੀਖ਼ ਸ਼ਾਮਲ ਹੈ। ਕ੍ਰਾਸ-ਔਰਿਜਿਨ ਬੇਨਤੀਆਂ ਦੀ ਇਜਾਜ਼ਤ ਹੈ।
fetch("https://designteamoftheday.com/feature.json?lang=pa")
.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": "pa",
"image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
"image_alt": "ਪੁਰਸਕਾਰ-ਜੇਤੂ ਅੱਜ ਦੀ ਡਿਜ਼ਾਈਨ ਟੀਮ ਨਵੀਨਤਾਕਾਰੀ ਪ੍ਰੋਜੈਕਟਾਂ ਉੱਤੇ ਸਹਿਯੋਗ ਕਰਦੀ ਹੋਈ",
"url": "https://designteamoftheday.com/pa/",
"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/pa/fichar/"
}
ਜਾਣਨਯੋਗ ਗੱਲਾਂ
- ਤਸਵੀਰ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਲਿੰਕ ਰੱਖੋ, ਤਾਂ ਜੋ ਤੁਹਾਡੇ ਵਿਜ਼ਿਟਰ ਪੂਰੀ ਵਿਸ਼ੇਸ਼ਤਾ ਖੋਜ ਸਕਣ।
- ਹਮੇਸ਼ਾ ਉੱਪਰ ਦਿੱਤਾ ਗਿਆ ਤਸਵੀਰ ਦਾ ਪਤਾ ਵਰਤੋ ਅਤੇ ਕਾਪੀ ਸੇਵ ਨਾ ਕਰੋ, ਤਾਂ ਜੋ ਤੁਹਾਡਾ ਪੇਜ ਤਾਜ਼ਾ ਰਹੇ।
- ਤਸਵੀਰ ਰਿਸਪਾਂਸਿਵ ਹੈ: ਇਹ ਕਦੇ ਵੀ ਆਪਣੇ ਕੰਟੇਨਰ ਤੋਂ ਚੌੜੀ ਨਹੀਂ ਹੁੰਦੀ।
- ਮਦਦ ਚਾਹੀਦੀ ਹੈ ਜਾਂ ਕੋਈ ਕਸਟਮ ਫਾਰਮੈਟ? ਕਿਰਪਾ ਕਰਕੇ ਸਾਡੇ ਨਾਲ ਸੰਪਰਕ ਕਰੋ।