মূল বিষয়বস্তুলৈ যাওক

The Design Legend

আপোনাৰ ৱেবছাইটত আজিৰ ডিজাইন কিংবদন্তি এম্বেড কৰক

The Design Legend -এ প্ৰতিদিনে এটা নতুন ফিচাৰ প্ৰকাশ কৰে। ছবিৰ ঠিকনা কেতিয়াও সলনি নহয়, কিন্তু ইয়াৰ আঁৰৰ ছবিখন সলনি হয়, গতিকে আপুনি এবাৰ ক'ড যোগ কৰিলেই আপোনাৰ দৰ্শকসকলে স্বয়ংক্ৰিয়ভাৱে আজিৰ ফিচাৰটো দেখা পাব।

ই কেনেকৈ কাম কৰে

প্ৰতিদিনে এটা নিৰ্দিষ্ট ঠিকনাত এখন নতুন ছবি প্ৰকাশ কৰা হয়। আপোনাৰ পৃষ্ঠাই সেই ঠিকনা ল'ড কৰে, গতিকে ই সদায় বৰ্তমানৰ ফিচাৰটো দেখুৱায়, আৰু এটা ক্লিকে আপোনাৰ দৰ্শকসকলক The Design Legend -লৈ লৈ যায় য'ত সম্পূৰ্ণ কাহিনীটো কোৱা হৈছে।

স্ক্ৰিপ্ট পছন্দ কৰে? এটা কণ্টেইনাৰ আৰু এটা স্ক্ৰিপ্ট যোগ কৰক: ৱিজেটে data-dotd-variant (image, cta বা card) ৰ জৰিয়তে আপুনি বাছনি কৰা শৈলী অংকন কৰে, সেই ভাষা উপলব্ধ হ'লে স্ক্ৰিপ্ট ঠিকনাৰ ভাষাত। যদি আপুনি স্ক্ৰিপ্ট চলাব নোৱাৰে, একেটা ভেৰিয়েণ্টৰ HTML সংস্কৰণ ব্যৱহাৰ কৰক।

ভেৰিয়েণ্ট A: কেৱল ছবি

আজিৰ ছবি, The Design Legend -লৈ লিংক কৰা। আটাইতকৈ লঘু বিকল্প।

লাইভ পূৰ্বদৰ্শন

<a href="https://thedesignlegend.com/as/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="ডিজাইনত আজীৱন সাফল্য প্ৰদৰ্শন কৰা আজিৰ ডিজাইন কিংবদন্তিৰ পূৰ্বদৃষ্টি" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=as"></script>

ভেৰিয়েণ্ট B: ছবি আৰু কল টু একচন

আজিৰ ছবি তলত এটা কল টু একচনৰ সৈতে।

লাইভ পূৰ্বদৰ্শন

<a href="https://thedesignlegend.com/as/" 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-legend-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="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=as"></script>

ভেৰিয়েণ্ট C: Bootstrap কাৰ্ড

ছবি, ফিচাৰৰ শিৰোনাম, এটা চুটি অনুচ্ছেদ আৰু এটা কল টু একচন বুটামৰ সৈতে এখন Bootstrap কাৰ্ড। আপোনাৰ পৃষ্ঠাত Bootstrap প্ৰয়োজন।

লাইভ পূৰ্বদৰ্শন

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/as/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-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://thedesignlegend.com/as/" class="btn btn-danger" target="_blank" rel="noopener">আজিৰ ডিজাইন কিংবদন্তি আৱিষ্কাৰ কৰক</a>
  </div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=as"></script>

বিকল্প 3: JSON

বিকাশকাৰী, এপ আৰু স্বয়ংক্ৰিয়কৰণৰ বাবে। JSON -ত নাম, বিৱৰণ, ছবিৰ ঠিকনা, লিংক আৰু তাৰিখ থাকে। ক্ৰছ-অৰিজিন অনুৰোধ অনুমোদিত।

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

উদাহৰণ সঁহাৰি

{
    "domain": "thedesignlegend.com",
    "name": "The Design Legend",
    "feature": "আজিৰ ডিজাইন কিংবদন্তি",
    "paragraph": "A' Design Award-এ এজন প্ৰভাৱশালী ডিজাইনাৰ বা বিশ্বমানৰ স্থপতিবিদক উদযাপন কৰে যাৰ অসাধাৰণ কেৰিয়াৰ, আইকনিক সৃষ্টি আৰু পথিকৃৎ ধাৰণাই ডিজাইনৰ ইতিহাস আৰু বিকাশ গঢ় দিছে, আজিৰ ডিজাইন কিংবদন্তি হিচাপে।",
    "description": "The Design Legend-এ প্ৰভাৱশালী ডিজাইনাৰ আৰু বিশ্বমানৰ স্থপতিবিদসকলক উদযাপন কৰে যাৰ অসাধাৰণ কেৰিয়াৰ, আইকনিক সৃষ্টি, পথিকৃৎ ধাৰণা আৰু চিৰস্থায়ী অৱদানে ডিজাইনৰ ইতিহাস আৰু বিকাশ গঢ় দিছে, অত্যন্ত সন্মানীয় A' Design Award and Competition দ্বাৰা স্বীকৃত সৃজনশীল ব্যক্তি আৰু সাফল্যসমূহ তুলি ধৰে।",
    "call_to_action": "আজিৰ ডিজাইন কিংবদন্তি আৱিষ্কাৰ কৰক",
    "date": "2026-11-08",
    "language": "as",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "ডিজাইনত আজীৱন সাফল্য প্ৰদৰ্শন কৰা আজিৰ ডিজাইন কিংবদন্তিৰ পূৰ্বদৃষ্টি",
    "url": "https://thedesignlegend.com/as/",
    "feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
    "embed_url": "https://thedesignlegend.com/as/boishistyo/"
}

জানি থোৱা ভাল

  • ছবিৰ চাৰিওফালে লিংকটো ৰাখক, যাতে আপোনাৰ দৰ্শকসকলে সম্পূৰ্ণ ফিচাৰটো আৱিষ্কাৰ কৰিব পাৰে।
  • সদায় ওপৰত দেখুওৱা ছবিৰ ঠিকনা ব্যৱহাৰ কৰক আৰু কপি সংৰক্ষণ নকৰিব, যাতে আপোনাৰ পৃষ্ঠা আপডেট থাকে।
  • ছবিখন ৰেচপন্সিভ: ই কেতিয়াও ইয়াৰ কণ্টেইনাৰতকৈ বহল নহয়।
  • সহায় বা কাষ্টম ফৰ্মেট প্ৰয়োজন? অনুগ্ৰহ কৰি আমাৰ সৈতে যোগাযোগ কৰক।

পৃষ্ঠপোষিত

বঁটা বিজয়ী ডিজাইনসমূহ আৱিষ্কাৰ কৰক

আজিৰ ডিজাইন উক্তি

আজিৰ ডিজাইন উক্তি

DesignAdage