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

আজকের ডিজাইন ব্র্যান্ড

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

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

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

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

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

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

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

লাইভ প্রিভিউ

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

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

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

লাইভ প্রিভিউ

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

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

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

লাইভ প্রিভিউ

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

বিকল্প ৩: JSON

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

fetch("https://designbrandoftheday.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": "designbrandoftheday.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-brand-of-the-day/today.png",
    "image_alt": "ডিজাইনে শ্রেষ্ঠত্বের মাধ্যমে উজ্জ্বল একটি ডিজাইন-চালিত ব্র্যান্ডকে আলোকপাত করা আজকের ডিজাইন ব্র্যান্ড",
    "url": "https://designbrandoftheday.com/bn/",
    "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/bn/fichar/"
}

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

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

স্পনসরড

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

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

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

DesignAdage