মূল বিষয়বস্তুতে যান

দ্য ডিজাইন লিজেন্ড

আপনার ওয়েবসাইটে আজকের ডিজাইন কিংবদন্তি এম্বেড করুন

দ্য ডিজাইন লিজেন্ড প্রতিদিন একটি নতুন ফিচার প্রকাশ করে। ছবির ঠিকানা কখনো বদলায় না, কিন্তু এর পেছনের ছবি বদলায়, তাই আপনি একবার কোড যুক্ত করলেই আপনার দর্শকরা স্বয়ংক্রিয়ভাবে আজকের ফিচারটি দেখতে পাবেন।

এটি কীভাবে কাজ করে

প্রতিদিন একটি নির্দিষ্ট ঠিকানায় একটি নতুন ছবি প্রকাশিত হয়। আপনার পৃষ্ঠা সেই ঠিকানা লোড করে, তাই এটি সবসময় বর্তমান ফিচারটি দেখায় এবং ক্লিক করলে আপনার দর্শকরা দ্য ডিজাইন লিজেন্ড-এ যায় যেখানে সম্পূর্ণ গল্পটি বলা হয়েছে।

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

ভ্যারিয়েন্ট A: শুধু ছবি

আজকের ছবি, দ্য ডিজাইন লিজেন্ড-এ লিংক করা। সবচেয়ে হালকা বিকল্প।

লাইভ প্রিভিউ

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

ভ্যারিয়েন্ট B: ছবি এবং কল টু অ্যাকশন

আজকের ছবি সহ নিচে একটি কল টু অ্যাকশন।

লাইভ প্রিভিউ

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

ভ্যারিয়েন্ট C: Bootstrap কার্ড

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

লাইভ প্রিভিউ

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

বিকল্প ৩: JSON

ডেভেলপার, অ্যাপ এবং অটোমেশনের জন্য। JSON-এ নাম, বিবরণ, ছবির ঠিকানা, লিংক এবং তারিখ রয়েছে। ক্রস-অরিজিন রিকোয়েস্ট অনুমোদিত।

fetch("https://thedesignlegend.com/feature.json?lang=bn")
  .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": "দ্য ডিজাইন লিজেন্ড",
    "feature": "আজকের ডিজাইন কিংবদন্তি",
    "paragraph": "A' Design Award প্রতিদিন একজন প্রভাবশালী ডিজাইনার বা বিশ্বমানের স্থপতিকে উদযাপন করে, যাঁদের ব্যতিক্রমী কর্মজীবন, আইকনিক সৃষ্টি এবং পথিকৃৎ ধারণা ডিজাইনের ইতিহাস ও বিকাশকে রূপদান করেছে — আজকের ডিজাইন কিংবদন্তি হিসেবে।",
    "description": "দ্য ডিজাইন লিজেন্ড প্রভাবশালী ডিজাইনার এবং বিশ্বমানের স্থপতিদের উদযাপন করে যাঁদের ব্যতিক্রমী কর্মজীবন, আইকনিক সৃষ্টি, পথিকৃৎ ধারণা এবং স্থায়ী অবদান ডিজাইনের ইতিহাস ও বিকাশকে রূপদান করেছে, অত্যন্ত মর্যাদাপূর্ণ A' Design Award and Competition দ্বারা স্বীকৃত সৃজনশীল মানুষ ও অর্জনকে আলোকপাত করে।",
    "call_to_action": "আজকের ডিজাইন কিংবদন্তি আবিষ্কার করুন",
    "date": "2026-11-08",
    "language": "bn",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "ডিজাইনে আজীবন অর্জন প্রদর্শনকারী আজকের ডিজাইন কিংবদন্তির পূর্বদৃষ্টি",
    "url": "https://thedesignlegend.com/bn/",
    "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/bn/fichar/"
}

জেনে রাখা ভালো

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

স্পনসরড

পুরস্কারজয়ী ডিজাইন আবিষ্কার করুন

আজকের ডিজাইন উক্তি

আজকের ডিজাইন উক্তি

DesignAdage