आइक साक्षात्कार
अपन वेबसाइट पर आइक डिज़ाइन साक्षात्कार एम्बेड करू
आइक साक्षात्कार प्रतिदिन एकटा नव फीचर प्रकाशित करैत अछि। चित्रक पता कहियो नहि बदलैत अछि, मुदा ओकर पाछाँक तस्वीर बदलैत रहैत अछि, तेँ अहाँ कोड एक बेर जोड़ू आ अहाँक आगंतुक स्वतः आइक फीचर देखताह।
ई कोना काज करैत अछि
प्रतिदिन एकटा निश्चित पता पर नव तस्वीर प्रकाशित होइत अछि। अहाँक पृष्ठ ओहि पता केँ लोड करैत अछि, तेँ ई सदिखन वर्तमान फीचर देखबैत अछि, आ क्लिक करला पर अहाँक आगंतुक आइक साक्षात्कार पर पहुँचैत छथि जतय पूरा कथा कहल गेल अछि।
स्क्रिप्ट चाही? एकटा कंटेनर आ एकटा स्क्रिप्ट जोड़ू: विजेट data-dotd-variant (image, cta वा card) सँ अहाँक चुनल शैली बनबैत अछि, स्क्रिप्ट पताक भाषा मे जखन ओ भाषा उपलब्ध हो। जँ अहाँ स्क्रिप्ट नहि चला सकैत छी, तँ ओहि वेरिएंटक HTML संस्करण उपयोग करू।
वेरिएंट A: केवल चित्र
आइक तस्वीर, आइक साक्षात्कार सँ लिंक कएल। सबसँ हल्लुक विकल्प।
लाइव पूर्वावलोकन
<a href="https://interviewoftheday.com/mai/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-interview-of-the-day/today.png" alt="उद्योग अग्रणीक संग गहन बातचीत प्रदर्शित करैत आइक डिज़ाइन साक्षात्कार" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="interviewoftheday.com" data-dotd-variant="image"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=mai"></script>
वेरिएंट B: चित्र आ कॉल टू एक्शन
आइक तस्वीर जकर नीचाँ कॉल टू एक्शन अछि।
लाइव पूर्वावलोकन
<a href="https://interviewoftheday.com/mai/" 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-interview-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="interviewoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=mai"></script>
वेरिएंट C: Bootstrap कार्ड
एकटा Bootstrap कार्ड जाहि मे तस्वीर, फीचरक शीर्षक, एकटा छोट अनुच्छेद आ कॉल टू एक्शन बटन अछि। अहाँक पृष्ठ मे Bootstrap चाही।
लाइव पूर्वावलोकन
<div class="card" style="max-width:24rem">
<a href="https://interviewoftheday.com/mai/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-interview-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://interviewoftheday.com/mai/" class="btn btn-danger" target="_blank" rel="noopener">आइक डिज़ाइन साक्षात्कार देखू</a>
</div>
</div>
<div data-dotd="interviewoftheday.com" data-dotd-variant="card"></div>
<script async src="https://interviewoftheday.com/feature.js?lang=mai"></script>
विकल्प 3: JSON
डेवलपर, एप्लिकेशन आ ऑटोमेशन लेल। JSON मे नाम, विवरण, चित्रक पता, लिंक आ तिथि अछि। क्रॉस-ओरिजिन अनुरोध अनुमत अछि।
fetch("https://interviewoftheday.com/feature.json?lang=mai")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});
उदाहरण प्रतिक्रिया
{
"domain": "interviewoftheday.com",
"name": "आइक साक्षात्कार",
"feature": "आइक डिज़ाइन साक्षात्कार",
"paragraph": "A' Design Award प्रतिदिन एकटा विश्वस्तरीय डिज़ाइनर, वास्तुकार वा रचनात्मक पेशेवरक संग दैनिक साक्षात्कार आइक डिज़ाइन साक्षात्कारक रूपमे प्रस्तुत करैत अछि, हुनकर पृष्ठभूमि, डिज़ाइन दर्शन, रचनात्मक प्रक्रिया आ डिज़ाइनक भविष्यपर विचारक अन्वेषण करैत।",
"description": "आइक साक्षात्कार अत्यंत प्रतिष्ठित A' Design Award and Competition द्वारा मान्यता प्राप्त विश्वस्तरीय डिज़ाइनर, वास्तुकार आ रचनात्मक पेशेवर सभक संग दैनिक साक्षात्कार प्रस्तुत करैत अछि, अग्रणी डिज़ाइनर सभक पृष्ठभूमि, पेशेवर अनुभव, डिज़ाइन दर्शन, रचनात्मक प्रक्रिया, परियोजना आ डिज़ाइनक भविष्यपर दृष्टिकोणक अन्वेषण करैत।",
"call_to_action": "आइक डिज़ाइन साक्षात्कार देखू",
"date": "2026-11-08",
"language": "mai",
"image": "https://competition.adesignaward.com/design-interview-of-the-day/today.png",
"image_alt": "उद्योग अग्रणीक संग गहन बातचीत प्रदर्शित करैत आइक डिज़ाइन साक्षात्कार",
"url": "https://interviewoftheday.com/mai/",
"feature_url": "https://competition.adesignaward.com/design-interview-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-interviews-of-the-days.php",
"embed_url": "https://interviewoftheday.com/mai/visheshtaa/"
}
जानबा योग्य बात
- चित्रक चारू कात लिंक रखू, जाहि सँ अहाँक आगंतुक पूरा फीचर देखि सकथि।
- सदिखन ऊपर देखाओल गेल चित्र पता उपयोग करू आ कॉपी नहि रखू, जाहि सँ अहाँक पृष्ठ अद्यतन रहय।
- चित्र रिस्पॉन्सिव अछि: ई अपन कंटेनर सँ बेसी चौड़ा कहियो नहि होइत अछि।
- मदद वा कस्टम फॉर्मेट चाही? कृपया हमरा सँ संपर्क करू।