55 programmer tipikal ilustrasi & vektor tersedia bebas royalti.

Ilustrasi menawan ini menampilkan seekor bebek bahagia yang asyik coding, dikelilingi oleh perlengkapan khas programmer seperti laptop, kopi, dan camilan, sangat cocok untuk tema terkait teknologi.
Ilustrasi menawan ini menampilkan seekor bebek bahagia yang asyik coding, dikelilingi oleh perlengkapan khas programmer seperti laptop, kopi, dan camilan, sangat cocok untuk tema terkait teknologi.
Tangan seseorang yang sedang mengetik di keyboard, di depan pengaturan monitor ganda yang menampilkan kode hijau bercahaya dan pola abstrak. Adegan ini membangkitkan rasa fokus yang intens dan keterlibatan digital, khas seorang pemrogram atau peretas yang sedang bekerja di lingkungan yang gelap.
Tangan seseorang yang sedang mengetik di keyboard, di depan pengaturan monitor ganda yang menampilkan kode hijau bercahaya dan pola abstrak. Adegan ini membangkitkan rasa fokus yang intens dan keterlibatan digital, khas seorang pemrogram atau peretas yang sedang bekerja di lingkungan yang gelap.
Sebuah ilustrasi bergaya menggambarkan seorang pemrogram yang sedang duduk di meja, fokus pada layar komputer yang menampilkan cuplikan kode. Sebuah laptop, sebuah mug, dan tanaman dalam pot melengkapi ruang kerja, menyiratkan pengaturan kantor atau rumah yang khas bagi seorang pemrogram. Desain yang bersih dan minimalis menggunakan palet warna yang terbatas.
Sebuah ilustrasi bergaya menggambarkan seorang pemrogram yang sedang duduk di meja, fokus pada layar komputer yang menampilkan cuplikan kode. Sebuah laptop, sebuah mug, dan tanaman dalam pot melengkapi ruang kerja, menyiratkan pengaturan kantor atau rumah yang khas bagi seorang pemrogram. Desain yang bersih dan minimalis menggunakan palet warna yang terbatas.
Seni garis yang menggambarkan seseorang yang duduk di meja, mengenakan headphone dengan mikrofon, fokus pada layar komputer yang menampilkan kode. Sosok tersebut menunjuk ke layar dengan satu tangan sementara tangan lainnya bersandar pada mouse komputer. Barang-barang di sekitarnya meliputi keyboard, headphone, dan perangkat kecil.
Seni garis yang menggambarkan seseorang yang duduk di meja, mengenakan headphone dengan mikrofon, fokus pada layar komputer yang menampilkan kode. Sosok tersebut menunjuk ke layar dengan satu tangan sementara tangan lainnya bersandar pada mouse komputer. Barang-barang di sekitarnya meliputi keyboard, headphone, dan perangkat kecil.
Seseorang duduk di meja, dilihat dari belakang, sedang bekerja di komputer yang menampilkan kode. Dua lampu meja menerangi ruang kerja, yang meliputi alat tulis dan cangkir. Tiga jam dinding menunjukkan waktu yang berbeda. Ruangan itu remang-remang dengan cahaya oranye, menciptakan suasana yang hangat.
Seseorang duduk di meja, dilihat dari belakang, sedang bekerja di komputer yang menampilkan kode. Dua lampu meja menerangi ruang kerja, yang meliputi alat tulis dan cangkir. Tiga jam dinding menunjukkan waktu yang berbeda. Ruangan itu remang-remang dengan cahaya oranye, menciptakan suasana yang hangat.
Seseorang duduk di meja di ruangan gelap yang diterangi oleh sorotan lampu. Mereka menghadap tiga monitor komputer yang menampilkan data. Persentase besar (92,4%, 91,2%, 88,3%) diproyeksikan di dinding, menunjukkan analisis atau pemantauan data. Ruangan tersebut berisi rak dengan peralatan dan perlengkapan, menambah suasana yang berfokus pada teknologi.
Seseorang duduk di meja di ruangan gelap yang diterangi oleh sorotan lampu. Mereka menghadap tiga monitor komputer yang menampilkan data. Persentase besar (92,4%, 91,2%, 88,3%) diproyeksikan di dinding, menunjukkan analisis atau pemantauan data. Ruangan tersebut berisi rak dengan peralatan dan perlengkapan, menambah suasana yang berfokus pada teknologi.
Ilustrasi kartun seorang pria muda yang duduk di meja, fokus pada laptop. Dia mengenakan kaos merah, celana jeans biru, dan sepatu kets putih. Pengaturannya sederhana, dengan latar belakang krem, yang menekankan lingkungan bersih dan minimalis yang khas untuk kerja jarak jauh atau pendidikan daring. Meja itu sederhana, dengan kaki ramping, dan kursinya polos dan abu-abu.
Ilustrasi kartun seorang pria muda yang duduk di meja, fokus pada laptop. Dia mengenakan kaos merah, celana jeans biru, dan sepatu kets putih. Pengaturannya sederhana, dengan latar belakang krem, yang menekankan lingkungan bersih dan minimalis yang khas untuk kerja jarak jauh atau pendidikan daring. Meja itu sederhana, dengan kaki ramping, dan kursinya polos dan abu-abu.
Seseorang duduk di meja, fokus pada layar komputer yang menampilkan kode. Sebuah lampu meja menerangi ruang kerja, menyoroti papan ketik dan sebuah buku catatan. Sebuah mug bertuliskan "DEV" terletak di dekat monitor, menunjukkan dedikasi terhadap pengembangan. Adegan ini menggambarkan pengaturan tipikal untuk seorang pengembang perangkat lunak.
Seseorang duduk di meja, fokus pada layar komputer yang menampilkan kode. Sebuah lampu meja menerangi ruang kerja, menyoroti papan ketik dan sebuah buku catatan. Sebuah mug bertuliskan "DEV" terletak di dekat monitor, menunjukkan dedikasi terhadap pengembangan. Adegan ini menggambarkan pengaturan tipikal untuk seorang pengembang perangkat lunak.
Seseorang sedang bekerja di komputer pada malam hari. Lingkungannya gelap dengan titik-titik lampu aksen merah. Individu tersebut memiliki rambut pendek dan memakai kacamata, mengamati dengan seksama monitor yang menampilkan baris kode. Pengaturan tersebut menunjukkan fokus pada pemrograman atau tugas pengembangan perangkat lunak.
Seseorang sedang bekerja di komputer pada malam hari. Lingkungannya gelap dengan titik-titik lampu aksen merah. Individu tersebut memiliki rambut pendek dan memakai kacamata, mengamati dengan seksama monitor yang menampilkan baris kode. Pengaturan tersebut menunjukkan fokus pada pemrograman atau tugas pengembangan perangkat lunak.
Desain isometrik meja seorang programmer yang menampilkan monitor komputer besar yang menampilkan kode. Keyboard dan mouse ditempatkan di atas meja, bersama dengan smartphone dan setumpuk buku. Secangkir kopi bertumpu pada coaster di sampingnya. Adegan ini menggunakan skema warna minimalis hitam, putih, dan aksen merah, menekankan kesederhanaan dan organisasi yang khas.
Desain isometrik meja seorang programmer yang menampilkan monitor komputer besar yang menampilkan kode. Keyboard dan mouse ditempatkan di atas meja, bersama dengan smartphone dan setumpuk buku. Secangkir kopi bertumpu pada coaster di sampingnya. Adegan ini menggunakan skema warna minimalis hitam, putih, dan aksen merah, menekankan kesederhanaan dan organisasi yang khas.
Siluet seseorang yang duduk di kursi menggunakan komputer di meja. Sosok tersebut disederhanakan dengan bentuk-bentuk melengkung, menggambarkan postur kerja khas di kantor atau di rumah. Kursi memiliki sandaran yang lurus, dan orang tersebut menghadap monitor persegi panjang yang ditempatkan di permukaan meja yang datar.
Siluet seseorang yang duduk di kursi menggunakan komputer di meja. Sosok tersebut disederhanakan dengan bentuk-bentuk melengkung, menggambarkan postur kerja khas di kantor atau di rumah. Kursi memiliki sandaran yang lurus, dan orang tersebut menghadap monitor persegi panjang yang ditempatkan di permukaan meja yang datar.
Seseorang sedang mengetik di keyboard di depan dua monitor komputer yang menampilkan kode pemrograman. Ruangan memiliki suasana gelap dengan pencahayaan ambien biru di bawah monitor. Monitor yang diletakkan berdampingan tersebut menampilkan baris-baris kode, yang kemungkinan menunjukkan lingkungan pengembangan perangkat lunak.
Seseorang sedang mengetik di keyboard di depan dua monitor komputer yang menampilkan kode pemrograman. Ruangan memiliki suasana gelap dengan pencahayaan ambien biru di bawah monitor. Monitor yang diletakkan berdampingan tersebut menampilkan baris-baris kode, yang kemungkinan menunjukkan lingkungan pengembangan perangkat lunak.
Sebuah monitor komputer menampilkan kode HTML di sisi kiri, dengan tag yang tersusun di dalam antarmuka hitam. Kode tersebut mencakup elemen HTML umum seperti `<html>`, `<head>`, dan `<title>`. Di sisi kanan layar, terdapat gambar pegunungan bersalju saat matahari terbit atau terbenam, yang menampilkan pemandangan indah.
Sebuah monitor komputer menampilkan kode HTML di sisi kiri, dengan tag yang tersusun di dalam antarmuka hitam. Kode tersebut mencakup elemen HTML umum seperti ``, ``, dan ``. Di sisi kanan layar, terdapat gambar pegunungan bersalju saat matahari terbit atau terbenam, yang menampilkan pemandangan indah.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/monitor-komputer-dengan-kode-html-dan-gambar-gunung-image461385037" > Monitor Komputer dengan Kode HTML dan Gambar Gunung. Sebuah monitor komputer menampilkan kode HTML di sisi kiri, dengan tag yang tersusun di dalam antarmuka hitam. Kode tersebut mencakup elemen HTML umum seperti `<html>`, `<head>`, dan `<title>`. Di sisi kanan layar, terdapat gambar pegunungan bersalju saat matahari terbit atau terbenam, yang menampilkan pemandangan indah. </a> </p> </div> </article> <article class="item item28 item-photo js-listing-item" data-id="426627878" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=ruang+kerja+yang+remang&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="426627878" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/sesi-coding-malam-hari-image426627878" class="item__url js-item-title-wrapper" aria-label="Sesi Coding Malam Hari" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/sesi-coding-malam-hari-426627878.jpg" loading="lazy" alt="Ruang kerja yang remang-remang dengan laptop yang menampilkan baris kode di layarnya, menunjukkan sesi coding. Ponsel cerdas dan cangkir kopi bawa pulang bertumpu di atas meja, menunjukkan periode kerja yang lama. Di latar belakang, tanaman buram menambahkan sentuhan kehijauan pada pengaturan." srcset="https://thumbs.dreamstime.com/b/sesi-coding-malam-hari-426627878.jpg?w=360 360w, https://thumbs.dreamstime.com/b/sesi-coding-malam-hari-426627878.jpg?w=400 400w, https://thumbs.dreamstime.com/b/sesi-coding-malam-hari-426627878.jpg?w=450 450w, https://thumbs.dreamstime.com/b/sesi-coding-malam-hari-426627878.jpg?w=576 576w, https://thumbs.dreamstime.com/b/sesi-coding-malam-hari-426627878.jpg?w=768 768w, https://thumbs.dreamstime.com/b/sesi-coding-malam-hari-426627878.jpg?w=992 992w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, 992px"> <figcaption class="item__caption">Ruang kerja yang remang-remang dengan laptop yang menampilkan baris kode di layarnya, menunjukkan sesi coding. Ponsel cerdas dan cangkir kopi bawa pulang bertumpu di atas meja, menunjukkan periode kerja yang lama. Di latar belakang, tanaman buram menambahkan sentuhan kehijauan pada pengaturan.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/sesi-coding-malam-hari-image426627878" > Sesi Coding Malam Hari. Ruang kerja yang remang-remang dengan laptop yang menampilkan baris kode di layarnya, menunjukkan sesi coding. Ponsel cerdas dan cangkir kopi bawa pulang bertumpu di atas meja, menunjukkan periode kerja yang lama. Di latar belakang, tanaman buram menambahkan sentuhan kehijauan pada pengaturan. </a> </p> </div> </article> <article class="item item29 item-photo js-listing-item" data-id="417190974" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=ilustrasi+desain+datar+modern&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="417190974" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/alur-kerja-siklus-hidup-pengembangan-perangkat-lunak-dengan-avatar-tim-dan-umpan-balik-image417190974" class="item__url js-item-title-wrapper" aria-label="Alur Kerja Siklus Hidup Pengembangan Perangkat Lunak dengan Avatar Tim dan Umpan Balik" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/alur-kerja-siklus-hidup-pengembangan-perangkat-lunak-dengan-avatar-tim-dan-umpan-balik-417190974.jpg" loading="lazy" alt="Ilustrasi desain datar modern ini secara visual mewakili siklus hidup pengembangan perangkat lunak (SDLC) lengkap atau alur kerja manajemen proyek yang khas. Ilustrasi ini menguraikan dengan jelas lima tahap utama: Perencanaan, Desain, Pengembangan, Pengujian, dan Penerapan. Setiap tahap dikaitkan dengan ikon yang berbeda dan avatar anggota tim, yang menunjukkan kolaborasi. Gelembung ucapan memberikan umpan balik dinamis seperti "Tampak hebat! " atau "Bug kecil di login," yang menekankan iterasi." srcset="https://thumbs.dreamstime.com/b/alur-kerja-siklus-hidup-pengembangan-perangkat-lunak-dengan-avatar-tim-dan-umpan-balik-417190974.jpg?w=360 360w, https://thumbs.dreamstime.com/b/alur-kerja-siklus-hidup-pengembangan-perangkat-lunak-dengan-avatar-tim-dan-umpan-balik-417190974.jpg?w=400 400w, https://thumbs.dreamstime.com/b/alur-kerja-siklus-hidup-pengembangan-perangkat-lunak-dengan-avatar-tim-dan-umpan-balik-417190974.jpg?w=450 450w, https://thumbs.dreamstime.com/b/alur-kerja-siklus-hidup-pengembangan-perangkat-lunak-dengan-avatar-tim-dan-umpan-balik-417190974.jpg?w=576 576w, https://thumbs.dreamstime.com/b/alur-kerja-siklus-hidup-pengembangan-perangkat-lunak-dengan-avatar-tim-dan-umpan-balik-417190974.jpg?w=768 768w, https://thumbs.dreamstime.com/b/alur-kerja-siklus-hidup-pengembangan-perangkat-lunak-dengan-avatar-tim-dan-umpan-balik-417190974.jpg?w=992 992w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, 992px"> <figcaption class="item__caption">Ilustrasi desain datar modern ini secara visual mewakili siklus hidup pengembangan perangkat lunak (SDLC) lengkap atau alur kerja manajemen proyek yang khas. Ilustrasi ini menguraikan dengan jelas lima tahap utama: Perencanaan, Desain, Pengembangan, Pengujian, dan Penerapan. Setiap tahap dikaitkan dengan ikon yang berbeda dan avatar anggota tim, yang menunjukkan kolaborasi. Gelembung ucapan memberikan umpan balik dinamis seperti "Tampak hebat! " atau "Bug kecil di login," yang menekankan iterasi.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/alur-kerja-siklus-hidup-pengembangan-perangkat-lunak-dengan-avatar-tim-dan-umpan-balik-image417190974" > Alur Kerja Siklus Hidup Pengembangan Perangkat Lunak dengan Avatar Tim dan Umpan Balik. Ilustrasi desain datar modern ini secara visual mewakili siklus hidup pengembangan perangkat lunak (SDLC) lengkap atau alur kerja manajemen proyek yang khas. Ilustrasi ini menguraikan dengan jelas lima tahap utama: Perencanaan, Desain, Pengembangan, Pengujian, dan Penerapan. Setiap tahap dikaitkan dengan ikon yang berbeda dan avatar anggota tim, yang menunjukkan kolaborasi. Gelembung ucapan memberikan umpan balik dinamis seperti "Tampak hebat!" atau "Bug kecil di login," yang menekankan iterasi. </a> </p> </div> </article> <article class="item item30 item-photo js-listing-item" data-id="480306229" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=robot+antropomorfik+yang+bergaya&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="480306229" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/hitam-putih-karakter-robot-image480306229" class="item__url js-item-title-wrapper" aria-label="Hitam putih karakter robot" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/hitam-putih-karakter-robot-480306229.jpg" loading="lazy" alt="Robot antropomorfik yang bergaya dengan kepala besar, tubuh tersegmentasi, dan banyak anggota tubuh berdiri secara vertikal di depan latar belakang putih polos. Gambar ini menampilkan garis luar yang tegas dan pewarnaan hitam datar yang khas dari pembuatan seni digital. Dihasilkan oleh AI." srcset="https://thumbs.dreamstime.com/b/hitam-putih-karakter-robot-480306229.jpg?w=360 360w, https://thumbs.dreamstime.com/b/hitam-putih-karakter-robot-480306229.jpg?w=400 400w, https://thumbs.dreamstime.com/b/hitam-putih-karakter-robot-480306229.jpg?w=450 450w, https://thumbs.dreamstime.com/b/hitam-putih-karakter-robot-480306229.jpg?w=576 576w, https://thumbs.dreamstime.com/b/hitam-putih-karakter-robot-480306229.jpg?w=768 768w, https://thumbs.dreamstime.com/b/hitam-putih-karakter-robot-480306229.jpg?w=992 992w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, 992px"> <figcaption class="item__caption">Robot antropomorfik yang bergaya dengan kepala besar, tubuh tersegmentasi, dan banyak anggota tubuh berdiri secara vertikal di depan latar belakang putih polos. Gambar ini menampilkan garis luar yang tegas dan pewarnaan hitam datar yang khas dari pembuatan seni digital. Dihasilkan oleh AI.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/hitam-putih-karakter-robot-image480306229" > Hitam putih karakter robot. Robot antropomorfik yang bergaya dengan kepala besar, tubuh tersegmentasi, dan banyak anggota tubuh berdiri secara vertikal di depan latar belakang putih polos. Gambar ini menampilkan garis luar yang tegas dan pewarnaan hitam datar yang khas dari pembuatan seni digital. Dihasilkan oleh AI </a> </p> </div> </article> <article class="item item31 item-photo js-listing-item" data-id="400066314" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=sebuah+laptop+yang+terbuka&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="400066314" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/layar-laptop-dengan-kode-berwarna-pengembangan-perangkat-lunak-dan-pemrograman-dalam-lingkungan-gelap-image400066314" class="item__url js-item-title-wrapper" aria-label="Layar Laptop dengan Kode Berwarna: Pengembangan Perangkat Lunak dan Pemrograman dalam Lingkungan Gelap" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/layar-laptop-dengan-kode-berwarna-pengembangan-perangkat-lunak-dan-pemrograman-dalam-lingkungan-gelap-400066314.jpg" loading="lazy" alt="Sebuah laptop yang terbuka sebagian menampilkan kode berwarna di layarnya, dalam lingkungan yang remang-remang. Teks pengkodean itu cerah, dengan penyorotan sintaksis dalam berbagai warna, khas bahasa pemrograman. Keyboard terlihat, memantulkan cahaya, dan monitor lain terlihat samar di latar belakang." srcset="https://thumbs.dreamstime.com/b/layar-laptop-dengan-kode-berwarna-pengembangan-perangkat-lunak-dan-pemrograman-dalam-lingkungan-gelap-400066314.jpg?w=360 360w, https://thumbs.dreamstime.com/b/layar-laptop-dengan-kode-berwarna-pengembangan-perangkat-lunak-dan-pemrograman-dalam-lingkungan-gelap-400066314.jpg?w=400 400w, https://thumbs.dreamstime.com/b/layar-laptop-dengan-kode-berwarna-pengembangan-perangkat-lunak-dan-pemrograman-dalam-lingkungan-gelap-400066314.jpg?w=450 450w, https://thumbs.dreamstime.com/b/layar-laptop-dengan-kode-berwarna-pengembangan-perangkat-lunak-dan-pemrograman-dalam-lingkungan-gelap-400066314.jpg?w=576 576w, https://thumbs.dreamstime.com/b/layar-laptop-dengan-kode-berwarna-pengembangan-perangkat-lunak-dan-pemrograman-dalam-lingkungan-gelap-400066314.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">Sebuah laptop yang terbuka sebagian menampilkan kode berwarna di layarnya, dalam lingkungan yang remang-remang. Teks pengkodean itu cerah, dengan penyorotan sintaksis dalam berbagai warna, khas bahasa pemrograman. Keyboard terlihat, memantulkan cahaya, dan monitor lain terlihat samar di latar belakang.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/layar-laptop-dengan-kode-berwarna-pengembangan-perangkat-lunak-dan-pemrograman-dalam-lingkungan-gelap-image400066314" > Layar Laptop dengan Kode Berwarna: Pengembangan Perangkat Lunak dan Pemrograman dalam Lingkungan Gelap. Sebuah laptop yang terbuka sebagian menampilkan kode berwarna di layarnya, dalam lingkungan yang remang-remang. Teks pengkodean itu cerah, dengan penyorotan sintaksis dalam berbagai warna, khas bahasa pemrograman. Keyboard terlihat, memantulkan cahaya, dan monitor lain terlihat samar di latar belakang. </a> </p> </div> </article> <article class="item item32 item-photo js-listing-item" data-id="409664507" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=antarmuka+editor+kode+yang&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="409664507" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/editor-kode-tema-gelap-modern-dengan-bahasa-pemrograman-di-layar-antarmuka-yang-ramping-dan-ditampilkan-digital-menampilkan-image409664507" class="item__url js-item-title-wrapper" aria-label="Editor Kode Tema Gelap Modern dengan Bahasa Pemrograman di Layar" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/editor-kode-tema-gelap-modern-dengan-bahasa-pemrograman-di-layar-antarmuka-yang-ramping-dan-ditampilkan-digital-menampilkan-409664507.jpg" loading="lazy" alt="Antarmuka editor kode yang ramping dan modern ditampilkan di layar digital, menampilkan tema gelap dengan penyorotan sintaks yang cerah. Layar menampilkan baris kode pemrograman, bersama dengan bilah sisi penjelajah file dan panel properti, yang mewakili lingkungan pengembangan perangkat lunak yang khas. Desain minimalis disetel terhadap latar belakang gradien cokelat muda yang bersih, menyediakan ruang salin yang cukup. Gambar ini ideal untuk mengilustrasikan konsep yang berkaitan dengan pemrograman, pengembangan web, TI, teknologi, dan inovasi digital." srcset="https://thumbs.dreamstime.com/b/editor-kode-tema-gelap-modern-dengan-bahasa-pemrograman-di-layar-antarmuka-yang-ramping-dan-ditampilkan-digital-menampilkan-409664507.jpg?w=360 360w, https://thumbs.dreamstime.com/b/editor-kode-tema-gelap-modern-dengan-bahasa-pemrograman-di-layar-antarmuka-yang-ramping-dan-ditampilkan-digital-menampilkan-409664507.jpg?w=400 400w, https://thumbs.dreamstime.com/b/editor-kode-tema-gelap-modern-dengan-bahasa-pemrograman-di-layar-antarmuka-yang-ramping-dan-ditampilkan-digital-menampilkan-409664507.jpg?w=450 450w, https://thumbs.dreamstime.com/b/editor-kode-tema-gelap-modern-dengan-bahasa-pemrograman-di-layar-antarmuka-yang-ramping-dan-ditampilkan-digital-menampilkan-409664507.jpg?w=576 576w, https://thumbs.dreamstime.com/b/editor-kode-tema-gelap-modern-dengan-bahasa-pemrograman-di-layar-antarmuka-yang-ramping-dan-ditampilkan-digital-menampilkan-409664507.jpg?w=768 768w, https://thumbs.dreamstime.com/b/editor-kode-tema-gelap-modern-dengan-bahasa-pemrograman-di-layar-antarmuka-yang-ramping-dan-ditampilkan-digital-menampilkan-409664507.jpg?w=992 992w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, 992px"> <figcaption class="item__caption">Antarmuka editor kode yang ramping dan modern ditampilkan di layar digital, menampilkan tema gelap dengan penyorotan sintaks yang cerah. Layar menampilkan baris kode pemrograman, bersama dengan bilah sisi penjelajah file dan panel properti, yang mewakili lingkungan pengembangan perangkat lunak yang khas. Desain minimalis disetel terhadap latar belakang gradien cokelat muda yang bersih, menyediakan ruang salin yang cukup. Gambar ini ideal untuk mengilustrasikan konsep yang berkaitan dengan pemrograman, pengembangan web, TI, teknologi, dan inovasi digital.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/editor-kode-tema-gelap-modern-dengan-bahasa-pemrograman-di-layar-antarmuka-yang-ramping-dan-ditampilkan-digital-menampilkan-image409664507" > Editor Kode Tema Gelap Modern dengan Bahasa Pemrograman di Layar. Antarmuka editor kode yang ramping dan modern ditampilkan di layar digital, menampilkan tema gelap dengan penyorotan sintaks yang cerah. Layar menampilkan baris kode pemrograman, bersama dengan bilah sisi penjelajah file dan panel properti, yang mewakili lingkungan pengembangan perangkat lunak yang khas. Desain minimalis disetel terhadap latar belakang gradien cokelat muda yang bersih, menyediakan ruang salin yang cukup. Gambar ini ideal untuk mengilustrasikan konsep yang berkaitan dengan pemrograman, pengembangan web, TI, teknologi, dan inovasi digital. </a> </p> </div> </article> <article class="item item33 item-photo js-listing-item" data-id="454502765" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=software+developer+working+late&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="454502765" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://www.dreamstime.com/software-developer-working-late-night-multiple-computer-monitors-displaying-complex-code-person-sits-dark-workstation-image454502765" class="item__url js-item-title-wrapper" aria-label="software developer working late at night on multiple computer monitors displaying complex code a person sits dark workstation" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/software-developer-working-late-night-multiple-computer-monitors-displaying-complex-code-person-sits-dark-workstation-454502765.jpg" loading="lazy" alt="Software developer working late at night on multiple computer monitors displaying complex code a person sits dark workstation" srcset="https://thumbs.dreamstime.com/b/software-developer-working-late-night-multiple-computer-monitors-displaying-complex-code-person-sits-dark-workstation-454502765.jpg?w=360 360w, https://thumbs.dreamstime.com/b/software-developer-working-late-night-multiple-computer-monitors-displaying-complex-code-person-sits-dark-workstation-454502765.jpg?w=400 400w, https://thumbs.dreamstime.com/b/software-developer-working-late-night-multiple-computer-monitors-displaying-complex-code-person-sits-dark-workstation-454502765.jpg?w=450 450w, https://thumbs.dreamstime.com/b/software-developer-working-late-night-multiple-computer-monitors-displaying-complex-code-person-sits-dark-workstation-454502765.jpg?w=576 576w, https://thumbs.dreamstime.com/b/software-developer-working-late-night-multiple-computer-monitors-displaying-complex-code-person-sits-dark-workstation-454502765.jpg?w=768 768w, https://thumbs.dreamstime.com/b/software-developer-working-late-night-multiple-computer-monitors-displaying-complex-code-person-sits-dark-workstation-454502765.jpg?w=992 992w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, 992px"> <figcaption class="item__caption">Software developer working late at night on multiple computer monitors displaying complex code a person sits dark workstation</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://www.dreamstime.com/software-developer-working-late-night-multiple-computer-monitors-displaying-complex-code-person-sits-dark-workstation-image454502765" > software developer working late at night on multiple computer monitors displaying complex code a person sits dark workstation. </a> </p> </div> </article> <article class="item item34 item-photo js-listing-item" data-id="394649215" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=terminal+code+output+dual&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="394649215" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://www.dreamstime.com/terminal-code-output-dual-screen-developer-workspace-image394649215" class="item__url js-item-title-wrapper" aria-label="terminal code output on dual screen developer workspace" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/terminal-code-output-dual-screen-developer-workspace-394649215.jpg" loading="lazy" alt="Terminal code output on dual screen developer workspace" srcset="https://thumbs.dreamstime.com/b/terminal-code-output-dual-screen-developer-workspace-394649215.jpg?w=360 360w, https://thumbs.dreamstime.com/b/terminal-code-output-dual-screen-developer-workspace-394649215.jpg?w=400 400w, https://thumbs.dreamstime.com/b/terminal-code-output-dual-screen-developer-workspace-394649215.jpg?w=450 450w, https://thumbs.dreamstime.com/b/terminal-code-output-dual-screen-developer-workspace-394649215.jpg?w=576 576w, https://thumbs.dreamstime.com/b/terminal-code-output-dual-screen-developer-workspace-394649215.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">Terminal code output on dual screen developer workspace</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://www.dreamstime.com/terminal-code-output-dual-screen-developer-workspace-image394649215" > terminal code output on dual screen developer workspace. </a> </p> </div> </article> <article class="item item35 item-photo js-listing-item" data-id="403264732" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=person+sits+dark+room&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="403264732" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://www.dreamstime.com/person-sits-dark-room-facing-six-computer-monitors-displaying-lines-code-screens-have-background-colorful-syntax-image403264732" class="item__url js-item-title-wrapper" aria-label="a person sits in dark room facing six computer monitors displaying lines of code the screens have background with colorful syntax" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/person-sits-dark-room-facing-six-computer-monitors-displaying-lines-code-screens-have-background-colorful-syntax-403264732.jpg" loading="lazy" alt="A person sits in dark room facing six computer monitors displaying lines of code the screens have background with colorful syntax" srcset="https://thumbs.dreamstime.com/b/person-sits-dark-room-facing-six-computer-monitors-displaying-lines-code-screens-have-background-colorful-syntax-403264732.jpg?w=360 360w, https://thumbs.dreamstime.com/b/person-sits-dark-room-facing-six-computer-monitors-displaying-lines-code-screens-have-background-colorful-syntax-403264732.jpg?w=400 400w, https://thumbs.dreamstime.com/b/person-sits-dark-room-facing-six-computer-monitors-displaying-lines-code-screens-have-background-colorful-syntax-403264732.jpg?w=450 450w, https://thumbs.dreamstime.com/b/person-sits-dark-room-facing-six-computer-monitors-displaying-lines-code-screens-have-background-colorful-syntax-403264732.jpg?w=576 576w, https://thumbs.dreamstime.com/b/person-sits-dark-room-facing-six-computer-monitors-displaying-lines-code-screens-have-background-colorful-syntax-403264732.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">A person sits in dark room facing six computer monitors displaying lines of code the screens have background with colorful syntax</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://www.dreamstime.com/person-sits-dark-room-facing-six-computer-monitors-displaying-lines-code-screens-have-background-colorful-syntax-image403264732" > a person sits in dark room facing six computer monitors displaying lines of code the screens have background with colorful syntax. </a> </p> </div> </article> <article class="item item36 item-photo js-listing-item" data-id="409156677" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=tangkapan+layar+terperinci+dari&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="409156677" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/pengembangan-perangkat-lunak-dan-kode-pemrograman-di-layar-komputer-tangkapan-terperinci-dari-monitor-yang-menampilkan-baris-dalam-image409156677" class="item__url js-item-title-wrapper" aria-label="Pengembangan Perangkat Lunak dan Kode Pemrograman di Layar Komputer" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/pengembangan-perangkat-lunak-dan-kode-pemrograman-di-layar-komputer-tangkapan-terperinci-dari-monitor-yang-menampilkan-baris-dalam-409156677.jpg" loading="lazy" alt="Tangkapan layar terperinci dari monitor komputer yang menampilkan baris kode pemrograman dalam Lingkungan Pengembangan Terpadu (IDE) bertema gelap. Layar menampilkan penyorotan sintaks berwarna, penjelajah file proyek, dan konsol output, yang menggambarkan ruang kerja tipikal pengembang perangkat lunak. Gambar ini secara efektif mewakili konsep seperti rekayasa perangkat lunak, pengembangan web, ilmu data, keamanan siber, dan pengembangan algoritma. Ini berfungsi sebagai latar belakang atau visual yang sangat baik untuk konten, artikel, dan presentasi yang berfokus pada teknologi tentang dunia digital dan industri TI." srcset="https://thumbs.dreamstime.com/b/pengembangan-perangkat-lunak-dan-kode-pemrograman-di-layar-komputer-tangkapan-terperinci-dari-monitor-yang-menampilkan-baris-dalam-409156677.jpg?w=360 360w, https://thumbs.dreamstime.com/b/pengembangan-perangkat-lunak-dan-kode-pemrograman-di-layar-komputer-tangkapan-terperinci-dari-monitor-yang-menampilkan-baris-dalam-409156677.jpg?w=400 400w, https://thumbs.dreamstime.com/b/pengembangan-perangkat-lunak-dan-kode-pemrograman-di-layar-komputer-tangkapan-terperinci-dari-monitor-yang-menampilkan-baris-dalam-409156677.jpg?w=450 450w, https://thumbs.dreamstime.com/b/pengembangan-perangkat-lunak-dan-kode-pemrograman-di-layar-komputer-tangkapan-terperinci-dari-monitor-yang-menampilkan-baris-dalam-409156677.jpg?w=576 576w, https://thumbs.dreamstime.com/b/pengembangan-perangkat-lunak-dan-kode-pemrograman-di-layar-komputer-tangkapan-terperinci-dari-monitor-yang-menampilkan-baris-dalam-409156677.jpg?w=768 768w, https://thumbs.dreamstime.com/b/pengembangan-perangkat-lunak-dan-kode-pemrograman-di-layar-komputer-tangkapan-terperinci-dari-monitor-yang-menampilkan-baris-dalam-409156677.jpg?w=992 992w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, 992px"> <figcaption class="item__caption">Tangkapan layar terperinci dari monitor komputer yang menampilkan baris kode pemrograman dalam Lingkungan Pengembangan Terpadu (IDE) bertema gelap. Layar menampilkan penyorotan sintaks berwarna, penjelajah file proyek, dan konsol output, yang menggambarkan ruang kerja tipikal pengembang perangkat lunak. Gambar ini secara efektif mewakili konsep seperti rekayasa perangkat lunak, pengembangan web, ilmu data, keamanan siber, dan pengembangan algoritma. Ini berfungsi sebagai latar belakang atau visual yang sangat baik untuk konten, artikel, dan presentasi yang berfokus pada teknologi tentang dunia digital dan industri TI.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/pengembangan-perangkat-lunak-dan-kode-pemrograman-di-layar-komputer-tangkapan-terperinci-dari-monitor-yang-menampilkan-baris-dalam-image409156677" > Pengembangan Perangkat Lunak dan Kode Pemrograman di Layar Komputer. Tangkapan layar terperinci dari monitor komputer yang menampilkan baris kode pemrograman dalam Lingkungan Pengembangan Terpadu (IDE) bertema gelap. Layar menampilkan penyorotan sintaks berwarna, penjelajah file proyek, dan konsol output, yang menggambarkan ruang kerja tipikal pengembang perangkat lunak. Gambar ini secara efektif mewakili konsep seperti rekayasa perangkat lunak, pengembangan web, ilmu data, keamanan siber, dan pengembangan algoritma. Ini berfungsi sebagai latar belakang atau visual yang sangat baik untuk konten, artikel, dan presentasi yang berfokus pada teknologi tentang dunia digital dan industri TI. </a> </p> </div> </article> <article class="item item37 item-photo js-listing-item" data-id="409363636" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=ilustrasi+vektor+hitam+putih&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="409363636" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/pria-bisnis-bekerja-di-laptop-ilustrasi-vektor-minimalis-hitam-putih-bersih-dan-yang-menggambarkan-seorang-sedang-mejanya-image409363636" class="item__url js-item-title-wrapper" aria-label="Pria Bisnis Bekerja di Laptop - Ilustrasi Vektor Minimalis" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/pria-bisnis-bekerja-di-laptop-ilustrasi-vektor-minimalis-hitam-putih-bersih-dan-yang-menggambarkan-seorang-sedang-mejanya-409363636.jpg" loading="lazy" alt="Ilustrasi vektor hitam putih bersih dan minimalis yang menggambarkan seorang pria bisnis yang sedang bekerja di mejanya. Profesional yang mengenakan setelan jas dan dasi ditampilkan dalam profil, fokus mengetik di laptop yang ramping. Secangkir kopi berada di sampingnya, menyiratkan lingkungan kantor yang khas. Karya seni modern dan sederhana ini secara efektif menyampaikan konsep kehidupan perusahaan, produktivitas, teknologi di tempat kerja, konsentrasi, dan bisnis digital. Ini adalah grafik serbaguna untuk situs web, presentasi, dan artikel yang berkaitan dengan pekerjaan, karier, dan kewirausahaan." srcset="https://thumbs.dreamstime.com/b/pria-bisnis-bekerja-di-laptop-ilustrasi-vektor-minimalis-hitam-putih-bersih-dan-yang-menggambarkan-seorang-sedang-mejanya-409363636.jpg?w=360 360w, https://thumbs.dreamstime.com/b/pria-bisnis-bekerja-di-laptop-ilustrasi-vektor-minimalis-hitam-putih-bersih-dan-yang-menggambarkan-seorang-sedang-mejanya-409363636.jpg?w=400 400w, https://thumbs.dreamstime.com/b/pria-bisnis-bekerja-di-laptop-ilustrasi-vektor-minimalis-hitam-putih-bersih-dan-yang-menggambarkan-seorang-sedang-mejanya-409363636.jpg?w=450 450w, https://thumbs.dreamstime.com/b/pria-bisnis-bekerja-di-laptop-ilustrasi-vektor-minimalis-hitam-putih-bersih-dan-yang-menggambarkan-seorang-sedang-mejanya-409363636.jpg?w=576 576w, https://thumbs.dreamstime.com/b/pria-bisnis-bekerja-di-laptop-ilustrasi-vektor-minimalis-hitam-putih-bersih-dan-yang-menggambarkan-seorang-sedang-mejanya-409363636.jpg?w=768 768w, https://thumbs.dreamstime.com/b/pria-bisnis-bekerja-di-laptop-ilustrasi-vektor-minimalis-hitam-putih-bersih-dan-yang-menggambarkan-seorang-sedang-mejanya-409363636.jpg?w=992 992w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, 992px"> <figcaption class="item__caption">Ilustrasi vektor hitam putih bersih dan minimalis yang menggambarkan seorang pria bisnis yang sedang bekerja di mejanya. Profesional yang mengenakan setelan jas dan dasi ditampilkan dalam profil, fokus mengetik di laptop yang ramping. Secangkir kopi berada di sampingnya, menyiratkan lingkungan kantor yang khas. Karya seni modern dan sederhana ini secara efektif menyampaikan konsep kehidupan perusahaan, produktivitas, teknologi di tempat kerja, konsentrasi, dan bisnis digital. Ini adalah grafik serbaguna untuk situs web, presentasi, dan artikel yang berkaitan dengan pekerjaan, karier, dan kewirausahaan.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/pria-bisnis-bekerja-di-laptop-ilustrasi-vektor-minimalis-hitam-putih-bersih-dan-yang-menggambarkan-seorang-sedang-mejanya-image409363636" > Pria Bisnis Bekerja di Laptop - Ilustrasi Vektor Minimalis. Ilustrasi vektor hitam putih bersih dan minimalis yang menggambarkan seorang pria bisnis yang sedang bekerja di mejanya. Profesional yang mengenakan setelan jas dan dasi ditampilkan dalam profil, fokus mengetik di laptop yang ramping. Secangkir kopi berada di sampingnya, menyiratkan lingkungan kantor yang khas. Karya seni modern dan sederhana ini secara efektif menyampaikan konsep kehidupan perusahaan, produktivitas, teknologi di tempat kerja, konsentrasi, dan bisnis digital. Ini adalah grafik serbaguna untuk situs web, presentasi, dan artikel yang berkaitan dengan pekerjaan, karier, dan kewirausahaan. </a> </p> </div> </article> <article class="item item38 item-photo js-listing-item" data-id="403284183" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=silhouetted+person+sits+front&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="403284183" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://www.dreamstime.com/silhouetted-person-sits-front-three-computer-monitors-displaying-code-dark-room-glow-screens-casts-blue-light-image403284183" class="item__url js-item-title-wrapper" aria-label="a silhouetted person sits in front of three computer monitors displaying code dark room the glow from screens casts blue light on" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/silhouetted-person-sits-front-three-computer-monitors-displaying-code-dark-room-glow-screens-casts-blue-light-403284183.jpg" loading="lazy" alt="A silhouetted person sits in front of three computer monitors displaying code dark room the glow from screens casts blue light on" srcset="https://thumbs.dreamstime.com/b/silhouetted-person-sits-front-three-computer-monitors-displaying-code-dark-room-glow-screens-casts-blue-light-403284183.jpg?w=360 360w, https://thumbs.dreamstime.com/b/silhouetted-person-sits-front-three-computer-monitors-displaying-code-dark-room-glow-screens-casts-blue-light-403284183.jpg?w=400 400w, https://thumbs.dreamstime.com/b/silhouetted-person-sits-front-three-computer-monitors-displaying-code-dark-room-glow-screens-casts-blue-light-403284183.jpg?w=450 450w, https://thumbs.dreamstime.com/b/silhouetted-person-sits-front-three-computer-monitors-displaying-code-dark-room-glow-screens-casts-blue-light-403284183.jpg?w=576 576w, https://thumbs.dreamstime.com/b/silhouetted-person-sits-front-three-computer-monitors-displaying-code-dark-room-glow-screens-casts-blue-light-403284183.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">A silhouetted person sits in front of three computer monitors displaying code dark room the glow from screens casts blue light on</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://www.dreamstime.com/silhouetted-person-sits-front-three-computer-monitors-displaying-code-dark-room-glow-screens-casts-blue-light-image403284183" > a silhouetted person sits in front of three computer monitors displaying code dark room the glow from screens casts blue light on. </a> </p> </div> </article> <article class="item item39 item-photo js-listing-item" data-id="459049673" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=ruang+kerja+yang+diterangi&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="459049673" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/programmer-sedang-mengoding-perangkat-lunak-di-malam-hari-dengan-dua-monitor-ruang-kerja-berlampu-biru-tua-image459049673" class="item__url js-item-title-wrapper" aria-label="Programmer sedang mengoding perangkat lunak di malam hari dengan dua monitor di ruang kerja berlampu biru tua" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/programmer-sedang-mengoding-perangkat-lunak-di-malam-hari-dengan-dua-monitor-ruang-kerja-berlampu-biru-tua-459049673.jpg" loading="lazy" alt="Ruang kerja yang diterangi cahaya biru tua memiliki dua monitor yang menampilkan baris kode. Monitor utama menampilkan editor kode dengan penyorotan sintaks secara jelas. Di sampingnya, sebuah laptop juga menampilkan kode, menciptakan lingkungan pemrograman yang imersif." srcset="https://thumbs.dreamstime.com/b/programmer-sedang-mengoding-perangkat-lunak-di-malam-hari-dengan-dua-monitor-ruang-kerja-berlampu-biru-tua-459049673.jpg?w=360 360w, https://thumbs.dreamstime.com/b/programmer-sedang-mengoding-perangkat-lunak-di-malam-hari-dengan-dua-monitor-ruang-kerja-berlampu-biru-tua-459049673.jpg?w=400 400w, https://thumbs.dreamstime.com/b/programmer-sedang-mengoding-perangkat-lunak-di-malam-hari-dengan-dua-monitor-ruang-kerja-berlampu-biru-tua-459049673.jpg?w=450 450w, https://thumbs.dreamstime.com/b/programmer-sedang-mengoding-perangkat-lunak-di-malam-hari-dengan-dua-monitor-ruang-kerja-berlampu-biru-tua-459049673.jpg?w=576 576w, https://thumbs.dreamstime.com/b/programmer-sedang-mengoding-perangkat-lunak-di-malam-hari-dengan-dua-monitor-ruang-kerja-berlampu-biru-tua-459049673.jpg?w=768 768w, https://thumbs.dreamstime.com/b/programmer-sedang-mengoding-perangkat-lunak-di-malam-hari-dengan-dua-monitor-ruang-kerja-berlampu-biru-tua-459049673.jpg?w=992 992w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, 992px"> <figcaption class="item__caption">Ruang kerja yang diterangi cahaya biru tua memiliki dua monitor yang menampilkan baris kode. Monitor utama menampilkan editor kode dengan penyorotan sintaks secara jelas. Di sampingnya, sebuah laptop juga menampilkan kode, menciptakan lingkungan pemrograman yang imersif.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/programmer-sedang-mengoding-perangkat-lunak-di-malam-hari-dengan-dua-monitor-ruang-kerja-berlampu-biru-tua-image459049673" > Programmer sedang mengoding perangkat lunak di malam hari dengan dua monitor di ruang kerja berlampu biru tua. Ruang kerja yang diterangi cahaya biru tua memiliki dua monitor yang menampilkan baris kode. Monitor utama menampilkan editor kode dengan penyorotan sintaks secara jelas. Di sampingnya, sebuah laptop juga menampilkan kode, menciptakan lingkungan pemrograman yang imersif. </a> </p> </div> </article> <article class="item item40 item-photo js-listing-item" data-id="405633119" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" data-vertical-icons="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=clean+modern+illustration+depicting&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="405633119" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://www.dreamstime.com/clean-modern-illustration-depicting-typical-remote-work-setup-laptop-open-displaying-profiles-text-suggesting-online-image405633119" class="item__url js-item-title-wrapper" aria-label="a clean modern illustration depicting a typical remote work setup a laptop is open displaying profiles and text suggesting online" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/clean-modern-illustration-depicting-typical-remote-work-setup-laptop-open-displaying-profiles-text-suggesting-online-405633119.jpg" loading="lazy" alt="A clean modern illustration depicting a typical remote work setup a laptop is open displaying profiles and text suggesting online" srcset="https://thumbs.dreamstime.com/b/clean-modern-illustration-depicting-typical-remote-work-setup-laptop-open-displaying-profiles-text-suggesting-online-405633119.jpg?w=360 360w, https://thumbs.dreamstime.com/b/clean-modern-illustration-depicting-typical-remote-work-setup-laptop-open-displaying-profiles-text-suggesting-online-405633119.jpg?w=400 400w, https://thumbs.dreamstime.com/b/clean-modern-illustration-depicting-typical-remote-work-setup-laptop-open-displaying-profiles-text-suggesting-online-405633119.jpg?w=450 450w, https://thumbs.dreamstime.com/b/clean-modern-illustration-depicting-typical-remote-work-setup-laptop-open-displaying-profiles-text-suggesting-online-405633119.jpg?w=576 576w, https://thumbs.dreamstime.com/b/clean-modern-illustration-depicting-typical-remote-work-setup-laptop-open-displaying-profiles-text-suggesting-online-405633119.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">A clean modern illustration depicting a typical remote work setup a laptop is open displaying profiles and text suggesting online</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://www.dreamstime.com/clean-modern-illustration-depicting-typical-remote-work-setup-laptop-open-displaying-profiles-text-suggesting-online-image405633119" > a clean modern illustration depicting a typical remote work setup a laptop is open displaying profiles and text suggesting online. </a> </p> </div> </article> <article class="item item41 item-photo js-listing-item" data-id="465061052" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" data-vertical-icons="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=gambar+tersebut+menunjukkan+laptop&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="465061052" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/programmer-yang-sedang-mengerjakan-kode-dengan-minuman-hangat-di-dekatnya-image465061052" class="item__url js-item-title-wrapper" aria-label="Programmer yang sedang mengerjakan kode dengan minuman hangat di dekatnya" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/programmer-yang-sedang-mengerjakan-kode-dengan-minuman-hangat-di-dekatnya-465061052.jpg" loading="lazy" alt="Gambar tersebut menunjukkan laptop yang menampilkan baris-baris kode dalam apa yang tampak seperti lingkungan pemrograman, kemungkinan besar sebuah IDE (Integrated Development Environment). Layarnya penuh dengan teks, menunjukkan pengodean yang aktif. Di samping laptop, terdapat cangkir keramik, kemungkinan berisi minuman panas, yang menunjukkan sesi kerja yang santai namun fokus." srcset="https://thumbs.dreamstime.com/b/programmer-yang-sedang-mengerjakan-kode-dengan-minuman-hangat-di-dekatnya-465061052.jpg?w=360 360w, https://thumbs.dreamstime.com/b/programmer-yang-sedang-mengerjakan-kode-dengan-minuman-hangat-di-dekatnya-465061052.jpg?w=400 400w, https://thumbs.dreamstime.com/b/programmer-yang-sedang-mengerjakan-kode-dengan-minuman-hangat-di-dekatnya-465061052.jpg?w=450 450w, https://thumbs.dreamstime.com/b/programmer-yang-sedang-mengerjakan-kode-dengan-minuman-hangat-di-dekatnya-465061052.jpg?w=576 576w, https://thumbs.dreamstime.com/b/programmer-yang-sedang-mengerjakan-kode-dengan-minuman-hangat-di-dekatnya-465061052.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">Gambar tersebut menunjukkan laptop yang menampilkan baris-baris kode dalam apa yang tampak seperti lingkungan pemrograman, kemungkinan besar sebuah IDE (Integrated Development Environment). Layarnya penuh dengan teks, menunjukkan pengodean yang aktif. Di samping laptop, terdapat cangkir keramik, kemungkinan berisi minuman panas, yang menunjukkan sesi kerja yang santai namun fokus.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/programmer-yang-sedang-mengerjakan-kode-dengan-minuman-hangat-di-dekatnya-image465061052" > Programmer yang sedang mengerjakan kode dengan minuman hangat di dekatnya. Gambar tersebut menunjukkan laptop yang menampilkan baris-baris kode dalam apa yang tampak seperti lingkungan pemrograman, kemungkinan besar sebuah IDE (Integrated Development Environment). Layarnya penuh dengan teks, menunjukkan pengodean yang aktif. Di samping laptop, terdapat cangkir keramik, kemungkinan berisi minuman panas, yang menunjukkan sesi kerja yang santai namun fokus. </a> </p> </div> </article> <article class="item item42 item-photo js-listing-item" data-id="433039709" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=lingkungan+kantor+modern+dengan&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="433039709" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/ruang-kerja-kantor-modern-dengan-pemrogram-komputer-yang-sedang-bekerja-image433039709" class="item__url js-item-title-wrapper" aria-label="Ruang kerja kantor modern dengan pemrogram komputer yang sedang bekerja" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/ruang-kerja-kantor-modern-dengan-pemrogram-komputer-yang-sedang-bekerja-433039709.jpg" loading="lazy" alt="Lingkungan kantor modern dengan banyak stasiun kerja yang dilengkapi dengan komputer, monitor, dan kursi ergonomis. Adegan tersebut menggambarkan ruang kerja yang khas untuk pemrogram atau pengembang perangkat lunak, dengan layar pengkodean yang ditampilkan di monitor. Kantor ini memiliki estetika yang bersih dan minimalis, dengan dinding putih, meja kayu, dan jendela besar yang memungkinkan cahaya alami masuk." srcset="https://thumbs.dreamstime.com/b/ruang-kerja-kantor-modern-dengan-pemrogram-komputer-yang-sedang-bekerja-433039709.jpg?w=360 360w, https://thumbs.dreamstime.com/b/ruang-kerja-kantor-modern-dengan-pemrogram-komputer-yang-sedang-bekerja-433039709.jpg?w=400 400w, https://thumbs.dreamstime.com/b/ruang-kerja-kantor-modern-dengan-pemrogram-komputer-yang-sedang-bekerja-433039709.jpg?w=450 450w, https://thumbs.dreamstime.com/b/ruang-kerja-kantor-modern-dengan-pemrogram-komputer-yang-sedang-bekerja-433039709.jpg?w=576 576w, https://thumbs.dreamstime.com/b/ruang-kerja-kantor-modern-dengan-pemrogram-komputer-yang-sedang-bekerja-433039709.jpg?w=768 768w, https://thumbs.dreamstime.com/b/ruang-kerja-kantor-modern-dengan-pemrogram-komputer-yang-sedang-bekerja-433039709.jpg?w=992 992w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, 992px"> <figcaption class="item__caption">Lingkungan kantor modern dengan banyak stasiun kerja yang dilengkapi dengan komputer, monitor, dan kursi ergonomis. Adegan tersebut menggambarkan ruang kerja yang khas untuk pemrogram atau pengembang perangkat lunak, dengan layar pengkodean yang ditampilkan di monitor. Kantor ini memiliki estetika yang bersih dan minimalis, dengan dinding putih, meja kayu, dan jendela besar yang memungkinkan cahaya alami masuk.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/ruang-kerja-kantor-modern-dengan-pemrogram-komputer-yang-sedang-bekerja-image433039709" > Ruang kerja kantor modern dengan pemrogram komputer yang sedang bekerja. Lingkungan kantor modern dengan banyak stasiun kerja yang dilengkapi dengan komputer, monitor, dan kursi ergonomis. Adegan tersebut menggambarkan ruang kerja yang khas untuk pemrogram atau pengembang perangkat lunak, dengan layar pengkodean yang ditampilkan di monitor. Kantor ini memiliki estetika yang bersih dan minimalis, dengan dinding putih, meja kayu, dan jendela besar yang memungkinkan cahaya alami masuk. </a> </p> </div> </article> <article class="item item43 item-photo js-listing-item" data-id="460398542" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=software+engineer+mapping+data&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="460398542" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://www.dreamstime.com/software-engineer-mapping-data-architecture-code-flowcharts-person-likely-engaged-software-engineering-sits-laptop-image460398542" class="item__url js-item-title-wrapper" aria-label="software engineer mapping data architecture and code flowcharts a person likely engaged in software engineering sits at a laptop" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/software-engineer-mapping-data-architecture-code-flowcharts-person-likely-engaged-software-engineering-sits-laptop-460398542.jpg" loading="lazy" alt="Software engineer mapping data architecture and code flowcharts a person likely engaged in software engineering sits at a laptop" srcset="https://thumbs.dreamstime.com/b/software-engineer-mapping-data-architecture-code-flowcharts-person-likely-engaged-software-engineering-sits-laptop-460398542.jpg?w=360 360w, https://thumbs.dreamstime.com/b/software-engineer-mapping-data-architecture-code-flowcharts-person-likely-engaged-software-engineering-sits-laptop-460398542.jpg?w=400 400w, https://thumbs.dreamstime.com/b/software-engineer-mapping-data-architecture-code-flowcharts-person-likely-engaged-software-engineering-sits-laptop-460398542.jpg?w=450 450w, https://thumbs.dreamstime.com/b/software-engineer-mapping-data-architecture-code-flowcharts-person-likely-engaged-software-engineering-sits-laptop-460398542.jpg?w=576 576w, https://thumbs.dreamstime.com/b/software-engineer-mapping-data-architecture-code-flowcharts-person-likely-engaged-software-engineering-sits-laptop-460398542.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">Software engineer mapping data architecture and code flowcharts a person likely engaged in software engineering sits at a laptop</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://www.dreamstime.com/software-engineer-mapping-data-architecture-code-flowcharts-person-likely-engaged-software-engineering-sits-laptop-image460398542" > software engineer mapping data architecture and code flowcharts a person likely engaged in software engineering sits at a laptop. </a> </p> </div> </article> <article class="item item44 item-photo js-listing-item" data-id="359742687" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" data-vertical-icons="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=sebuah+gambar+garis+sederhana&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="359742687" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/bekerja-dengan-pc-image359742687" class="item__url js-item-title-wrapper" aria-label="Bekerja dengan PC" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/bekerja-dengan-pc-359742687.jpg" loading="lazy" alt="Sebuah gambar garis sederhana hitam putih menggambarkan seseorang yang sedang duduk di meja dan menggunakan komputer. Orang tersebut tersenyum dan memegang mouse, dengan monitor yang ditempatkan di depannya. Desain ini menggunakan garis-garis minimalis dan berani yang khas untuk gaya kartun atau ikon, menyampaikan lingkungan kerja atau belajar yang santai." srcset="https://thumbs.dreamstime.com/b/bekerja-dengan-pc-359742687.jpg?w=360 360w, https://thumbs.dreamstime.com/b/bekerja-dengan-pc-359742687.jpg?w=400 400w, https://thumbs.dreamstime.com/b/bekerja-dengan-pc-359742687.jpg?w=450 450w, https://thumbs.dreamstime.com/b/bekerja-dengan-pc-359742687.jpg?w=576 576w, https://thumbs.dreamstime.com/b/bekerja-dengan-pc-359742687.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">Sebuah gambar garis sederhana hitam putih menggambarkan seseorang yang sedang duduk di meja dan menggunakan komputer. Orang tersebut tersenyum dan memegang mouse, dengan monitor yang ditempatkan di depannya. Desain ini menggunakan garis-garis minimalis dan berani yang khas untuk gaya kartun atau ikon, menyampaikan lingkungan kerja atau belajar yang santai.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/bekerja-dengan-pc-image359742687" > Bekerja dengan PC. Sebuah gambar garis sederhana hitam putih menggambarkan seseorang yang sedang duduk di meja dan menggunakan komputer. Orang tersebut tersenyum dan memegang mouse, dengan monitor yang ditempatkan di depannya. Desain ini menggunakan garis-garis minimalis dan berani yang khas untuk gaya kartun atau ikon, menyampaikan lingkungan kerja atau belajar yang santai. </a> </p> </div> </article> <article class="item item45 item-photo js-listing-item" data-id="397691379" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=sebuah+layar+menampilkan+aliran&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="397691379" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/sebuah-layar-menampilkan-aliran-kode-biner-berwarna-biru-cerah-memenuhi-dengan-angka-image397691379" class="item__url js-item-title-wrapper" aria-label="Sebuah layar menampilkan aliran kode biner berwarna biru cerah, memenuhi layar dengan angka" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/sebuah-layar-menampilkan-aliran-kode-biner-berwarna-biru-cerah-memenuhi-dengan-angka-397691379.jpg" loading="lazy" alt="Sebuah layar menampilkan aliran kode biner berwarna biru cerah, memenuhi layar dengan angka yang mencerminkan fokus teknologi yang mendalam, khas lingkungan pemrograman larut malam" srcset="https://thumbs.dreamstime.com/b/sebuah-layar-menampilkan-aliran-kode-biner-berwarna-biru-cerah-memenuhi-dengan-angka-397691379.jpg?w=360 360w, https://thumbs.dreamstime.com/b/sebuah-layar-menampilkan-aliran-kode-biner-berwarna-biru-cerah-memenuhi-dengan-angka-397691379.jpg?w=400 400w, https://thumbs.dreamstime.com/b/sebuah-layar-menampilkan-aliran-kode-biner-berwarna-biru-cerah-memenuhi-dengan-angka-397691379.jpg?w=450 450w, https://thumbs.dreamstime.com/b/sebuah-layar-menampilkan-aliran-kode-biner-berwarna-biru-cerah-memenuhi-dengan-angka-397691379.jpg?w=576 576w, https://thumbs.dreamstime.com/b/sebuah-layar-menampilkan-aliran-kode-biner-berwarna-biru-cerah-memenuhi-dengan-angka-397691379.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">Sebuah layar menampilkan aliran kode biner berwarna biru cerah, memenuhi layar dengan angka yang mencerminkan fokus teknologi yang mendalam, khas lingkungan pemrograman larut malam</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/sebuah-layar-menampilkan-aliran-kode-biner-berwarna-biru-cerah-memenuhi-dengan-angka-image397691379" > Sebuah layar menampilkan aliran kode biner berwarna biru cerah, memenuhi layar dengan angka </a> </p> </div> </article> <article class="item item46 item-photo js-listing-item" data-id="455898492" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=flat+illustration+computer+monitor&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="455898492" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://www.dreamstime.com/flat-illustration-computer-monitor-html-code-coffee-cup-web-development-image455898492" class="item__url js-item-title-wrapper" aria-label="flat illustration of computer monitor with html code and coffee cup for web development" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/flat-illustration-computer-monitor-html-code-coffee-cup-web-development-455898492.jpg" loading="lazy" alt="Flat illustration of computer monitor with html code and coffee cup for web development" srcset="https://thumbs.dreamstime.com/b/flat-illustration-computer-monitor-html-code-coffee-cup-web-development-455898492.jpg?w=360 360w, https://thumbs.dreamstime.com/b/flat-illustration-computer-monitor-html-code-coffee-cup-web-development-455898492.jpg?w=400 400w, https://thumbs.dreamstime.com/b/flat-illustration-computer-monitor-html-code-coffee-cup-web-development-455898492.jpg?w=450 450w, https://thumbs.dreamstime.com/b/flat-illustration-computer-monitor-html-code-coffee-cup-web-development-455898492.jpg?w=576 576w, https://thumbs.dreamstime.com/b/flat-illustration-computer-monitor-html-code-coffee-cup-web-development-455898492.jpg?w=768 768w, https://thumbs.dreamstime.com/b/flat-illustration-computer-monitor-html-code-coffee-cup-web-development-455898492.jpg?w=992 992w, https://thumbs.dreamstime.com/b/flat-illustration-computer-monitor-html-code-coffee-cup-web-development-455898492.jpg?w=1200 1200w, https://thumbs.dreamstime.com/b/flat-illustration-computer-monitor-html-code-coffee-cup-web-development-455898492.jpg?w=1400 1400w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, (min-width: 768px) and (max-width: 991.98px) 992px, (min-width: 992px) and (max-width: 1199.98px) 1200px, 1400px"> <figcaption class="item__caption">Flat illustration of computer monitor with html code and coffee cup for web development</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://www.dreamstime.com/flat-illustration-computer-monitor-html-code-coffee-cup-web-development-image455898492" > flat illustration of computer monitor with html code and coffee cup for web development. </a> </p> </div> </article> <article class="item item47 item-photo js-listing-item" data-id="400852010" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" data-vertical-icons="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=four+line+art+illustrations&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="400852010" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://www.dreamstime.com/four-line-art-illustrations-depict-humanoid-robots-using-laptops-each-robot-different-pose-sitting-chair-typing-image400852010" class="item__url js-item-title-wrapper" aria-label="four line art illustrations depict humanoid robots using laptops each robot is in a different pose sitting on a chair typing at a" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/four-line-art-illustrations-depict-humanoid-robots-using-laptops-each-robot-different-pose-sitting-chair-typing-400852010.jpg" loading="lazy" alt="Four line art illustrations depict humanoid robots using laptops each robot is in a different pose sitting on a chair typing at a" srcset="https://thumbs.dreamstime.com/b/four-line-art-illustrations-depict-humanoid-robots-using-laptops-each-robot-different-pose-sitting-chair-typing-400852010.jpg?w=360 360w, https://thumbs.dreamstime.com/b/four-line-art-illustrations-depict-humanoid-robots-using-laptops-each-robot-different-pose-sitting-chair-typing-400852010.jpg?w=400 400w, https://thumbs.dreamstime.com/b/four-line-art-illustrations-depict-humanoid-robots-using-laptops-each-robot-different-pose-sitting-chair-typing-400852010.jpg?w=450 450w, https://thumbs.dreamstime.com/b/four-line-art-illustrations-depict-humanoid-robots-using-laptops-each-robot-different-pose-sitting-chair-typing-400852010.jpg?w=576 576w, https://thumbs.dreamstime.com/b/four-line-art-illustrations-depict-humanoid-robots-using-laptops-each-robot-different-pose-sitting-chair-typing-400852010.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">Four line art illustrations depict humanoid robots using laptops each robot is in a different pose sitting on a chair typing at a</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://www.dreamstime.com/four-line-art-illustrations-depict-humanoid-robots-using-laptops-each-robot-different-pose-sitting-chair-typing-image400852010" > four line art illustrations depict humanoid robots using laptops each robot is in a different pose sitting on a chair typing at a. </a> </p> </div> </article> <article class="item item48 item-photo js-listing-item" data-id="189893255" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=karakter+pria+duduk+kursi&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="189893255" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/karakter-pria-duduk-di-kursi-bekerja-dan-menggunakan-perangkat-seperti-komputer-laptop-meja-dengan-gaya-kartun-datar-image189893255" class="item__url js-item-title-wrapper" aria-label="Karakter pria duduk di kursi, bekerja dan menggunakan perangkat seperti komputer dan laptop di meja, dengan gaya kartun datar" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/karakter-pria-duduk-di-kursi-bekerja-dan-menggunakan-perangkat-seperti-komputer-laptop-meja-dengan-gaya-kartun-datar-189893255.jpg" loading="lazy" alt="Karakter pria duduk di kursi, bekerja dan menggunakan perangkat seperti komputer dan laptop di meja, dengan desain vektor kartun datar" srcset="https://thumbs.dreamstime.com/b/karakter-pria-duduk-di-kursi-bekerja-dan-menggunakan-perangkat-seperti-komputer-laptop-meja-dengan-gaya-kartun-datar-189893255.jpg?w=360 360w, https://thumbs.dreamstime.com/b/karakter-pria-duduk-di-kursi-bekerja-dan-menggunakan-perangkat-seperti-komputer-laptop-meja-dengan-gaya-kartun-datar-189893255.jpg?w=400 400w, https://thumbs.dreamstime.com/b/karakter-pria-duduk-di-kursi-bekerja-dan-menggunakan-perangkat-seperti-komputer-laptop-meja-dengan-gaya-kartun-datar-189893255.jpg?w=450 450w, https://thumbs.dreamstime.com/b/karakter-pria-duduk-di-kursi-bekerja-dan-menggunakan-perangkat-seperti-komputer-laptop-meja-dengan-gaya-kartun-datar-189893255.jpg?w=576 576w, https://thumbs.dreamstime.com/b/karakter-pria-duduk-di-kursi-bekerja-dan-menggunakan-perangkat-seperti-komputer-laptop-meja-dengan-gaya-kartun-datar-189893255.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">Karakter pria duduk di kursi, bekerja dan menggunakan perangkat seperti komputer dan laptop di meja, dengan desain vektor kartun datar</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/karakter-pria-duduk-di-kursi-bekerja-dan-menggunakan-perangkat-seperti-komputer-laptop-meja-dengan-gaya-kartun-datar-image189893255" > Karakter pria duduk di kursi, bekerja dan menggunakan perangkat seperti komputer dan laptop di meja, dengan gaya kartun datar </a> </p> </div> </article> <article class="item item49 item-photo js-listing-item" data-id="401556451" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" data-vertical-icons="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=coding+icon+browser+window&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="401556451" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://www.dreamstime.com/coding-icon-browser-window-code-symbol-clean-flat-design-depicting-stylized-features-typical-controls-red-green-blue-image401556451" class="item__url js-item-title-wrapper" aria-label="coding icon browser window with code symbol a clean flat design depicting stylized the features typical controls red green blue" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/coding-icon-browser-window-code-symbol-clean-flat-design-depicting-stylized-features-typical-controls-red-green-blue-401556451.jpg" loading="lazy" alt="Coding icon browser window with code symbol a clean flat design depicting stylized the features typical controls red green blue" srcset="https://thumbs.dreamstime.com/b/coding-icon-browser-window-code-symbol-clean-flat-design-depicting-stylized-features-typical-controls-red-green-blue-401556451.jpg?w=360 360w, https://thumbs.dreamstime.com/b/coding-icon-browser-window-code-symbol-clean-flat-design-depicting-stylized-features-typical-controls-red-green-blue-401556451.jpg?w=400 400w, https://thumbs.dreamstime.com/b/coding-icon-browser-window-code-symbol-clean-flat-design-depicting-stylized-features-typical-controls-red-green-blue-401556451.jpg?w=450 450w, https://thumbs.dreamstime.com/b/coding-icon-browser-window-code-symbol-clean-flat-design-depicting-stylized-features-typical-controls-red-green-blue-401556451.jpg?w=576 576w, https://thumbs.dreamstime.com/b/coding-icon-browser-window-code-symbol-clean-flat-design-depicting-stylized-features-typical-controls-red-green-blue-401556451.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">Coding icon browser window with code symbol a clean flat design depicting stylized the features typical controls red green blue</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://www.dreamstime.com/coding-icon-browser-window-code-symbol-clean-flat-design-depicting-stylized-features-typical-controls-red-green-blue-image401556451" > coding icon browser window with code symbol a clean flat design depicting stylized the features typical controls red green blue. </a> </p> </div> </article> <article class="item item50 item-photo js-listing-item" data-id="296971259" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=silhouette+hacker+working+computer&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="296971259" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://www.dreamstime.com/silhouette-hacker-working-computer-multiple-screens-displaying-code-image296971259" class="item__url js-item-title-wrapper" aria-label="silhouette of a hacker working on computer with multiple screens displaying code" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/silhouette-hacker-working-computer-multiple-screens-displaying-code-296971259.jpg" loading="lazy" alt="Silhouette of a hacker working on computer with multiple screens displaying code" srcset="https://thumbs.dreamstime.com/b/silhouette-hacker-working-computer-multiple-screens-displaying-code-296971259.jpg?w=360 360w, https://thumbs.dreamstime.com/b/silhouette-hacker-working-computer-multiple-screens-displaying-code-296971259.jpg?w=400 400w, https://thumbs.dreamstime.com/b/silhouette-hacker-working-computer-multiple-screens-displaying-code-296971259.jpg?w=450 450w, https://thumbs.dreamstime.com/b/silhouette-hacker-working-computer-multiple-screens-displaying-code-296971259.jpg?w=576 576w, https://thumbs.dreamstime.com/b/silhouette-hacker-working-computer-multiple-screens-displaying-code-296971259.jpg?w=768 768w, https://thumbs.dreamstime.com/b/silhouette-hacker-working-computer-multiple-screens-displaying-code-296971259.jpg?w=992 992w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, 992px"> <figcaption class="item__caption">Silhouette of a hacker working on computer with multiple screens displaying code</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://www.dreamstime.com/silhouette-hacker-working-computer-multiple-screens-displaying-code-image296971259" > silhouette of a hacker working on computer with multiple screens displaying code. </a> </p> </div> </article> <article class="item item51 item-photo js-listing-item" data-id="403263248" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=programmer+working+late+night&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="403263248" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://www.dreamstime.com/programmer-working-late-night-multiple-monitors-person-sits-front-six-illuminated-screens-displaying-lines-colorful-image403263248" class="item__url js-item-title-wrapper" aria-label="programmer working late at night on multiple monitors a person sits in front of six illuminated screens displaying lines colorful" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/programmer-working-late-night-multiple-monitors-person-sits-front-six-illuminated-screens-displaying-lines-colorful-403263248.jpg" loading="lazy" alt="Programmer working late at night on multiple monitors a person sits in front of six illuminated screens displaying lines colorful" srcset="https://thumbs.dreamstime.com/b/programmer-working-late-night-multiple-monitors-person-sits-front-six-illuminated-screens-displaying-lines-colorful-403263248.jpg?w=360 360w, https://thumbs.dreamstime.com/b/programmer-working-late-night-multiple-monitors-person-sits-front-six-illuminated-screens-displaying-lines-colorful-403263248.jpg?w=400 400w, https://thumbs.dreamstime.com/b/programmer-working-late-night-multiple-monitors-person-sits-front-six-illuminated-screens-displaying-lines-colorful-403263248.jpg?w=450 450w, https://thumbs.dreamstime.com/b/programmer-working-late-night-multiple-monitors-person-sits-front-six-illuminated-screens-displaying-lines-colorful-403263248.jpg?w=576 576w, https://thumbs.dreamstime.com/b/programmer-working-late-night-multiple-monitors-person-sits-front-six-illuminated-screens-displaying-lines-colorful-403263248.jpg?w=768 768w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, 768px"> <figcaption class="item__caption">Programmer working late at night on multiple monitors a person sits in front of six illuminated screens displaying lines colorful</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://www.dreamstime.com/programmer-working-late-night-multiple-monitors-person-sits-front-six-illuminated-screens-displaying-lines-colorful-image403263248" > programmer working late at night on multiple monitors a person sits in front of six illuminated screens displaying lines colorful. </a> </p> </div> </article> <article class="item item52 item-photo js-listing-item" data-id="414928314" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=seorang+pengembang+sedang+mengetik&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="414928314" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/pengembang-mengetik-kode-pada-keyboard-untuk-pengembangan-perangkat-lunak-dan-web-makanan-india-yang-khas-latar-belakang-image414928314" class="item__url js-item-title-wrapper" aria-label="Pengembang mengetik kode pada keyboard untuk pengembangan perangkat lunak dan web, makanan India yang khas. pada latar belakang tr" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/pengembang-mengetik-kode-pada-keyboard-untuk-pengembangan-perangkat-lunak-dan-web-makanan-india-yang-khas-latar-belakang-414928314.jpg" loading="lazy" alt="Seorang pengembang sedang mengetik kode pada keyboard di ruangan gelap, mengerjakan pengembangan perangkat lunak dan web. Teknologi dan inovasi. Gambar ini memiliki latar belakang transparan, sehingga serbaguna untuk berbagai proyek desain." srcset="https://thumbs.dreamstime.com/b/pengembang-mengetik-kode-pada-keyboard-untuk-pengembangan-perangkat-lunak-dan-web-makanan-india-yang-khas-latar-belakang-414928314.jpg?w=360 360w, https://thumbs.dreamstime.com/b/pengembang-mengetik-kode-pada-keyboard-untuk-pengembangan-perangkat-lunak-dan-web-makanan-india-yang-khas-latar-belakang-414928314.jpg?w=400 400w, https://thumbs.dreamstime.com/b/pengembang-mengetik-kode-pada-keyboard-untuk-pengembangan-perangkat-lunak-dan-web-makanan-india-yang-khas-latar-belakang-414928314.jpg?w=450 450w, https://thumbs.dreamstime.com/b/pengembang-mengetik-kode-pada-keyboard-untuk-pengembangan-perangkat-lunak-dan-web-makanan-india-yang-khas-latar-belakang-414928314.jpg?w=576 576w, https://thumbs.dreamstime.com/b/pengembang-mengetik-kode-pada-keyboard-untuk-pengembangan-perangkat-lunak-dan-web-makanan-india-yang-khas-latar-belakang-414928314.jpg?w=768 768w, https://thumbs.dreamstime.com/b/pengembang-mengetik-kode-pada-keyboard-untuk-pengembangan-perangkat-lunak-dan-web-makanan-india-yang-khas-latar-belakang-414928314.jpg?w=992 992w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, 992px"> <figcaption class="item__caption">Seorang pengembang sedang mengetik kode pada keyboard di ruangan gelap, mengerjakan pengembangan perangkat lunak dan web. Teknologi dan inovasi. Gambar ini memiliki latar belakang transparan, sehingga serbaguna untuk berbagai proyek desain.</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/pengembang-mengetik-kode-pada-keyboard-untuk-pengembangan-perangkat-lunak-dan-web-makanan-india-yang-khas-latar-belakang-image414928314" > Pengembang mengetik kode pada keyboard untuk pengembangan perangkat lunak dan web, makanan India yang khas. pada latar belakang tr. Seorang pengembang sedang mengetik kode pada keyboard di ruangan gelap, mengerjakan pengembangan perangkat lunak dan web. Teknologi dan inovasi. Gambar ini memiliki latar belakang transparan, sehingga serbaguna untuk berbagai proyek desain. </a> </p> </div> </article> <article class="item item53 item-photo js-listing-item" data-id="165950748" data-type="image" data-dt-id="#ilc1" data-dt-on-mouseenter="" data-dt-on-touchstart="" > <div class="item__actions"> <a href="https://id.dreamstime.com/search.php?srh_field=sindelfingen+baden+württemberg+jerman&s_il=y" class="item__similars-link js-similars-link" rel="nofollow" target="_blank" aria-label="Tampilkan hasil serupa" data-dt-id="item-similars-link" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#fff" fill-rule="evenodd" d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 4.072c0 1.694 1.404 3.071 3.13 3.071l.178-.004c.55-.03 1.061-.2 1.5-.474l2.16 2.166a.625.625 0 0 0 .855 0 .585.585 0 0 0 0-.838L9.685 6.847a3 3 0 0 0 .576-1.775C10.261 3.378 8.857 2 7.131 2 5.403 2 4 3.378 4 5.072m1.208 0c0-1.04.863-1.887 1.922-1.887l.15.006c.99.076 1.773.89 1.773 1.881 0 .528-.223 1.007-.58 1.35l-.039.028a.1.1 0 0 0-.016.021 1.94 1.94 0 0 1-1.288.487c-1.06 0-1.922-.846-1.922-1.886M2 13h12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1m2 2h8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1"/></svg></a> <button class="item__lightbox-btn js-item-lightbox-add-btn" type="button" data-id="165950748" data-lb-state="add" aria-label="Tambahkan ke lightbox" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-on-click="" data-dt-on-mouseenter="" data-dt-on-touchstart=""><svg xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M6 0h4v16H6V0Z"/><path fill="#fff" d="m0 10-1.7e-7-4 16-7e-7 1.7e-7 4L0 10Z"/></svg></button> <a class="item-btn-trial btn btn--green" href="https://id.dreamstime.com/securecredits2.php?subscriptionid=816&packagetype=0" rel="nofollow" aria-label="Gratis dengan uji coba"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.998"><path fill-rule="evenodd" d="M14 13.998H0v-3h1.5v1.5h11v-1.5H14v3ZM6.2 0v4.904H3.528L7 9.996l3.472-5.092H7.8V0H6.2Z"/></svg><span>Gratis dengan uji coba</span></a> </div> <a href="https://id.dreamstime.com/maskot-robot-android-gelap-image165950748" class="item__url js-item-title-wrapper" aria-label="Maskot robot Android gelap" target="_blank"> <figure> <img class="item__thumb" src="https://thumbs.dreamstime.com/b/maskot-robot-android-gelap-165950748.jpg" loading="lazy" alt="Sindelfingen, Baden-Württemberg, Jerman – 6 Desember 2019: Maskot robot Android gelap untuk sistem operasi ponsel Google di depan dinding abu-abu dengan ruang" srcset="https://thumbs.dreamstime.com/b/maskot-robot-android-gelap-165950748.jpg?w=360 360w, https://thumbs.dreamstime.com/b/maskot-robot-android-gelap-165950748.jpg?w=400 400w, https://thumbs.dreamstime.com/b/maskot-robot-android-gelap-165950748.jpg?w=450 450w, https://thumbs.dreamstime.com/b/maskot-robot-android-gelap-165950748.jpg?w=576 576w, https://thumbs.dreamstime.com/b/maskot-robot-android-gelap-165950748.jpg?w=768 768w, https://thumbs.dreamstime.com/b/maskot-robot-android-gelap-165950748.jpg?w=992 992w" sizes="(max-width: 359.98px) 360px, (min-width: 360px) and (max-width: 399.98px) 400px, (min-width: 400px) and (max-width: 449.98px) 450px, (min-width: 450px) and (max-width: 575.98px) 576px, (min-width: 576px) and (max-width: 767.98px) 768px, 992px"> <figcaption class="item__caption">Sindelfingen, Baden-Württemberg, Jerman – 6 Desember 2019: Maskot robot Android gelap untuk sistem operasi ponsel Google di depan dinding abu-abu dengan ruang</figcaption> </figure> </a> <div class="item__info"> <p class="item__title js-item-title"> <a href="https://id.dreamstime.com/maskot-robot-android-gelap-image165950748" > Maskot robot Android gelap </a> </p> </div> </article> <article class="item-last js-item-last"></article> </div> </div> <div class="search-btm"> <div class="container-fluid"> <div class="row"> <div class="col-sm-12 col-md-8"> </div> </div> </div> </div> <div class="share-btn-wrapper share-btn-wrapper--icn search-share"> <button type="button" class="share-btn js-share-btn" data-dt-id="share-btn" data-dt-on-click="" data-dt-show-loading="" data-dt-loading-type="area" data-dt-loading-theme="dark" data-dt-loading-relative="" data-dt-loading-size="sml" data-dt-root="" data-dt-css="47,48,49,50,51,52,53,54,55" data-dt-js="56,32,33,57,58" aria-label="Bagikan" > <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 22 16"><path d="M12.7 0 14 1.1l7.3 6.3.7.5-.6.5-7.4 6.4-1.3 1.1v-4.8h-2c-4 0-6.9 1.1-9.2 3.3L0 16l.4-2.3v-.3c.4-2.2 1.5-4.1 3.2-5.6l.2-.2C6 5.8 8.9 4.8 12.5 4.8h.3L12.7 0zm1.6 3.3v3h-.8c-3.6-.2-6.6.7-8.7 2.4l-.2.2c-.9.8-1.5 1.7-2 2.7l-.1.2.2-.2c2.1-1.3 4.7-2 7.7-2H14.3v3L19.7 8l-5.4-4.7z"/></svg> </button> </div> </main> <div data-state="hidden" data-dt-id="popup-freetrial" data-dt-root="" data-dt-on-document-mouseleave="" data-dt-priority="high" data-dt-dispatch-target="document" data-dt-js="7,9,67" data-dt-js-order="11,12" data-dt-css="13,14,68"></div> <div class = "js-signup-popup-interaction" data-state="hidden" data-deps="{"js":"7,8,9,10","js-order":"11,12","css":"13,14,15"}" data-dt-id="signup-popup-interaction" data-dt-root="" data-dt-on-document-mousemove="" data-dt-on-document-touchstart="" data-dt-on-window-scroll="" data-dt-on-click="" data-dt-on-keypress="" data-dt-js="69"></div> <footer > <div class="footer-main"> <div class="container"> <div class="row"> <div class="col-md-1 col-sm-12"> <a class="footer-logo" name="Dreamstime" href="https://id.dreamstime.com/" aria-label="Dreamstime homepage"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 31"><path fill-rule="evenodd" clip-rule="evenodd" fill="#50a901" d="M28.7 6.3c-6.1-9-19.2-7.4-25-.7C.8 8.9-.3 13.5.1 17.7.5 21 1.7 24 3.4 26c4.5 5.5 12.3 6.1 17.4 2.6 7.2-5 6.7-13.1 2.8-17.6-7-8-19-.1-14.5 9 1.1 2.2 3.6 3.4 5.9 3.4 3.2 0 5.7-3.8 4.2-6.1-1.5-2.4-4.1 0-3 1.8.9 1.4-1 2.2-1.8 2-2.1-.5-3.1-3.4-2.4-5.8.6-2.1 2.8-3.5 4.9-3.4 2.9.2 6.1 2.5 5.8 7.5-.7 8.1-11.3 9.6-15.5 3.8-6.6-9.3 1.2-21.8 13.1-18 6.1 2 10.6 9.2 7.8 16.9-1.1 2.9-1.7 4-1.8 5-.5 3.7 11.2-7.8 2.4-20.8z"/></svg> </a> </div> <div class="col-xl-8 col-md-11 col-sm-12"> <div class="footer-menu js-footer-menu-wrapper" data-list-initial="opened" data-state="opened"> <div class="row flex-sm-nowrap"> <div class="col-sm-3 col-6"> <div class="footer-menu__col"> <div class="footer-menu__title js-footer-menu-trigger" data-dt-id="footer-menu" data-dt-root="" data-dt-on-click="" data-dt-js="56" data-dt-js-order="4,70" data-dt-show-loading="" data-dt-loading-theme="light" data-dt-loading-type="area" data-dt-loading-relative="" data-dt-loading-size="sml" > <span>Pusat Bantuan</span> <svg class="footer-menu__icn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path fill-rule="nonzero" d="m8.69 0 1.306 1.243-3.694 3.514L4.996 6 3.69 4.757-.004 1.243 1.302 0l3.694 3.514L8.69 0Z"/></svg> </div> <div class="footer-menu__list js-footer-menu-list"> <ul> <li><a class="footer-menu__url" href="https://id.dreamstime.com/about-stock-image-licenses" title="Tentang foto-foto kami">Tentang foto-foto kami</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/terms" title="Hukum / Ketentuan Penggunaan">Hukum / Ketentuan Penggunaan</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/contact" title="Hubungi Kami">Hubungi Kami</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/faq" title="Pertanyaan yang Sering Diajukan">Pertanyaan yang Sering Diajukan</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/sitemap" title="Peta Situs">Peta Situs</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/privacy" title="Kebijakan Privasi">Kebijakan Privasi</a></li> </ul> </div> </div> </div> <div class="col-sm-3 col-6"> <div class="footer-menu__col"> <div class="footer-menu__title js-footer-menu-trigger" data-dt-id="footer-menu" data-dt-root="" data-dt-on-click="" data-dt-js="56" data-dt-js-order="4,70" data-dt-show-loading="" data-dt-loading-theme="light" data-dt-loading-type="area" data-dt-loading-relative="" data-dt-loading-size="sml" > <span>Dreamstime</span> <svg class="footer-menu__icn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path fill-rule="nonzero" d="m8.69 0 1.306 1.243-3.694 3.514L4.996 6 3.69 4.757-.004 1.243 1.302 0l3.694 3.514L8.69 0Z"/></svg> </div> <div class="footer-menu__list js-footer-menu-list"> <ul> <li><a class="footer-menu__url" href="https://id.dreamstime.com/extended-stock-photography-licenses" title="Gambar terbaru">Gambar terbaru</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/about" title="Tentang Kami">Tentang Kami</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/media-room" title="Ruang Media">Ruang Media</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/careers" title="Karier di Dreamstime">Karier</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/merchandise" title="Dreamstime Barang dagangan">Barang dagangan</a></li> </ul> </div> </div> </div> <div class="col-sm-3 col-6"> <div class="footer-menu__col"> <div class="footer-menu__title js-footer-menu-trigger" data-dt-id="footer-menu" data-dt-root="" data-dt-on-click="" data-dt-js="56" data-dt-js-order="4,70" data-dt-show-loading="" data-dt-loading-theme="light" data-dt-loading-type="area" data-dt-loading-relative="" data-dt-loading-size="sml" > <span>Komunitas</span> <svg class="footer-menu__icn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path fill-rule="nonzero" d="m8.69 0 1.306 1.243-3.694 3.514L4.996 6 3.69 4.757-.004 1.243 1.302 0l3.694 3.514L8.69 0Z"/></svg> </div> <div class="footer-menu__list js-footer-menu-list"> <ul> <li><a class="footer-menu__url" href="https://id.dreamstime.com/sell-stock-photos-images" title="Jual gambar Anda">Jual gambar Anda</a></li> <li><a class="footer-menu__url" href="https://www.dreamstime.com/boards" title="Papan pesan">Papan pesan</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/social-networking" title="Pusat sosial">Pusat sosial</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/upload" title="Unggah gambar">Unggah gambar</a></li> <li><a data-dt-id="footer-menu-api-url" data-dt-root="" data-dt-on-click="" data-dt-on-auxclick="" data-dt-on-click-preventdefault="" data-dt-js="71" class="footer-menu__url footer-menu__url--highlighted js-footer-menu-url-api" href="https://id.dreamstime.com/dreamstime-api" title="API">API</a> <span class="footer-menu__sep">/</span> <a class="footer-menu__url footer-menu__url--highlighted" href="https://id.dreamstime.com/affiliate-referral-program" title="Program referral">Program referral</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/contest" title="Kontes">Kontes</a></li> </ul> </div> </div> </div> <div class="col-sm-3 col-6"> <div class="footer-menu__col"> <div class="footer-menu__title js-footer-menu-trigger" data-dt-id="footer-menu" data-dt-root="" data-dt-on-click="" data-dt-js="56" data-dt-js-order="4,70" data-dt-show-loading="" data-dt-loading-theme="light" data-dt-loading-type="area" data-dt-loading-relative="" data-dt-loading-size="sml" > <span>Alat</span> <svg class="footer-menu__icn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path fill-rule="nonzero" d="m8.69 0 1.306 1.243-3.694 3.514L4.996 6 3.69 4.757-.004 1.243 1.302 0l3.694 3.514L8.69 0Z"/></svg> </div> <div class="footer-menu__list js-footer-menu-list"> <ul> <li><a class="footer-menu__url" href="https://id.dreamstime.com/corporate" title="Akun korporat">Akun korporat</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/world-stock-photos" title="Peta foto">Peta foto</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/free-photos" title="Foto gratis">Foto gratis</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/photographers" title="Fotografer kami">Fotografer kami</a></li> <li><a class="footer-menu__url" href="https://id.dreamstime.com/photo-tools" title="Alat Foto">Alat Foto</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="col-xl-3 col-sm-12"> <div class="footer-tools"> <a class="footer-tools__item" href="https://id.dreamstime.com/affiliate-referral-program" title="Program referral"> <svg class="footer-tools__icn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.002 19.246"><path fill="#3A7307" d="m.002 19.246 2.06-4.78a9.622 9.622 0 1 1 3.478 3.477L.002 19.246Zm7.9-13.3a2.936 2.936 0 0 0-2.813 2.221c-.533 2.16 1.321 4.593 4.961 6.507a.5.5 0 0 0 .059.026l.27.127.269-.126a.411.411 0 0 0 .06-.027c4.443-2.336 5.071-4.657 5.049-5.833V8.8a2.859 2.859 0 0 0-3.163-2.84 2.678 2.678 0 0 0-.671.156l-.02.007h-.009a2.857 2.857 0 0 0-1.246.916l-.011.013-.011.013a3.193 3.193 0 0 0-.22.337 6.438 6.438 0 0 0-.161-.22.339.339 0 0 1-.084-.078 2.885 2.885 0 0 0-2.259-1.16Z"/></svg> <span>Afiliasi / Reseller</span> </a> <a class="footer-tools__item" href="https://id.dreamstime.com/upload" title="Unggah & jual foto"> <svg class="footer-tools__icn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="#3A7307" d="M10 20a10 10 0 1 1 10-10 10.011 10.011 0 0 1-10 10Zm-4.466-6v2h9v-2Zm4.5-10-3.5 3.556h1.748V12h3.5V7.556h1.75L10.031 4Z"/></svg> <i class="icn icn--upload-f"></i> <span>Unggah & jual foto</span> </a> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="col-lg-3 col-sm-6"> <div class="footer-social"> <div class="social-links social-links--sg social-links--mdm" data-dt-id="social-row-analytics" data-dt-root="" data-dt-on-click="" data-dt-js="59"> <a class="social-links__item social-links__item--facebook js-social-link" target="_blank" data-name="Facebook" href="https://www.facebook.com/dreamstime" rel="noopener noreferrer"> <span class="social-links__wrapper"><svg class="social-links__icn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 13" width="100%" height="100%"><path fill-rule="nonzero" d="M5.043 7.07h2.064l.31-2.31H5.042V3.283c0-.67.193-1.125 1.188-1.125H7.5V.09C7.28.063 6.527 0 5.651 0 3.821 0 2.57 1.077 2.57 3.055v1.704H.5v2.31h2.069V13h2.474V7.07Z"/></svg></span> <span class="screen-reader-text">Dreamstime Facebook</span> </a> <a class="social-links__item social-links__item--twitter js-social-link" target="_blank" data-name="X" href="https://x.com/dreamstime" rel="noopener noreferrer"> <span class="social-links__wrapper"><svg class="social-links__icn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="100%" height="100%"><path fill-rule="nonzero" d="M8.054 5.928 13.092 0h-1.194L7.524 5.147 4.03 0H0l5.284 7.784L0 14h1.194l4.62-5.436L9.504 14h4.03l-5.48-8.072ZM6.42 7.852l-.535-.775L1.624.91h1.834l3.437 4.977.536.775 4.468 6.47h-1.834L6.42 7.852Z"/></svg></span> <span class="screen-reader-text">Dreamstime Twitter</span> </a> <a class="social-links__item social-links__item--pinterest js-social-link" target="_blank" data-name="Pinterest" href="https://www.pinterest.com/dreamstime/" rel="noopener noreferrer"> <span class="social-links__wrapper"><svg class="social-links__icn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="100%" height="100%"><path fill-rule="evenodd" d="M6.997 0A6.994 6.994 0 0 0 0 6.997a7 7 0 0 0 4.446 6.52c-.063-.554-.115-1.406.023-2.01.127-.548.818-3.479.818-3.479s-.208-.42-.208-1.037c0-.973.565-1.699 1.267-1.699.6 0 .887.45.887.985 0 .6-.38 1.498-.581 2.333-.167.696.35 1.267 1.036 1.267 1.244 0 2.2-1.313 2.2-3.202 0-1.676-1.204-2.845-2.925-2.845C4.97 3.83 3.8 5.32 3.8 6.865c0 .599.23 1.244.518 1.595.058.069.064.132.046.201-.052.22-.173.697-.196.795-.028.127-.103.156-.236.092-.863-.414-1.405-1.693-1.405-2.718 0-2.206 1.601-4.233 4.625-4.233 2.424 0 4.313 1.728 4.313 4.043 0 2.413-1.52 4.354-3.628 4.354-.708 0-1.376-.369-1.601-.806l-.438 1.664c-.155.61-.581 1.37-.87 1.837A7.028 7.028 0 0 0 7.004 14 6.997 6.997 0 0 0 14 7.003C13.994 3.133 10.861 0 6.997 0"/></svg></span> <span class="screen-reader-text">Dreamstime Pinterest</span> </a> <a class="social-links__item social-links__item--instagram js-social-link" target="_blank" data-name="Instagram" href="https://www.instagram.com/dreamstime" rel="noopener noreferrer"> <span class="social-links__wrapper"><svg class="social-links__icn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="100%" height="100%"><path fill-rule="evenodd" d="M7.883.005c1.119.003 1.39.014 2 .042.745.033 1.254.152 1.699.325.46.179.85.418 1.24.807.388.389.627.78.806 1.24.173.444.292.953.325 1.698.03.645.04.91.042 2.195v1.38c-.001.88-.007 1.281-.02 1.654l-.005.172-.017.37c-.033.744-.152 1.253-.325 1.698a3.43 3.43 0 0 1-.807 1.24 3.43 3.43 0 0 1-1.24.807c-.444.173-.953.29-1.698.325l-.37.016-.171.006c-.373.013-.775.018-1.654.02h-1.38c-1.285-.003-1.55-.013-2.195-.042-.745-.034-1.254-.152-1.699-.325a3.43 3.43 0 0 1-1.24-.808 3.43 3.43 0 0 1-.807-1.239c-.173-.445-.29-.954-.325-1.699-.028-.61-.038-.88-.041-2v-1.77c.003-1.119.013-1.39.041-2 .034-.745.152-1.254.325-1.699.18-.46.418-.85.808-1.24A3.43 3.43 0 0 1 2.414.373C2.859.199 3.368.08 4.113.047c.61-.028.88-.039 2-.042Zm-.64 1.26h-.716l-.398.001c-.732.002-1.09.007-1.427.018l-.168.006-.364.016c-.682.031-1.053.145-1.3.241-.326.127-.56.279-.804.523a2.168 2.168 0 0 0-.523.805c-.096.247-.21.617-.241 1.3-.006.134-.012.25-.016.364l-.006.168c-.012.336-.017.695-.018 1.426v.399l-.001.47v.869c.002.732.007 1.09.019 1.427l.006.168.016.364c.03.682.145 1.053.24 1.3.128.326.28.56.524.804.245.245.478.396.805.523.246.096.617.21 1.3.241l.363.016.168.006c.365.013.755.017 1.618.019h1.356a50.112 50.112 0 0 0 1.617-.019l.168-.006.364-.016c.683-.03 1.053-.145 1.3-.24.327-.128.56-.28.805-.524.244-.245.396-.478.523-.805.096-.246.21-.617.24-1.3l.017-.363.006-.168c.012-.365.017-.755.018-1.618V6.324a50.118 50.118 0 0 0-.018-1.617l-.006-.168-.016-.364c-.031-.683-.145-1.053-.241-1.3a2.168 2.168 0 0 0-.523-.805 2.168 2.168 0 0 0-.805-.523c-.247-.096-.617-.21-1.3-.24a61.756 61.756 0 0 0-.364-.017l-.168-.006a44.89 44.89 0 0 0-1.426-.018h-.869Zm-.26 2.152a3.593 3.593 0 1 1 0 7.187 3.593 3.593 0 0 1 0-7.187Zm0 1.26a2.333 2.333 0 1 0 0 4.666 2.333 2.333 0 0 0 0-4.665Zm3.746-2.233a.84.84 0 1 1 0 1.68.84.84 0 0 1 0-1.68Z"/></svg></span> <span class="screen-reader-text">Dreamstime Instagram</span> </a> <a class="social-links__item social-links__item--linkedin js-social-link" target="_blank" data-name="LinkedIn" href="https://www.linkedin.com/company/dreamstime" rel="noopener noreferrer"> <span class="social-links__wrapper"><svg class="social-links__icn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="100%" height="100%"><path fill-rule="evenodd" d="M11.93 11.93H9.855V8.68c0-.774-.015-1.77-1.08-1.77-1.08 0-1.245.843-1.245 1.715v3.305H5.455V5.249h1.992v.912h.027c.277-.525.955-1.079 1.965-1.079 2.103 0 2.49 1.384 2.49 3.183v3.665ZM3.114 4.335a1.204 1.204 0 1 1 0-2.408 1.204 1.204 0 0 1 0 2.408ZM2.076 11.93h2.076V5.249H2.076v6.68ZM12.964 0H1.034C.463 0 0 .452 0 1.01v11.98C0 13.547.463 14 1.033 14h11.93c.572 0 1.037-.453 1.037-1.01V1.01C14 .451 13.535 0 12.964 0Z"/></svg></span> <span class="screen-reader-text">Dreamstime Linkedin</span> </a> <a class="social-links__item social-links__item--youtube js-social-link" target="_blank" data-name="Youtube" href="https://www.youtube.com/@dreamstime?sub_confirmation=1" rel="noopener noreferrer"> <span class="social-links__wrapper"><svg class="social-links__icn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 11" width="100%" height="100%"><path fill-rule="evenodd" d="M8.29.001c.501.003 1.603.013 2.745.052l.49.018c1.142.047 2.243.126 2.743.257.69.181 1.232.714 1.416 1.39.298 1.089.33 3.23.334 3.693v.178c-.003.463-.036 2.604-.334 3.693a1.987 1.987 0 0 1-1.416 1.39c-1.107.29-5.163.324-6.075.328h-.367c-.912-.004-4.969-.038-6.075-.328a1.987 1.987 0 0 1-1.416-1.39C.05 8.238.007 6.228 0 5.656v-.312c.006-.572.049-2.582.334-3.626A1.987 1.987 0 0 1 1.75.328c.5-.131 1.6-.21 2.743-.257l.49-.018C6.125.013 7.227.003 7.728 0ZM6.461 3.234v4.714l4.162-2.357L6.46 3.234Z"/></svg></span> <span class="screen-reader-text">Dreamstime Youtube</span> </a> </div> </div> </div> <div class="col-lg-3 order-lg-3 col-sm-6"> <div class="footer-language"> <div class="language-select"> <label class="language-select__label" for="footer-lang-select"> Bahasa </label> <button class="language-select__btn js-lang-select-trigger" id="footer-lang-select" type="button" aria-haspopup="menu" aria-expanded="false" aria-label="Alihkan modal pemilihan bahasa" data-loading-theme="light" data-dt-id="footer-lang-select" data-dt-root="" data-dt-on-click="" data-dt-js="72"> <span class="language-select__flag" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14"><g fill="none" fill-rule="evenodd"><path fill="#231F20" d="M0 14h21V0H0v14ZM.087.086h20.826v13.827H.088V.086Zm20.87 13.827v.044-.044Z"/><path fill="#CE1126" d="M0 7h21V0H0z"/><path fill="#FFF" d="M0 14h21V7H0z"/></g></svg> </span> <span class="language-select__lang">Bahasa Indonesia</span> <span class="language-select__icon js-lang-select-icon" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 10"><path fill-rule="nonzero" d="M-.003 8.694 1.24 10l3.515-3.694L5.997 5 4.755 3.694 1.24 0-.003 1.306 3.511 5-.003 8.694Z"/></svg> </span> </button> </div> </div> </div> <div class="col-lg-6 order-lg-2 col-sm-12"> <div class="footer-copy"> Hak Cipta © 2000-2026 Dreamstime. Semua hak cipta dilindungi. </div> </div> </div> </div> </div> </footer> <template data-state="hidden" data-dt-id="form-switch" data-dt-root="" data-dt-on-ready="" data-dt-js="73"></template> <template data-dt-id="item-similars-link" data-dt-root="" data-dt-css="60,74" data-dt-js="62" data-dt-js-order="63,64,65,75" ></template> <template class="js-item-lightbox-add-btn-config" data-aria-label-add="Tambahkan ke lightbox" data-aria-label-remove="Hapus dari lightbox" data-dt-id="item-lightbox-btn" data-dt-root="" data-dt-css="60,74,47,48" data-dt-js="62,56,32,33,57" data-dt-js-order="63,64,65,76,77" ></template> <script type="application/ld+json"> [{ "@context":"https://schema.org", "@type":"WebSite", "url":"https://id.dreamstime.com/", "potentialAction":{ "@type":"SearchAction", "target":"https://id.dreamstime.com/search.php?srh_field={search_term}&s_all=y&s_ph=y&s_il=y&s_video=y&s_audio=y", "query-input":"required name=search_term" } }, { "@context":"https://schema.org", "@type":"Organization", "name":"Dreamstime", "url":"https://id.dreamstime.com/", "logo":"https://id.dreamstime.com/img/logo-dreamstime-400x102.png", "sameAs":[ "https://www.facebook.com/dreamstime", "https://x.com/dreamstime", "https://www.pinterest.com/dreamstime/", "https://www.instagram.com/dreamstime/", "https://www.linkedin.com/company/dreamstime", "https://www.youtube.com/@dreamstime?sub_confirmation=1" ] } ] </script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "ItemList", "itemListElement": [ { "@context":"https://schema.org", "@type":"ListItem", "position": 1, "name":"Programmer bebek lucu memakai headphone, sedang coding di laptop dengan kopi dan camilan, ilustrasi seni digital", "url": "https://id.dreamstime.com/programmer-bebek-lucu-memakai-headphone-sedang-coding-di-laptop-dengan-kopi-dan-camilan-ilustrasi-seni-digital-image463445726" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 2, "name":"Pengaturan Seorang Hacker", "url": "https://id.dreamstime.com/pengaturan-seorang-hacker-image465792875" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 3, "name":"High resolution picture of midsection of programmer working at office", "url": "https://id.dreamstime.com/high-resolution-picture-midsection-programmer-working-office-image440770611" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 4, "name":"Seseorang sedang mengetik di keyboard mekanik dengan lampu latar RGB", "url": "https://id.dreamstime.com/seseorang-sedang-mengetik-di-keyboard-mekanik-dengan-lampu-latar-rgb-image424458576" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 5, "name":"Closeup of hands typing on laptop keyboard with neon coding interface overlay, cyber security theme", "url": "https://id.dreamstime.com/closeup-hands-typing-laptop-keyboard-neon-coding-interface-overlay-cyber-security-theme-image402538235" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 6, "name":"Pemrogram Sedang Bekerja", "url": "https://id.dreamstime.com/pemrogram-sedang-bekerja-image467100607" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 7, "name":"Seorang programmer sedang menulis kode di malam hari dengan keyboard yang memiliki lampu latar. Layar menampilkan baris kode dalam", "url": "https://id.dreamstime.com/seorang-programmer-sedang-menulis-kode-di-malam-hari-dengan-keyboard-yang-memiliki-lampu-latar-layar-menampilkan-baris-dalam-image414928312" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 8, "name":"Absolutely Typical Computer Programmer Job Duties", "url": "https://id.dreamstime.com/absolutely-typical-computer-programmer-job-duties-image178106766" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 9, "name":"Vektor seni garis seorang pemrogram yang sedang bekerja di layar komputer", "url": "https://id.dreamstime.com/vektor-seni-garis-seorang-pemrogram-yang-sedang-bekerja-di-layar-komputer-image472261650" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 10, "name":"Informative Banner Mobile App Development Flat.", "url": "https://id.dreamstime.com/informative-banner-mobile-app-development-flat-image158222647" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 11, "name":"Pemrogram yang bekerja larut malam", "url": "https://id.dreamstime.com/pemrogram-yang-bekerja-larut-malam-image426584432" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 12, "name":"Peretas atau pemrogram yang bekerja larut malam di ruangan gelap dengan tampilan data", "url": "https://id.dreamstime.com/peretas-atau-pemrogram-yang-bekerja-larut-malam-di-ruangan-gelap-dengan-tampilan-data-image422047515" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 13, "name":"Pria muda bekerja dari jarak jauh di laptop di meja, pendidikan daring", "url": "https://id.dreamstime.com/pria-muda-bekerja-dari-jarak-jauh-di-laptop-meja-pendidikan-daring-image420614312" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 14, "name":"Pemrograman di Komputer dengan Kode di Layar", "url": "https://id.dreamstime.com/pemrograman-di-komputer-dengan-kode-layar-image415787163" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 15, "name":"Pemrogram Bekerja di Meja", "url": "https://id.dreamstime.com/pemrogram-bekerja-di-meja-image467094818" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 16, "name":"Seorang Pemrogram yang Sedang Mengkode di Malam Hari", "url": "https://id.dreamstime.com/seorang-pemrogram-yang-sedang-mengkode-di-malam-hari-image426640427" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 17, "name":"Desain Datar Meja Pemrograman", "url": "https://id.dreamstime.com/desain-datar-meja-pemrograman-image425502200" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 18, "name":"Stressed Programmer With Headphones Looking At Code", "url": "https://id.dreamstime.com/stressed-programmer-headphones-looking-code-image386285415" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 19, "name":"Person coding on computer desktop", "url": "https://id.dreamstime.com/person-coding-computer-desktop-image381081912" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 20, "name":"Professional programmer working on complex coding project at modern desk", "url": "https://id.dreamstime.com/professional-programmer-working-complex-coding-project-modern-desk-image473615997" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 21, "name":"Dua monitor komputer menampilkan baris kode di lingkungan yang redup, menunjukkan sesi pemrograman", "url": "https://id.dreamstime.com/dua-monitor-komputer-menampilkan-baris-kode-di-lingkungan-yang-redup-menunjukkan-sesi-pemrograman-image396739271" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 22, "name":"Ikon Kerja Kantor, Vektor Orang Bekerja di Meja Komputer. Pekerjaan Jarak Jauh, Pemrogram, Bisnis, Ilustrasi Siluet Pekerja Lepas", "url": "https://id.dreamstime.com/ikon-kerja-kantor-vektor-orang-bekerja-di-meja-komputer-pekerjaan-jarak-jauh-pemrogram-bisnis-ilustrasi-siluet-pekerja-lepas-image417860567" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 23, "name":"Programmer s Multi-Monitor Setup", "url": "https://id.dreamstime.com/programmer-s-multi-monitor-setup-image386135336" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 24, "name":"3d cartoon of an it company worker in glasses pointing fingers upward, riding the success wave on a white background", "url": "https://id.dreamstime.com/3d-cartoon-company-worker-glasses-pointing-fingers-upward-riding-success-wave-white-background-image295681546" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 25, "name":"Green Android robot mascot", "url": "https://id.dreamstime.com/green-android-robot-mascot-image165950633" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 26, "name":"Coding di Dua Monitor", "url": "https://id.dreamstime.com/coding-di-dua-monitor-image472094961" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 27, "name":"Monitor Komputer dengan Kode HTML dan Gambar Gunung", "url": "https://id.dreamstime.com/monitor-komputer-dengan-kode-html-dan-gambar-gunung-image461385037" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 28, "name":"Sesi Coding Malam Hari", "url": "https://id.dreamstime.com/sesi-coding-malam-hari-image426627878" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 29, "name":"Alur Kerja Siklus Hidup Pengembangan Perangkat Lunak dengan Avatar Tim dan Umpan Balik", "url": "https://id.dreamstime.com/alur-kerja-siklus-hidup-pengembangan-perangkat-lunak-dengan-avatar-tim-dan-umpan-balik-image417190974" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 30, "name":"Hitam putih karakter robot", "url": "https://id.dreamstime.com/hitam-putih-karakter-robot-image480306229" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 31, "name":"Layar Laptop dengan Kode Berwarna: Pengembangan Perangkat Lunak dan Pemrograman dalam Lingkungan Gelap", "url": "https://id.dreamstime.com/layar-laptop-dengan-kode-berwarna-pengembangan-perangkat-lunak-dan-pemrograman-dalam-lingkungan-gelap-image400066314" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 32, "name":"Editor Kode Tema Gelap Modern dengan Bahasa Pemrograman di Layar", "url": "https://id.dreamstime.com/editor-kode-tema-gelap-modern-dengan-bahasa-pemrograman-di-layar-antarmuka-yang-ramping-dan-ditampilkan-digital-menampilkan-image409664507" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 33, "name":"Software developer working late at night on multiple computer monitors displaying complex code", "url": "https://id.dreamstime.com/software-developer-working-late-night-multiple-computer-monitors-displaying-complex-code-image454502765" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 34, "name":"Terminal Code Output on Dual Screen - Developer Workspace", "url": "https://id.dreamstime.com/terminal-code-output-dual-screen-developer-workspace-image394649215" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 35, "name":"Programmer Working Late on Multiple Monitors with Code", "url": "https://id.dreamstime.com/programmer-working-late-multiple-monitors-code-image403264732" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 36, "name":"Pengembangan Perangkat Lunak dan Kode Pemrograman di Layar Komputer", "url": "https://id.dreamstime.com/pengembangan-perangkat-lunak-dan-kode-pemrograman-di-layar-komputer-tangkapan-terperinci-dari-monitor-yang-menampilkan-baris-dalam-image409156677" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 37, "name":"Pria Bisnis Bekerja di Laptop - Ilustrasi Vektor Minimalis", "url": "https://id.dreamstime.com/pria-bisnis-bekerja-di-laptop-ilustrasi-vektor-minimalis-hitam-putih-bersih-dan-yang-menggambarkan-seorang-sedang-mejanya-image409363636" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 38, "name":"Programmer Working Late at Night on Multiple Monitors", "url": "https://id.dreamstime.com/programmer-working-late-night-multiple-monitors-image403284183" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 39, "name":"Programmer sedang mengoding perangkat lunak di malam hari dengan dua monitor di ruang kerja berlampu biru tua", "url": "https://id.dreamstime.com/programmer-sedang-mengoding-perangkat-lunak-di-malam-hari-dengan-dua-monitor-ruang-kerja-berlampu-biru-tua-image459049673" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 40, "name":"Remote Work Setup with Laptop, Coffee, and Plant", "url": "https://id.dreamstime.com/remote-work-setup-laptop-coffee-plant-image405633119" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 41, "name":"Programmer yang sedang mengerjakan kode dengan minuman hangat di dekatnya", "url": "https://id.dreamstime.com/programmer-yang-sedang-mengerjakan-kode-dengan-minuman-hangat-di-dekatnya-image465061052" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 42, "name":"Ruang kerja kantor modern dengan pemrogram komputer yang sedang bekerja", "url": "https://id.dreamstime.com/ruang-kerja-kantor-modern-dengan-pemrogram-komputer-yang-sedang-bekerja-image433039709" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 43, "name":"Software Engineer Mapping Data Architecture and Code Flowcharts.", "url": "https://id.dreamstime.com/software-engineer-mapping-data-architecture-code-flowcharts-image460398542" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 44, "name":"Bekerja dengan PC", "url": "https://id.dreamstime.com/bekerja-dengan-pc-image359742687" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 45, "name":"Sebuah layar menampilkan aliran kode biner berwarna biru cerah, memenuhi layar dengan angka", "url": "https://id.dreamstime.com/sebuah-layar-menampilkan-aliran-kode-biner-berwarna-biru-cerah-memenuhi-dengan-angka-image397691379" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 46, "name":"Flat Illustration of Computer Monitor with HTML Code and Coffee Cup for Web Development", "url": "https://id.dreamstime.com/flat-illustration-computer-monitor-html-code-coffee-cup-web-development-image455898492" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 47, "name":"This detailed collection of four distinct line art illustrations showcases humanoid robots diligently operating laptop computers i", "url": "https://id.dreamstime.com/detailed-collection-four-distinct-line-art-illustrations-showcases-humanoid-robots-diligently-operating-laptop-computers-i-image400852010" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 48, "name":"Karakter pria duduk di kursi, bekerja dan menggunakan perangkat seperti komputer dan laptop di meja, dengan gaya kartun datar", "url": "https://id.dreamstime.com/karakter-pria-duduk-di-kursi-bekerja-dan-menggunakan-perangkat-seperti-komputer-laptop-meja-dengan-gaya-kartun-datar-image189893255" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 49, "name":"Coding Icon: Browser Window with Code Symbol", "url": "https://id.dreamstime.com/coding-icon-browser-window-code-symbol-image401556451" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 50, "name":"Silhouette of a hacker working on a computer with multiple screens displaying code", "url": "https://id.dreamstime.com/silhouette-hacker-working-computer-multiple-screens-displaying-code-image296971259" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 51, "name":"Programmer Working Late at Night on Multiple Monitors", "url": "https://id.dreamstime.com/programmer-working-late-night-multiple-monitors-image403263248" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 52, "name":"Pengembang mengetik kode pada keyboard untuk pengembangan perangkat lunak dan web, makanan India yang khas. pada latar belakang tr", "url": "https://id.dreamstime.com/pengembang-mengetik-kode-pada-keyboard-untuk-pengembangan-perangkat-lunak-dan-web-makanan-india-yang-khas-latar-belakang-image414928314" },{ "@context":"https://schema.org", "@type":"ListItem", "position": 53, "name":"Maskot robot Android gelap", "url": "https://id.dreamstime.com/maskot-robot-android-gelap-image165950748" } ] } </script><script id="json-html-share-modal-tpl" type="application/json">{"html":"<template class=\"js-modal-share-tpl\">\n <div\n class=\"modal js-modal js-modal-share modal--share\" aria-hidden=\"true\" data-state=\"closed\" data-name=\"share\" data-template=\"share\">\n <div class=\"modal__overlay js-modal-overlay\" tabindex=\"-1\">\n <div\n class=\"modal__container js-modal-container\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"modal-share-title\"\n >\n\n <header class=\"modal__header js-modal-header\">\n <h2\n class=\"modal__title js-modal-title\"\n id=\"modal-share-title\"\n >Bagikan halaman ini<\/h2>\n \n <button\n class=\"close-btn close-btn--big close-btn--l-grey js-close-btn modal__close js-modal-close-icon js-modal-close-trigger\" type=\"button\" aria-label=\"Tutup\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 10\"><path d=\"M3.511 5 0 8.511 1.489 10 5 6.489 8.511 10 10 8.511 6.489 5 10 1.489 8.511 0 5 3.511 1.489 0 0 1.489z\"\/><\/svg><\/button>\n <\/header>\n \n <div class=\"modal__content js-modal-content\">\n <div class=\"share-list\">\n <div\n class=\"share-list social-links social-links--ss social-links--huge\" data-dt-id=\"social-row-analytics\" data-dt-root=\"\" data-dt-on-click=\"\" data-dt-js=\"59\">\n <a class=\"social-links__item social-links__item--facebook js-social-link\" data-name=\"Facebook\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fid.dreamstime.com%2Fillustration%2Fprogrammer-tipikal.html&description=Unduh+Programmer+Tipikal+Foto+stok+dari+Dreamstime.+Lihat+foto+gratis+atau+bebas+royalti+yang+menakjubkan+ini+di+Dreamstime.\" rel=\"noopener noreferrer\" target=\"_blank\">\n <span class=\"social-links__wrapper\"><svg class=\"social-links__icn\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 8 13\" width=\"100%\" height=\"100%\"><path fill-rule=\"nonzero\" d=\"M5.043 7.07h2.064l.31-2.31H5.042V3.283c0-.67.193-1.125 1.188-1.125H7.5V.09C7.28.063 6.527 0 5.651 0 3.821 0 2.57 1.077 2.57 3.055v1.704H.5v2.31h2.069V13h2.474V7.07Z\"\/><\/svg><\/span>\n <span class=\"screen-reader-text\">Facebook<\/span>\n <\/a>\n <a class=\"social-links__item social-links__item--twitter js-social-link\" data-name=\"X\" href=\"https:\/\/x.com\/intent\/post?related=dreamstime&text=Unduh+Programmer+Tipikal+Foto+stok+dari+Dreamstime.+Lihat+foto+gratis+atau+bebas+royalti+yang+menakjubkan+ini+di+Dreamstime.&url=https%3A%2F%2Fid.dreamstime.com%2Fillustration%2Fprogrammer-tipikal.html\" rel=\"noopener noreferrer\" target=\"_blank\">\n <span class=\"social-links__wrapper\"><svg class=\"social-links__icn\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 14 14\" width=\"100%\" height=\"100%\"><path fill-rule=\"nonzero\" d=\"M8.054 5.928 13.092 0h-1.194L7.524 5.147 4.03 0H0l5.284 7.784L0 14h1.194l4.62-5.436L9.504 14h4.03l-5.48-8.072ZM6.42 7.852l-.535-.775L1.624.91h1.834l3.437 4.977.536.775 4.468 6.47h-1.834L6.42 7.852Z\"\/><\/svg><\/span>\n <span class=\"screen-reader-text\">X<\/span>\n <\/a>\n <a class=\"social-links__item social-links__item--linkedin js-social-link\" data-name=\"LinkedIn\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&url=https%3A%2F%2Fid.dreamstime.com%2Fillustration%2Fprogrammer-tipikal.html&summary=Unduh+Programmer+Tipikal+Foto+stok+dari+Dreamstime.+Lihat+foto+gratis+atau+bebas+royalti+yang+menakjubkan+ini+di+Dreamstime.\" rel=\"noopener noreferrer\" target=\"_blank\">\n <span class=\"social-links__wrapper\"><svg class=\"social-links__icn\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 14 14\" width=\"100%\" height=\"100%\"><path fill-rule=\"evenodd\" d=\"M11.93 11.93H9.855V8.68c0-.774-.015-1.77-1.08-1.77-1.08 0-1.245.843-1.245 1.715v3.305H5.455V5.249h1.992v.912h.027c.277-.525.955-1.079 1.965-1.079 2.103 0 2.49 1.384 2.49 3.183v3.665ZM3.114 4.335a1.204 1.204 0 1 1 0-2.408 1.204 1.204 0 0 1 0 2.408ZM2.076 11.93h2.076V5.249H2.076v6.68ZM12.964 0H1.034C.463 0 0 .452 0 1.01v11.98C0 13.547.463 14 1.033 14h11.93c.572 0 1.037-.453 1.037-1.01V1.01C14 .451 13.535 0 12.964 0Z\"\/><\/svg><\/span>\n <span class=\"screen-reader-text\">LinkedIn<\/span>\n <\/a>\n <a class=\"social-links__item social-links__item--pinterest js-social-link\" data-name=\"Pinterest\" href=\"http:\/\/www.pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fid.dreamstime.com%2Fillustration%2Fprogrammer-tipikal.html&media=https%3A%2F%2Fthumbs.dreamstime.com%2Fb%2Fprogrammer-bebek-lucu-memakai-headphone-sedang-coding-di-laptop-dengan-kopi-dan-camilan-ilustrasi-seni-digital-463445726.jpg&description=Unduh+Programmer+Tipikal+Foto+stok+dari+Dreamstime.+Lihat+foto+gratis+atau+bebas+royalti+yang+menakjubkan+ini+di+Dreamstime.\" rel=\"noopener noreferrer\" target=\"_blank\">\n <span class=\"social-links__wrapper\"><svg class=\"social-links__icn\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 14 14\" width=\"100%\" height=\"100%\"><path fill-rule=\"evenodd\" d=\"M6.997 0A6.994 6.994 0 0 0 0 6.997a7 7 0 0 0 4.446 6.52c-.063-.554-.115-1.406.023-2.01.127-.548.818-3.479.818-3.479s-.208-.42-.208-1.037c0-.973.565-1.699 1.267-1.699.6 0 .887.45.887.985 0 .6-.38 1.498-.581 2.333-.167.696.35 1.267 1.036 1.267 1.244 0 2.2-1.313 2.2-3.202 0-1.676-1.204-2.845-2.925-2.845C4.97 3.83 3.8 5.32 3.8 6.865c0 .599.23 1.244.518 1.595.058.069.064.132.046.201-.052.22-.173.697-.196.795-.028.127-.103.156-.236.092-.863-.414-1.405-1.693-1.405-2.718 0-2.206 1.601-4.233 4.625-4.233 2.424 0 4.313 1.728 4.313 4.043 0 2.413-1.52 4.354-3.628 4.354-.708 0-1.376-.369-1.601-.806l-.438 1.664c-.155.61-.581 1.37-.87 1.837A7.028 7.028 0 0 0 7.004 14 6.997 6.997 0 0 0 14 7.003C13.994 3.133 10.861 0 6.997 0\"\/><\/svg><\/span>\n <span class=\"screen-reader-text\">Pinterest<\/span>\n <\/a>\n <a class=\"social-links__item social-links__item--whatsapp js-social-link\" data-name=\"WhatsApp\" href=\"https:\/\/api.whatsapp.com\/send\/?phone&text=https%3A%2F%2Fid.dreamstime.com%2Fillustration%2Fprogrammer-tipikal.html\" rel=\"noopener noreferrer\" target=\"_blank\">\n <span class=\"social-links__wrapper\"><svg class=\"social-links__icn\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 13.995 13.996\" width=\"100%\" height=\"100%\"><path fill-rule=\"nonzero\" d=\"M10.204 8.387c-.174-.087-1.03-.506-1.19-.564-.16-.058-.275-.086-.392.087-.116.173-.45.564-.55.68-.102.115-.204.13-.378.043-.174-.087-.735-.27-1.4-.86a5.224 5.224 0 0 1-.969-1.2c-.102-.174-.01-.268.076-.354.079-.078.175-.203.262-.304.087-.101.116-.173.174-.289.058-.116.029-.217-.015-.304-.043-.086-.392-.94-.537-1.286-.141-.338-.285-.292-.391-.298a7.017 7.017 0 0 0-.334-.006.641.641 0 0 0-.464.217c-.16.173-.61.593-.61 1.446s.624 1.677.711 1.792c.087.116 1.228 1.866 2.975 2.617.415.178.74.285.992.365.417.132.797.113 1.097.069.334-.05 1.03-.42 1.175-.824.145-.405.145-.752.102-.824-.044-.073-.16-.116-.334-.203m-3.177 4.317h-.002a5.804 5.804 0 0 1-2.948-.803l-.212-.125-2.192.572.585-2.127-.137-.218a5.73 5.73 0 0 1-.886-3.068c.001-3.178 2.6-5.764 5.794-5.764 1.547 0 3.002.601 4.095 1.69A5.716 5.716 0 0 1 12.82 6.94c-.001 3.178-2.6 5.764-5.792 5.764m4.93-10.67A6.94 6.94 0 0 0 7.026 0C3.186 0 .06 3.111.058 6.935c0 1.222.32 2.415.93 3.467L0 13.996l3.694-.965a6.989 6.989 0 0 0 3.33.845h.003c3.84 0 6.967-3.112 6.968-6.936a6.877 6.877 0 0 0-2.039-4.906\"\/><\/svg><\/span>\n <span class=\"screen-reader-text\">WhatsApp<\/span>\n <\/a>\n <a class=\"social-links__item social-links__item--blogger js-social-link\" data-name=\"Blogger\" href=\"https:\/\/www.blogger.com\/blog-this.g?u=https%3A%2F%2Fid.dreamstime.com%2Fillustration%2Fprogrammer-tipikal.html&t=Unduh+Programmer+Tipikal+Foto+stok+dari+Dreamstime.+Lihat+foto+gratis+atau+bebas+royalti+yang+menakjubkan+ini+di+Dreamstime.\" rel=\"noopener noreferrer\" target=\"_blank\">\n <span class=\"social-links__wrapper\"><svg class=\"social-links__icn\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 14 14\" width=\"100%\" height=\"100%\"><path fill-rule=\"evenodd\" d=\"M13.999 9.48c0 2.496-2.038 4.52-4.55 4.52H4.55C2.037 14 0 11.976 0 9.48V4.52C0 2.025 2.037 0 4.55 0h2.297c2.513 0 4.55 2.024 4.55 4.52l.001.01c.033.47.427.84.908.84h.784c.502 0 .91.404.91.904l-.001 3.205ZM7.014 3.665H4.437a.872.872 0 0 0-.874.869c0 .48.391.869.874.869h2.577a.872.872 0 0 0 .875-.869.872.872 0 0 0-.875-.869Zm2.59 5.089H4.433a.825.825 0 0 0-.827.822c0 .454.37.822.827.822h5.173a.825.825 0 0 0 .827-.822.825.825 0 0 0-.827-.822Z\"\/><\/svg><\/span>\n <span class=\"screen-reader-text\">Blogger<\/span>\n <\/a>\n <a class=\"social-links__item social-links__item--tumblr js-social-link\" data-name=\"Tumblr\" href=\"https:\/\/www.tumblr.com\/share?u=https%3A%2F%2Fid.dreamstime.com%2Fillustration%2Fprogrammer-tipikal.html&caption=Programmer+Tipikal+Foto+dari+Dreamstime\" rel=\"noopener noreferrer\" target=\"_blank\">\n <span class=\"social-links__wrapper\"><svg class=\"social-links__icn\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 8 14\" width=\"100%\" height=\"100%\"><path fill-rule=\"evenodd\" d=\"M8 14H5.64c-2.125 0-3.709-1.083-3.709-3.675v-4.15H0V3.928C2.125 3.38 3.014 1.569 3.116 0h2.207v3.563h2.575v2.612H5.323V9.79c0 1.083.552 1.458 1.43 1.458H8V14Z\"\/><\/svg><\/span>\n <span class=\"screen-reader-text\">Tumblr<\/span>\n <\/a>\n <a class=\"social-links__item social-links__item--reddit js-social-link\" data-name=\"Reddit\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fid.dreamstime.com%2Fillustration%2Fprogrammer-tipikal.html&title=Programmer+Tipikal+Foto+dari+Dreamstime\" rel=\"noopener noreferrer\" target=\"_blank\">\n <span class=\"social-links__wrapper\"><svg class=\"social-links__icn\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 14\" width=\"100%\" height=\"100%\"><path fill-rule=\"evenodd\" d=\"M10.75 9.58c-.69 0-1.251-.552-1.251-1.229s.56-1.228 1.25-1.228S12 7.673 12 8.35a1.24 1.24 0 0 1-1.25 1.228m.22 2.017c-.854.837-2.49.902-2.97.902-.482 0-2.117-.065-2.97-.902a.314.314 0 0 1 0-.45.328.328 0 0 1 .459 0c.538.528 1.688.716 2.51.716.823 0 1.974-.188 2.513-.716a.329.329 0 0 1 .458 0 .314.314 0 0 1 0 .45M3.996 8.35c0-.677.561-1.228 1.251-1.228.69 0 1.25.55 1.25 1.228a1.24 1.24 0 0 1-1.25 1.228c-.69 0-1.25-.551-1.25-1.228M16 7.123c0-.95-.784-1.72-1.75-1.72-.473 0-.9.185-1.215.483-1.197-.848-2.846-1.396-4.683-1.459L9.15.742l2.606.544c.032.65.574 1.17 1.245 1.17.69 0 1.25-.55 1.25-1.228A1.24 1.24 0 0 0 13.001 0c-.492 0-.913.28-1.117.685L8.974.078a.315.315 0 0 0-.37.237l-.891 4.111c-1.864.05-3.54.6-4.751 1.457a1.76 1.76 0 0 0-1.211-.48C.784 5.403 0 6.173 0 7.123 0 7.82.425 8.42 1.035 8.69a3.32 3.32 0 0 0-.042.52c0 2.646 3.135 4.79 7.003 4.79C11.864 14 15 11.856 15 9.21a3.33 3.33 0 0 0-.042-.516A1.718 1.718 0 0 0 16 7.123\"\/><\/svg><\/span>\n <span class=\"screen-reader-text\">Reddit<\/span>\n <\/a>\n <a class=\"social-links__item social-links__item--mail js-social-link\" data-name=\"Email\" href=\"mailto:?subject=Programmer%20Tipikal%20Gambar%20dari%20Dreamstime&body=Hei%21%20Aku%20menemukan%20beberapa%20foto%20menakjubkan%20yang%20berhubungan%20dengan%20Programmer%20Tipikal%20di%20Dreamstime.%20Lihatlah%3A%20https%3A%2F%2Fid.dreamstime.com%2Fillustration%2Fprogrammer-tipikal.html\" rel=\"noopener noreferrer\" target=\"_blank\">\n <span class=\"social-links__wrapper\"><svg class=\"social-links__icn\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 14 10\" width=\"100%\" height=\"100%\"><path fill-rule=\"evenodd\" d=\"M2.873 4.935 0 2.062v5.746l2.873-2.873Zm8.254 0L14 7.808V2.062l-2.873 2.873Zm-7.665.682L.004 9.076A1 1 0 0 0 1 10h12a1 1 0 0 0 .996-.924l-3.458-3.459-2.536 2.536A1.407 1.407 0 0 1 7 8.568c-.379 0-.734-.148-1.002-.415L3.462 5.617ZM13.975.779 7.413 7.341a.597.597 0 0 1-.825 0L.025.78A1 1 0 0 1 1 0h12a1 1 0 0 1 .975.78Z\"\/><\/svg><\/span>\n <span class=\"screen-reader-text\">Email<\/span>\n <\/a>\n<\/div>\n <\/div>\n <div\n class=\"copy-line js-copy-line\"\n>\n <div class=\"copy-line__icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\"><path fill=\"#656565\" fill-rule=\"evenodd\" d=\"M4.59 4.412a3.69 3.69 0 0 1 2.631-.282c1.263.328 2.06 1.466 2.195 1.67l.02.032-1.415 1.36s-.163-.828-1.01-1.185c-1.068-.45-1.785.155-1.912.275l-.02.02s-.595.585-1.251 1.239l-.608.607c-.543.546-1.013 1.027-1.084 1.129-.197.286-.76 1.739.382 2.536 1.28.893 2.454-.135 2.454-.135l.932-.933s.287.124.825.207c.538.084 1.491.049 1.491.049s-2.026 2.022-2.186 2.146c-.16.123-.532.5-1.102.681-.829.263-3.452.54-4.522-1.758-1.225-2.63.686-4.388.686-4.388l2.727-2.727c-.001 0 .569-.44.767-.543ZM7.81.953c.497-.594 3.208-1.884 5.114.148 2.306 2.574.191 4.98.191 4.98L11.262 7.96l-.047.045c-.236.233-1.315 1.289-1.54 1.415-1.605.893-2.487.607-3.451.281-.988-.333-1.693-1.488-1.693-1.488l1.39-1.36s.082.562.679.968c1.293.88 2.358-.162 2.358-.162l2.717-2.731s1.049-1.421-.035-2.51c-1.274-1.282-2.522-.171-2.682-.018l-.018.018-.894.899S7.738 3.17 7 3.037a3.215 3.215 0 0 0-1.243.01l-.032.009.045-.045.052-.052.254-.253C6.67 2.114 7.807.976 7.81.953Z\"\/><\/svg> <\/div>\n <div class=\"copy-line__content\">\n <span class=\"js-copy-line-content\">https:\/\/id.dreamstime.com\/illustration\/programmer-tipikal.html<\/span>\n <\/div>\n <button\n type=\"button\"\n class=\"copy-line__btn btn btn--green btn--big js-copy-line-btn\"\n data-tooltip-copied-txt=\"Disalin ke papan klip!\"\n data-dt-id=\"copy-line\" data-dt-root=\"\" data-dt-on-click=\"\" data-dt-show-loading=\"\" data-dt-loading-type=\"btn\" data-dt-loading-theme=\"dark\" data-dt-css=\"60,61\" data-dt-js=\"62\" data-dt-js-order=\"63,64,65,66\" >SALIN TAUTAN<\/button>\n<\/div>\n <\/div>\n\n \n <\/div>\n <\/div>\n<\/div>\n<\/template>\n"}</script> <script id="modal-deps" type="application/json">{"deps":{"css":"47,48","js":"56,32,33,57"}}</script> <script id="lang-select" type="application/json">{"langLinks":{"en":"https:\/\/www.dreamstime.com\/illustration\/typical-programmer.html","pt":"https:\/\/pt.dreamstime.com\/illustration\/programador-t\u00edpico.html","de":"https:\/\/de.dreamstime.com\/illustration\/typischer-programmierer.html","es":"https:\/\/es.dreamstime.com\/illustration\/programador-t\u00edpico.html","it":"https:\/\/it.dreamstime.com\/illustration\/programmatore-tipico.html","nl":"https:\/\/www.dreamstime.com\/nl\/illustration\/typische-programmeur.html","fr":"https:\/\/fr.dreamstime.com\/illustration\/programmeur-typique.html","ru":"https:\/\/ru.dreamstime.com\/illustration\/\u0442\u0438\u043f\u0438\u0447\u043d\u044b\u0439-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442.html","gr":"https:\/\/gr.dreamstime.com\/illustration\/\u03c4\u03c5\u03c0\u03b9\u03ba\u03cc\u03c2-\u03c0\u03c1\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03b9\u03c3\u03c4\u03ae\u03c2.html","cn":"https:\/\/cn.dreamstime.com\/illustration\/\u5178\u578b\u7684\u7a0b\u5e8f\u5458.html","pl":"https:\/\/pl.dreamstime.com\/illustration\/typowy-programista.html","se":"https:\/\/se.dreamstime.com\/illustration\/typisk-programmerare.html","ro":"https:\/\/ro.dreamstime.com\/illustration\/programator-tipic.html","sk":"https:\/\/sk.dreamstime.com\/illustration\/typick\u00fd-program\u00e1tor.html","cz":"https:\/\/cz.dreamstime.com\/illustration\/typick\u00fd-program\u00e1tor.html","jp":"https:\/\/www.dreamstime.com\/jp\/illustration\/\u5178\u578b\u7684\u306a\u30d7\u30ed\u30b0\u30e9\u30de\u30fc.html","kr":"https:\/\/www.dreamstime.com\/kr\/illustration\/\uc804\ud615\uc801\uc778-\ud504\ub85c\uadf8\ub798\uba38.html","ar":"https:\/\/ar.dreamstime.com\/illustration\/\u0645\u0628\u0631\u0645\u062c-\u0646\u0645\u0648\u0630\u062c\u064a.html","hi":"https:\/\/hi.dreamstime.com\/illustration\/\u0935\u093f\u0936\u093f\u0937\u094d\u091f-\u092a\u094d\u0930\u094b\u0917\u094d\u0930\u093e\u092e\u0930.html","tr":"https:\/\/tr.dreamstime.com\/illustration\/tipik-programc\u0131.html","id":"https:\/\/id.dreamstime.com\/illustration\/programmer-tipikal.html","dk":"https:\/\/dk.dreamstime.com\/illustration\/typisk-programm\u00f8r.html","no":"https:\/\/www.dreamstime.com\/no\/illustration\/typisk-programmerer.html","he":"https:\/\/www.dreamstime.com\/he\/illustration\/\u05de\u05ea\u05db\u05e0\u05ea-\u05d8\u05d9\u05e4\u05d5\u05e1\u05d9.html"},"modalUrl":"https:\/\/id.dreamstime.com\/new\/components\/LanguageSelect\/modal_init.ajax.php"}</script> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PT44P2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script> const DT = { memberId: null, isAuth: false, usePrefetchWorker: true, prefetchWorkerUrl: '/new/js/prefetch_worker.min.js', useFetchPriority: true, cssVersion: 1283, jsVersion: 166205, cdnUrl: 'https://front.dreamstime.com/', siteUrl: 'https://id.dreamstime.com/', isDev: false, isRtl: false, isLtr: false, enableLog: false, assetsBasePath: 'new/process-assets/', ajaxBase: 'https://id.dreamstime.com/new/', componentsBasePath: 'https://id.dreamstime.com/new/components/', _loadedScriptsOnce: {'js/scheduler_polyfill.js': true,'js/scheduler.js': true,'js/core.js': true,'js/ui.js': true,'js/dt_loader.js': true,'pages/pages.js': true,'components/Toast/init.js': true,'components/PasswordShow/PasswordShow.js': true,'components/Search/puzzle_paste.js': true,'templates/header/SearchAutocomplete/SearchAutocomplete.js': true,'components/Banner/banner.js': true,'templates/search/filters/filters_search_functions.js': true,'pages/search/sort_same_url.js': true,'components/SearchListing/swipe_title.js': true,'components/SearchListing/drag.js': true,'components/Modal/init.js': true,'js/ajax_html.js': true,'components/LightboxBar/init.js': true,'https://client.px-cloud.net/PX2e972lwZ/main.min.js': true,'https://www.googletagmanager.com/gtm.js?id=GTM-PT44P2': true}, _loadedStyleSheetsOnce: {'css/core.css': true,'templates/header.css': true,'components/Gdpr/Gdpr_container.css': true,'templates/header/header_not-logged.css': true,'components/PasswordShow/PasswordShow.css': true,'templates/header/header_menu.css': true,'templates/header/header_no-hero.css': true,'components/Search/Search.css': true,'components/Search/search_dropdown.css': true,'components/Select/Select_default.css': true,'components/Dropdown/Dropdown.css': true,'components/Dropdown/Dropdown_right.css': true,'components/Dropdown/Dropdown_btm.css': true,'templates/header/header_sticky.css': true,'pages/search/search.css': true,'components/Banner/FreeTrial/FreeTrial.css': true,'components/Banner/Default/Default.css': true,'components/Banner/Default/Default_big.css': true,'components/Banner/FreeTrial/FreeTrial_container.css': true,'components/Breadcrumbs/Breadcrumbs.css': true,'components/Swiper/Swiper.css': true,'components/Swiper/Swiper_fading.css': true,'components/CloseButton/CloseButton.css': true,'templates/search/filters/OptionGroup/OptionGroup.css': true,'components/Form/FormCheckbox.css': true,'templates/search/filters/ButtonList.css': true,'components/Form/FormInput.css': true,'components/Form/FormColor.css': true,'components/Form/FormSelect.css': true,'components/Form/FormSwitch.css': true,'components/SearchListing/SearchListing.css': true,'components/SearchListing/SearchIcons.css': true,'components/SearchListing/SearchListingItem.css': true,'components/SearchListing/SearchListingItemLoggedOut.css': true,'components/SearchListing/swipe_title.css': true,'components/SearchListing/rounded_corners.css': true,'components/SearchListing/SimilarsLink.css': true,'components/SearchListing/LightboxButton/LightboxButton.css': true,'pages/search/share_button.css': true,'components/Share/Button/Button.css': true,'templates/footer.css': true,'components/SocialRow/SocialRow.css': true,'components/SocialRow/SocialRow_sg.css': true,'components/SocialRow/SocialRow_mdm.css': true,'components/LanguageSelect/LanguageSelect.css': true}, components: {}, /* DT old site constants */ fullCpage: 'search.php', cpage: 'search', securitycheck: 'a8aac88c65c50ce8b3bcd0f5cc5603a5', cacheDriver: 'ap', }; var securitycheck = 'a8aac88c65c50ce8b3bcd0f5cc5603a5'; var isRtl = false; var isLtr = false; try { DT.htmlLazyDeps = {"1":"components\/Gdpr\/Gdpr.css","2":"components\/Gdpr\/Gdpr.init.js","3":"components\/Gdpr\/Gdpr.js","4":"js\/breakpoints.js","5":"templates\/header\/header_login.js","6":"js\/register.js","7":"js\/functions_cookie.js","8":"js\/pwd_strength.js","9":"components\/Popup\/Popup.js","10":"components\/Popup\/PopupSignup\/PopupSignup.js","11":"js\/jquery.js","12":"js\/plugins\/tooltipster.bundle.min.js","13":"css\/plugins\/tooltipster.bundle.min.css","14":"css\/plugins\/tooltipster.themes.css","15":"components\/Popup\/PopupSignup\/PopupSignup.css","16":"js\/functions_auth.js","17":"templates\/header\/header_not-logged.init.js","18":"templates\/header\/login.js","19":"templates\/header\/header_mobile_menu.js","20":"templates\/header\/header_sticky.js","21":"js\/plugins\/hermite.js","22":"js\/lang_cts.js.php?l=id","23":"js\/plugins\/puzzle.js","24":"components\/Search\/Search.js","25":"components\/Search\/clear_input.js","26":"components\/Dropdown\/Dropdown.js","27":"components\/Dropdown\/Dropdown.init.js","28":"components\/Select\/Select.js","29":"components\/Select\/Select.init.js","30":"templates\/header\/SearchAutocomplete\/SearchAutocomplete2.css","31":"templates\/header\/SearchAutocomplete\/SearchAutocomplete_desktop.css","32":"js\/http.js","33":"js\/ajax_html.js","34":"components\/Swiper\/Swiper.js","35":"components\/Swiper\/Swiper.init.js","36":"templates\/search\/filters\/filters_search_functions.js","37":"templates\/search\/filters\/filters_search.js","38":"templates\/search\/filters\/filters_search_content_filters.js","39":"templates\/search\/filters\/filters.css","40":"templates\/search\/filters\/filters_search_people.js","41":"templates\/search\/filters\/filters_search_media.js","42":"components\/Form\/FormColor.js","43":"templates\/search\/filters\/filters_search_withinresults.js","44":"templates\/search\/filters\/filters_search_options.js","45":"templates\/search\/filters\/filters_search_safesearch.js","46":"components\/SearchListing\/SearchListingNew.js","47":"components\/CloseButton\/CloseButton.css","48":"components\/Modal\/Modal.css","49":"components\/CopyLine\/CopyLine.css","50":"components\/CopyLine\/CopyLine_grey.css","51":"components\/CopyLine\/CopyLine_icon.css","52":"components\/Share\/Modal\/Modal.css","53":"components\/SocialRow\/SocialRow.css","54":"components\/SocialRow\/SocialRow_ss.css","55":"components\/SocialRow\/SocialRow_huge.css","56":"js\/animation.js","57":"components\/Modal\/Modal.js","58":"components\/Share\/Button\/Button.js","59":"components\/SocialRow\/SocialRow.js","60":"components\/Tooltip\/Tooltip.css","61":"components\/Tooltip\/Tooltip_green.css","62":"templates\/get_header_offset.js","63":"js\/floating_ui.js","64":"components\/Tooltip\/Tooltip.js","65":"components\/Tooltip\/Tooltip.init.js","66":"components\/CopyLine\/CopyLine.js","67":"components\/Popup\/PopupFreeTrial\/PopupFreeTrial.js","68":"components\/Popup\/PopupFreeTrial\/PopupFreeTrial.css","69":"templates\/footer\/popup_signup_interaction.js","70":"templates\/footer\/footer_toggle.js","71":"templates\/footer\/footer_menu.js","72":"components\/LanguageSelect\/LanguageSelect.js","73":"components\/Form\/FormSwitch.js","74":"components\/Tooltip\/Tooltip_grey.css","75":"components\/SearchListing\/SimilarsLink.js","76":"components\/SearchListing\/LightboxButton\/tooltip.js","77":"components\/SearchListing\/LightboxButton\/action.js"}; } catch (_) {}!function(){var i=["user-blocking","user-visible","background"];class t{constructor(){this.channel_=new MessageChannel,this.sendPort_=this.channel_.port2,this.messages_={},this.nextMessageHandle_=1,this.channel_.port1.onmessage=i=>this.onMessageReceived_(i)}queueCallback(i){var t=this.nextMessageHandle_++;return this.messages_[t]=i,this.sendPort_.postMessage(t),t}cancelCallback(i){delete this.messages_[i]}onMessageReceived_(i){var t=i.data;if(t in this.messages_){var e=this.messages_[t];delete this.messages_[t],e()}}}function e(){return e.instance_||(e.instance_=new t),e.instance_}class r{constructor(i,t,e){void 0===e&&(e=0),this.callback_=i,this.callbackType_=null,this.handle_=null,this.canceled_=!1,this.schedule_(t,e)}isIdleCallback(){return 0===this.callbackType_}isMessageChannelCallback(){return 2===this.callbackType_}cancel(){if(!this.canceled_)switch(this.canceled_=!0,this.callbackType_){case 0:cancelIdleCallback(this.handle_);break;case 1:clearTimeout(this.handle_);break;case 2:e().cancelCallback(this.handle_);break;default:throw new TypeError("Unknown CallbackType")}}schedule_(t,r){if(r&&r>0)return this.callbackType_=1,void(this.handle_=setTimeout((()=>{this.runCallback_()}),r));if(!i.includes(t))throw new TypeError("Invalid task priority : "+t);return"background"===t&&"function"==typeof requestIdleCallback?(this.callbackType_=0,void(this.handle_=requestIdleCallback((()=>{this.runCallback_()})))):"function"==typeof MessageChannel?(this.callbackType_=2,void(this.handle_=e().queueCallback((()=>{this.runCallback_()})))):(this.callbackType_=1,void(this.handle_=setTimeout((()=>{this.runCallback_()}))))}runCallback_(){this.canceled_||this.callback_()}}var s=0;class n{constructor(){this.head_=null,this.tail_=null}isEmpty(){return null==this.head_}push(i){if("object"!=typeof i)throw new TypeError("Task must be an Object");i.tq_sequence_=s++,this.isEmpty()?(i.tq_prev_=null,this.head_=i):(i.tq_prev_=this.tail_,this.tail_.tq_next_=i),i.tq_next_=null,this.tail_=i}takeNextTask(){if(this.isEmpty())return null;var i=this.head_;return this.remove_(i),i}merge(i,t){if("function"!=typeof t)throw new TypeError("Must provide a selector function.");if(null==i)throw new Error("sourceQueue cannot be null");for(var e=this.head_,r=null,s=i.head_;s;){var n=s;if(s=s.tq_next_,t(n)){for(i.remove_(n);e&&e.tq_sequence_<n.tq_sequence_;)r=e,e=e.tq_next_;this.insert_(n,r),r=n}}}toArray(){for(var i=this.head_,t=[];null!==i;)t.push(i),i=i.tq_next_;return t}insert_(i,t){if(t!=this.tail_){var e=t?t.tq_next_:this.head_;i.tq_next_=e,e.tq_prev_=i,i.tq_prev_=t,null!=t?t.tq_next_=i:this.head_=i}else this.push(i)}remove_(i){if(null==i)throw new Error("Expected task to be non-null");i===this.head_&&(this.head_=i.tq_next_),i===this.tail_&&(this.tail_=this.tail_.tq_prev_),i.tq_next_&&(i.tq_next_.tq_prev_=i.tq_prev_),i.tq_prev_&&(i.tq_prev_.tq_next_=i.tq_next_)}}class a extends Event{constructor(t,e){if(!e||!i.includes(e.previousPriority))throw new TypeError("Invalid task priority: '"+e.previousPriority+"'");super(t),this.previousPriority=e.previousPriority}}class l extends AbortController{constructor(t){if(void 0===t&&(t={}),super(),null==t&&(t={}),"object"!=typeof t)throw new TypeError("'init' is not an object");var e,r,s=void 0===t.priority?"user-visible":t.priority;if(!i.includes(s))throw new TypeError("Invalid task priority: '"+s+"'");this.priority_=s,this.isPriorityChanging_=!1,r=(e=this).signal,Object.defineProperties(r,{priority:{get:function(){return e.priority_},enumerable:!0},onprioritychange:{value:null,writable:!0,enumerable:!0}}),r.addEventListener("prioritychange",(i=>{r.onprioritychange&&r.onprioritychange(i)}))}setPriority(t){if(!i.includes(t))throw new TypeError("Invalid task priority: "+t);if(this.isPriorityChanging_)throw new DOMException("","NotAllowedError");if(this.signal.priority!==t){this.isPriorityChanging_=!0;var e=this.priority_;this.priority_=t;var r=new a("prioritychange",{previousPriority:e});this.signal.dispatchEvent(r),this.isPriorityChanging_=!1}}}void 0===self.scheduler?(self.scheduler=new class{constructor(){this.queues_={},i.forEach((i=>{this.queues_[i]=[new n,new n]})),this.pendingHostCallback_=null,this.signals_=new WeakMap}yield(i){return(i=Object.assign({},i)).signal&&"inherit"==i.signal&&delete i.signal,i.priority&&"inherit"==i.priority&&(i.priority="user-visible"),this.postTaskOrContinuation_((()=>{}),i,!0)}postTask(i,t){return this.postTaskOrContinuation_(i,t,!1)}postTaskOrContinuation_(t,e,r){if(void 0!==(e=Object.assign({},e)).signal){if(null===e.signal||!("aborted"in e.signal)||"function"!=typeof e.signal.addEventListener)return Promise.reject(new TypeError("'signal' is not a valid 'AbortSignal'"));if(e.signal&&e.signal.priority&&!i.includes(e.signal.priority))return Promise.reject(new TypeError("Invalid task priority: '"+e.signal.priority+"'"))}if(void 0!==e.priority&&(null===e.priority||!i.includes(e.priority)))return Promise.reject(new TypeError("Invalid task priority: '"+e.priority+"'"));if(void 0===e.delay&&(e.delay=0),e.delay=Number(e.delay),e.delay<0)return Promise.reject(new TypeError("'delay' must be a positive number."));var s={callback:t,options:e,resolve:null,reject:null,hostCallback:null,abortCallback:null,onTaskCompleted:function(){this.options.signal&&this.abortCallback&&(this.options.signal.removeEventListener("abort",this.abortCallback),this.abortCallback=null)},onTaskAborted:function(){this.hostCallback&&(this.hostCallback.cancel(),this.hostCallback=null),this.options.signal.removeEventListener("abort",this.abortCallback),this.abortCallback=null,this.reject(this.options.signal.reason)},isAborted:function(){return this.options.signal&&this.options.signal.aborted},isContinuation:r},n=new Promise(((i,t)=>{s.resolve=i,s.reject=t}));return this.schedule_(s),n}schedule_(i){var t=i.options.signal;if(t){if(t.aborted)return void i.reject(t.reason);i.abortCallback=()=>{i.onTaskAborted()},t.addEventListener("abort",i.abortCallback)}i.options.delay>0?i.hostCallback=new r((()=>{i.hostCallback=null,this.onTaskDelayExpired_(i)}),null,i.options.delay):(this.pushTask_(i),this.scheduleHostCallbackIfNeeded_())}onTaskDelayExpired_(i){this.pushTask_(i),this.pendingHostCallback_&&(this.pendingHostCallback_.cancel(),this.pendingHostCallback_=null),this.schedulerEntryCallback_()}onPriorityChange_(i){var t=this.signals_.get(i);if(void 0===t)throw new Error("Attempting to change priority on an unregistered signal");if(t!==i.priority){for(var e=0;e<2;e++)this.queues_[i.priority][e].merge(this.queues_[t][e],(t=>t.options.signal===i));this.signals_.set(i,i.priority)}}schedulerEntryCallback_(){this.pendingHostCallback_=null,this.runNextTask_(),this.scheduleHostCallbackIfNeeded_()}scheduleHostCallbackIfNeeded_(){var{priority:i}=this.nextTaskPriority_();null!=i&&("background"!==i&&this.pendingHostCallback_&&this.pendingHostCallback_.isIdleCallback()&&(this.pendingHostCallback_.cancel(),this.pendingHostCallback_=null),this.pendingHostCallback_||(this.pendingHostCallback_=new r((()=>{this.schedulerEntryCallback_()}),i,0)))}pushTask_(t){var e;if(!i.includes(e=t.options.priority?t.options.priority:t.options.signal&&t.options.signal.priority?t.options.signal.priority:"user-visible"))throw new TypeError("Invalid task priority: "+e);if(t.options.signal&&t.options.signal.priority){var r=t.options.signal;this.signals_.has(r)||(r.addEventListener("prioritychange",(()=>{this.onPriorityChange_(r)})),this.signals_.set(r,r.priority))}this.queues_[e][t.isContinuation?0:1].push(t)}runNextTask_(){var i=null;do{var{priority:t,type:e}=this.nextTaskPriority_();if(null==t)return;i=this.queues_[t][e].takeNextTask()}while(i.isAborted());try{var r=i.callback();i.resolve(r)}catch(t){i.reject(t)}finally{i.onTaskCompleted()}}nextTaskPriority_(){for(var t=0;t<i.length;t++)for(var e=i[t],r=0;r<2;r++)if(!this.queues_[e][r].isEmpty())return{priority:e,type:r};return{priority:null,type:0}}},self.TaskController=l,self.TaskPriorityChangeEvent=a):self.scheduler.yield||(self.scheduler.yield=function(i){var t=i=>i&&"user-visible"!=i?i:"user-blocking";if((i=Object.assign({},i)).signal&&"inherit"==i.signal&&delete i.signal,i.priority&&"inherit"==i.priority&&delete i.priority,i.signal&&i.signal.aborted)return Promise.reject(i.signal.reason);var e=i.priority;!e&&i.signal&&i.signal.priority&&(e=i.signal.priority),e=t(e);var r={inputSignal:i.signal,controller:new self.TaskController({priority:e}),abortCallback:null,priorityCallback:null,onTaskAborted:function(){this.controller.abort(this.inputSignal.reason),this.abortCallback=null},onPriorityChange:function(){this.controller.setPriority(t(this.inputSignal.priority))},onTaskCompleted:function(){this.abortCallback&&(this.inputSignal.removeEventListener("abort",this.abortCallback),this.abortCallback=null),this.priorityCallback&&(this.inputSignal.removeEventListener("prioritychange",this.priorityCallback),this.priorityCallback=null)}};i.signal&&(r.abortCallback=()=>{r.onTaskAborted()},i.signal.addEventListener("abort",r.abortCallback)),i.signal&&i.signal.priority&&!i.priority&&(r.priorityCallback=()=>{r.onPriorityChange()},i.signal.addEventListener("prioritychange",r.priorityCallback));var s=self.scheduler.postTask((()=>{}),{signal:r.controller.signal});return s.then((()=>{r.onTaskCompleted()})).catch((i=>{throw r.onTaskCompleted(),i})),s})}(); DT.Scheduler=(()=>{const postTask=(task,options={})=>window.scheduler.postTask(task,options),yieldToMain=()=>window.scheduler.yield(),isInputPending=()=>navigator?.scheduling?.isInputPending?.()??!1,waitForHighPriority=(options={})=>new Promise(((resolve,reject)=>{postTask(resolve,{priority:"user-blocking",...options}).catch(reject)})),waitForMediumPriority=(options={})=>new Promise(((resolve,reject)=>{postTask(resolve,{priority:"user-visible",...options}).catch(reject)})),waitForLowPriority=(options={})=>new Promise(((resolve,reject)=>{postTask(resolve,{priority:"background",...options}).catch(reject)})),yieldIfInputPending=async()=>{if(isInputPending())return yieldToMain()};return{postTask:postTask,yieldToMain:yieldToMain,isInputPending:isInputPending,yieldIfInputPending:yieldIfInputPending,waitForHighPriority:waitForHighPriority,waitForMediumPriority:waitForMediumPriority,waitForLowPriority:waitForLowPriority}})(); DT.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),DT.isTouchDevice="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0,DT.isMac=/Macintosh/.test(navigator.userAgent),DT.log=(type,...args)=>{if(DT.enableLog)try{type in console||(type="log"),console[type](...args)}catch(_err){}},DT.onReady=function(callback){"complete"===document.readyState||"interactive"===document.readyState||"loaded"===document.readyState?callback():document.addEventListener("DOMContentLoaded",callback)},DT.onReadyIdle=(callback,timeout=50)=>{DT.onReady((()=>{DT.onIdle(callback,timeout)}))},DT.onIdle=function(callback,timeout=50){return"requestIdleCallback"in window?window.requestIdleCallback(callback,{timeout:timeout}):setTimeout(callback,timeout)},DT.idle=function(timeout=50){return new Promise((resolve=>{DT.onIdle(resolve,timeout)}))},DT.isInputPending=()=>navigator?.scheduling?.isInputPending?.()??!1,DT.yieldIfInputPending=async()=>{DT.isInputPending()&&await DT.yieldToMain()},DT.onLoad=function(callback){"complete"===document.readyState?callback():window.addEventListener("load",callback)},DT.onLoadIdle=(callback,timeout=50)=>{DT.onLoad((()=>{DT.onIdle(callback,timeout)}))},DT.nextIter=(timeout=0)=>new Promise((resolve=>{setTimeout((()=>{resolve()}),timeout)})),DT.yieldToMain=async(timeout=0)=>{if(0===timeout&&"scheduler"in window&&"yield"in window.scheduler)try{return await window.scheduler.yield()}catch(_){}return new Promise((resolve=>{setTimeout(resolve,timeout)}))},DT.onNextIter=(callback,timeout=0)=>{setTimeout((()=>{callback()}),timeout)},DT.nextFrame=()=>new Promise((resolve=>{window.requestAnimationFrame(resolve)})),DT.onNextFrame=callback=>{window.requestAnimationFrame(callback)},DT.cancelNextFrame=id=>{id&&window.cancelAnimationFrame(id)},DT.isPage=(...pages)=>pages.some((page=>page===DT.cpage)),DT.import=DT.require=function(){const urls=Array.prototype.slice.call(arguments);return Promise.all(urls.map((url=>import(url))))},DT.importOrder=DT.requireOrder=function(){const urls=Array.prototype.slice.call(arguments);return urls.reduce(((promise,url)=>promise.then((()=>import(url)))),Promise.resolve())},DT.isDtUrl=function(url){return!!this.isRelativeUrl(url)||/^(https?:\/\/)?(?:[a-z0-9-]+\.)?dreamstime\./.test(url)},DT.isRelativeUrl=function(url){return/^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/(www\.)?|[a-zA-Z0-9\-\_]+\.[a-z]{1,3}).*/i.test(url)},DT.appendQueryString=function(url,queryString){const hasQueryString=undefined,separator=undefined;return`${url}${/\?/.test(url)?"&":"?"}${queryString}`},DT.processCssImportUrl=function(url){if(!this.isDtUrl(url))return url;if(this.isDev)return`/${this.assetsBasePath}${url}`;let newUrl=url;return this.isRelativeUrl(url)&&(newUrl=`${this.cdnUrl}${this.assetsBasePath}${url}`),this.appendQueryString(newUrl,`v=${this.cssVersion}`)},DT.processJsImportUrl=function(url){if(!this.isDtUrl(url))return url;if(this.isDev)return`/${this.assetsBasePath}${url}`;let newUrl=url;return this.isRelativeUrl(url)&&(newUrl=`${this.cdnUrl}${this.assetsBasePath}${url}`),this.appendQueryString(newUrl,`v=${this.jsVersion}`)},DT.loadScripts=function(){const scripts=Array.prototype.slice.call(arguments);return new Promise((async(resolve,reject)=>{let loaded=0;const head=document.getElementsByTagName("head")[0];function checkLoaded(){loaded++,loaded===scripts.length&&resolve()}for(let i=0;i<scripts.length;i++){const script=scripts[i];let scriptSrc,fetchPriority;"object"==typeof script?(scriptSrc=script.src,fetchPriority=script.fetchPriority):scriptSrc=script;const prefetchUrlPromise=DT.prefetchWorker.getPrefetchUrlPromise(scriptSrc);prefetchUrlPromise?await prefetchUrlPromise:DT.prefetchWorker.abortPrefetchUrls(scriptSrc);const createScript=()=>{const script=document.createElement("script");script.type="text/javascript",script.src=DT.processJsImportUrl(scriptSrc),fetchPriority&&DT.useFetchPriority&&script.setAttribute("fetchpriority",fetchPriority),script.onload=checkLoaded,script.onerror=reject,head.appendChild(script)};DT._preloadedLinks[scriptSrc]?DT._preloadedLinks[scriptSrc].then(createScript).catch(reject):createScript()}}))},DT.isScriptLoaded=function(scriptSrc){return!0===DT._loadedScriptsOnce[scriptSrc]},DT.loadScriptsOnce=function(){const scripts=Array.prototype.slice.call(arguments);return new Promise((async(resolve,reject)=>{let loaded=0;const head=document.getElementsByTagName("head")[0];function checkLoaded(){loaded++,loaded===scripts.length&&resolve()}const onScriptLoadError=error=>{DT.log("error","Failed to load script",error.target.src,error),reject(error)};for(let i=0;i<scripts.length;i++){const script=scripts[i];let scriptSrc,fetchPriority="";if("object"==typeof script?(scriptSrc=script.src,fetchPriority=script.fetchPriority):scriptSrc=script,DT._loadedScriptsOnce[scriptSrc]){!0===DT._loadedScriptsOnce[scriptSrc]?checkLoaded():DT._loadedScriptsOnce[scriptSrc].then(checkLoaded).catch(reject);continue}const prefetchUrlPromise=DT.prefetchWorker.getPrefetchUrlPromise(scriptSrc);prefetchUrlPromise?await prefetchUrlPromise:DT.prefetchWorker.abortPrefetchUrls(scriptSrc),DT._loadedScriptsOnce[scriptSrc]=new Promise(((resolve,reject)=>{const createScript=()=>{const script=document.createElement("script");script.type="text/javascript",script.src=DT.processJsImportUrl(scriptSrc),fetchPriority&&DT.useFetchPriority&&script.setAttribute("fetchpriority",fetchPriority),script.onload=function(){checkLoaded(),resolve()},script.onerror=error=>{reject(error),onScriptLoadError(error)},head.appendChild(script)};if(DT._preloadedLinks[scriptSrc])return DT._preloadedLinks[scriptSrc].then(createScript).catch(reject),void 0;createScript()})),DT._loadedScriptsOnce[scriptSrc].catch(reject)}}))},DT.loadScriptsInOrder=function(){const scripts=Array.prototype.slice.call(arguments);return new Promise(((resolve,reject)=>{const head=document.getElementsByTagName("head")[0];async function loadScript(index){if(index>=scripts.length)return resolve(),void 0;const script=scripts[index];if(Array.isArray(script))return DT.loadScriptsInOrder(...script).then((()=>{loadScript(index+1)})),void 0;let scriptSrc,fetchPriority;"object"==typeof script?(scriptSrc=script.src,fetchPriority=script.fetchPriority):scriptSrc=script;const prefetchUrlPromise=DT.prefetchWorker.getPrefetchUrlPromise(scriptSrc);prefetchUrlPromise?await prefetchUrlPromise:DT.prefetchWorker.abortPrefetchUrls(scriptSrc);const createScript=()=>{const script=document.createElement("script");script.type="text/javascript",script.src=DT.processJsImportUrl(scriptSrc),fetchPriority&&DT.useFetchPriority&&script.setAttribute("fetchpriority",fetchPriority),script.onload=function(){loadScript(index+1)},script.onerror=reject,head.appendChild(script)};if(DT._preloadedLinks[scriptSrc])return DT._preloadedLinks[scriptSrc].then(createScript).catch(reject),void 0;createScript()}loadScript(0)}))},DT.loadScriptsInOrderOnce=function(){const scripts=Array.prototype.slice.call(arguments);return new Promise(((resolve,reject)=>{const head=document.getElementsByTagName("head")[0],onScriptLoadError=error=>{DT.log("error","Failed to load script",error),reject(error)};async function loadScript(index){if(index>=scripts.length)return resolve(),void 0;const script=scripts[index];if(Array.isArray(script))return DT.loadScriptsInOrderOnce(...script).then((()=>{loadScript(index+1)})),void 0;let scriptSrc,fetchPriority;if("object"==typeof script?(scriptSrc=script.src,fetchPriority=script.fetchPriority):scriptSrc=script,DT._loadedScriptsOnce[scriptSrc])return!0===DT._loadedScriptsOnce[scriptSrc]?loadScript(index+1):DT._loadedScriptsOnce[scriptSrc].then((()=>{loadScript(index+1)})).catch(reject),void 0;const prefetchUrlPromise=DT.prefetchWorker.getPrefetchUrlPromise(scriptSrc);prefetchUrlPromise?await prefetchUrlPromise:DT.prefetchWorker.abortPrefetchUrls(scriptSrc),DT._loadedScriptsOnce[scriptSrc]=new Promise(((resolve,reject)=>{const createScript=()=>{const script=document.createElement("script");script.type="text/javascript",script.src=DT.processJsImportUrl(scriptSrc),fetchPriority&&DT.useFetchPriority&&script.setAttribute("fetchpriority",fetchPriority),script.onload=function(){loadScript(index+1),resolve()},script.onerror=error=>{reject(error),onScriptLoadError(error)},head.appendChild(script)};if(DT._preloadedLinks[scriptSrc])return DT._preloadedLinks[scriptSrc].then(createScript).catch(reject),void 0;createScript()}))}loadScript(0)}))},DT.loadCSS=function(){const urls=Array.prototype.slice.call(arguments);return new Promise((async function(resolve,reject){let loaded=0;function checkLoaded(){loaded++,loaded===urls.length&&DT.afterPaint().then((()=>{resolve()}))}for(let i=0;i<urls.length;i++){const urlSrc=urls[i];let url,fetchPriority,prefetchPromise;if("object"==typeof urlSrc?(url=urlSrc.url,fetchPriority=urlSrc.fetchPriority):url=urlSrc,DT._loadedStyleSheetsOnce[url]){!0===DT._loadedStyleSheetsOnce[url]?checkLoaded():DT._loadedStyleSheetsOnce[url].then(checkLoaded).catch(reject);continue}const prefetchUrlPromise=DT.prefetchWorker.getPrefetchUrlPromise(url);prefetchUrlPromise?prefetchPromise=prefetchUrlPromise:(prefetchPromise=new Promise((resolve=>{resolve()})),DT.prefetchWorker.abortPrefetchUrls(url)),DT._loadedStyleSheetsOnce[url]=prefetchPromise.then((()=>DT.addPreloadLink({href:url,as:"style",type:"text/css",fetchPriority:fetchPriority}))).then((preloadedLink=>{preloadedLink.setAttribute("rel","stylesheet"),preloadedLink.addEventListener("load",(()=>{checkLoaded()})),preloadedLink.addEventListener("error",(err=>{DT.log("error","Failed to load CSS",err),checkLoaded()}))})).catch((preloadedLink=>{preloadedLink?(preloadedLink.setAttribute("rel","stylesheet"),preloadedLink.addEventListener("load",(()=>{checkLoaded()})),preloadedLink.addEventListener("error",(err=>{DT.log("error","Failed to load CSS",err),checkLoaded()}))):checkLoaded()}))}}))},DT._preloadedLinks={},DT.addPreloadLink=({href:href,as:as,type:type="",media:media="",prefetch:prefetch="",fetchPriority:fetchPriority=""})=>new Promise((async resolve=>{if(DT._preloadedLinks[href])return!0===DT._preloadedLinks[href]?(resolve(),void 0):DT._preloadedLinks[href].then(resolve);if("script"===type&&DT._loadedScriptsOnce[href])return!0===DT._loadedScriptsOnce[href]?(resolve(),void 0):DT._loadedScriptsOnce[href].finally(resolve);if("style"===type&&DT._loadedStyleSheetsOnce[href])return!0===DT._loadedStyleSheetsOnce[href]?(resolve(),void 0):DT._loadedStyleSheetsOnce[href].finally(resolve);const prefetchUrlPromise=DT.prefetchWorker.getPrefetchUrlPromise(href);prefetchUrlPromise?await prefetchUrlPromise:DT.prefetchWorker.abortPrefetchUrls(href),DT._preloadedLinks[href]=new Promise((resolve=>{const preloadLink=document.createElement("link");preloadLink.setAttribute("rel","preload"),preloadLink.setAttribute("as",as);let processedHref=href;"script"===as?processedHref=DT.processJsImportUrl(href):"style"===as&&(processedHref=DT.processCssImportUrl(href)),preloadLink.setAttribute("href",processedHref),preloadLink.onload=()=>{preloadLink.onload=null,resolve(preloadLink)},preloadLink.onerror=err=>{DT.log("error","Failed to preload link",err),resolve(preloadLink)},type&&preloadLink.setAttribute("type",type),prefetch&&preloadLink.setAttribute("prefetch",prefetch),fetchPriority&&DT.useFetchPriority&&preloadLink.setAttribute("fetchpriority",fetchPriority);const head=document.getElementsByTagName("head")[0];return preloadLink.relList.supports("preload")?(head.appendChild(preloadLink),void 0):"style"===as?(preloadLink.setAttribute("rel","stylesheet"),head.appendChild(preloadLink),void 0):(resolve(preloadLink),void 0)})),DT._preloadedLinks[href].then((link=>{resolve(link)}))})),DT.addPreloadLinks=(...links)=>new Promise.all([...links.map((link=>DT.addPreloadLink(link)))]),DT._lastQueuePreloadLink=new Promise((resolve=>resolve())),DT.queuePreloadLink=async link=>{const prevLoad=DT._lastQueuePreloadLink;return DT._lastQueuePreloadLink=new Promise((async resolve=>{try{await prevLoad}catch(err){}DT.addPreloadLink(link).catch((reason=>{DT.log("error","Failed to preload link",reason)})).finally(resolve)})),DT._lastQueuePreloadLink},DT._lastQueueLoadDeps=new Promise((resolve=>resolve())),DT.queueLoadDeps=async loadDeps=>{if("function"!=typeof loadDeps)return;const prevLoad=DT._lastQueueLoadDeps;return DT._lastQueueLoadDeps=new Promise((async resolve=>{try{await prevLoad}catch(err){DT.log("error","Fail prev deps load",err)}await DT.idle();try{await loadDeps()}catch(err){DT.log("error","Failed to queue load deps",err)}resolve()})),DT._lastQueueLoadDeps},DT.queueDepsOnLoad=loadDeps=>new Promise((resolve=>{DT.onLoadIdle((async()=>{try{await DT.queueLoadDeps(loadDeps)}finally{resolve()}}))})),DT.loadDeps=({js:js=[],css:css=[]},priority="",{loadJs:loadJs=!0,loadCss:loadCss=!0}={})=>{const loadPromises=[];if(loadJs||loadCss||(loadJs=!0,loadCss=!0),loadJs){const loadScriptsOnce=[];for(let i=0;i<js.length;i++){const jsUrl=js[i];Array.isArray(jsUrl)?priority?loadPromises.push(DT.loadScriptsInOrderOnce(...jsUrl.map((url=>({src:url,fetchPriority:priority}))))):loadPromises.push(DT.loadScriptsInOrderOnce(...jsUrl)):priority?loadScriptsOnce.push({src:jsUrl,fetchPriority:priority}):loadScriptsOnce.push(jsUrl)}loadScriptsOnce.length&&loadPromises.push(DT.loadScriptsOnce(...loadScriptsOnce))}return loadCss&&css.length&&loadPromises.push(DT.loadCSS(...css)),Promise.all(loadPromises)},DT.createLoadDeps=(deps,priority="")=>(options={})=>DT.loadDeps(deps,priority,options),DT.loadLazyDeps=(lazyDeps,priority="")=>{const deps=DT.collectDeps(DT.parseLazyDeps(lazyDeps));return deps?DT.loadDeps(deps,priority):Promise.resolve()},DT.prefetchWorker={queuedUrls:{},fetchedUrlsFinished:{},fetchedUrls:{},worker:null,getPrefetchUrlPromise(url){return this.fetchedUrls[url]},log(data){DT.log(data.level,data.message)},onWorkerMessage(event){if("log"===event?.data?.type)return DT.prefetchWorker.log(event.data),void 0;event?.data&&"start_fetch"===event.data.type&&!DT.prefetchWorker.fetchedUrls[event.data.url]&&(DT.prefetchWorker.fetchedUrls[event.data.url]=new Promise((resolve=>{const startFetchUrl=event.data.url,handler=endFetchEvent=>{endFetchEvent?.data&&"end_fetch"===endFetchEvent.data.type&&endFetchEvent.data.url===startFetchUrl&&(DT.prefetchWorker.fetchedUrlsFinished[startFetchUrl]=!0,DT.prefetchWorker.worker.removeEventListener("message",handler),resolve())};DT.prefetchWorker.worker.addEventListener("message",handler)})))},processUrls:(urls=[])=>urls.map((url=>{if(!url)return null;const cleanUrl=url.split("?")[0];let processedUrl,contentType;switch(!0){case cleanUrl.endsWith(".js"):case cleanUrl.endsWith(".js.php"):processedUrl=DT.processJsImportUrl(url),contentType="text/javascript";break;case cleanUrl.endsWith(".css"):case cleanUrl.endsWith(".css.php"):processedUrl=DT.processCssImportUrl(url),contentType="text/css";break;default:processedUrl=url;break}return{originalUrl:url,url:processedUrl,contentType:contentType}})).filter((url=>null!==url)),prefetchUrls(urls,priority="auto"){if(!this.worker||!urls.length)return;const validUrls=urls.filter((url=>!(DT._preloadedLinks[url]||DT._loadedScriptsOnce[url]||DT._loadedStyleSheetsOnce[url]||this.queuedUrls[url]||this.abortedUrls[url]||this.fetchedUrlsFinished[url]))),processedUrls=this.processUrls(validUrls);processedUrls.length&&(processedUrls.forEach((url=>{this.queuedUrls[url.originalUrl]=!0})),this.worker.postMessage({type:"prefetchUrls",urls:processedUrls,priority:priority}))},queuePrefetchUrls(urls,priority="low"){if(!this.worker||!urls.length)return;const validUrls=urls.filter((url=>!(DT._preloadedLinks[url]||DT._loadedScriptsOnce[url]||DT._loadedStyleSheetsOnce[url]||this.queuedUrls[url]||this.abortedUrls[url]||this.fetchedUrlsFinished[url]))),processedUrls=this.processUrls(validUrls);processedUrls.length&&(processedUrls.forEach((url=>{this.queuedUrls[url.originalUrl]=!0})),this.worker.postMessage({type:"queuePrefetchUrls",urls:processedUrls,priority:priority}))},abortedUrls:{},abortPrefetchUrls(...urls){if(!this.worker||!urls.length)return;const validUrls=urls.filter((url=>!this.abortedUrls[url]&&!this.fetchedUrlsFinished[url])),processedUrls=this.processUrls(validUrls);processedUrls.length&&(processedUrls.forEach((url=>{this.abortedUrls[url.originalUrl]=!0})),this.worker.postMessage({type:"abortPrefetchUrls",urls:processedUrls}))},queuePrefetchUrlsOnReady(urls,priority="high"){DT.onReadyIdle((()=>{this.queuePrefetchUrls(urls,priority)}))},queuePrefetchUrlsOnLoad(urls,priority="low"){DT.onLoadIdle((()=>{this.queuePrefetchUrls(urls,priority)}))},init(){try{this.worker=new Worker(DT.prefetchWorkerUrl,{name:"DT Prefetch Worker"}),this.worker.addEventListener("message",this.onWorkerMessage)}catch(err){this.worker=null,DT.log("error","Failed to create Prefetch Worker",err)}}},DT.queuePrefetchDeps=({js:js=[],css:css=[]},priority="low",direct=!1)=>{const prefetchUrls=[],addNestedUrls=urls=>{for(let i=0;i<urls.length;i++){const url=urls[i];Array.isArray(url)?addNestedUrls(url):prefetchUrls.push(url)}};addNestedUrls(js),addNestedUrls(css),direct?DT.prefetchWorker.prefetchUrls(prefetchUrls,priority):DT.prefetchWorker.queuePrefetchUrls(prefetchUrls,priority)},DT.onReadyIdle((()=>{DT.usePrefetchWorker&&"undefined"!=typeof Worker&&null===DT.prefetchWorker.worker&&DT.prefetchWorker.init()})),DT.debounce=function(func,threshold=200,execAsap){var timeout;return function debounced(){var obj=this,args=arguments;function delayed(){execAsap||func.apply(obj,args),timeout=null}timeout?clearTimeout(timeout):execAsap&&func.apply(obj,args),timeout=setTimeout(delayed,threshold)}},DT.throttle=function(func,limit=200){var wait=!1;return function(){var obj=this,args=arguments;wait||(func.apply(obj,args),wait=!0,setTimeout((function(){wait=!1}),limit))}},DT._callbacksNotifyFirstMouseMove=[],DT._callbacksNotifyFirstMouseMoveTriggered=!1,DT.notifyFirstMouseMove=(...callbacks)=>{DT._callbacksNotifyFirstMouseMove.push(...callbacks)},DT.notifierOnFirstMouseMove=()=>{if(!DT._callbacksNotifyFirstMouseMoveTriggered){DT._callbacksNotifyFirstMouseMoveTriggered=!0,document.removeEventListener("scroll",DT.notifierOnFirstMouseMove),document.removeEventListener("mousemove",DT.notifierOnFirstMouseMove),DT.isMobile&&document.removeEventListener("touchmove",DT.notifierOnFirstMouseMove),document.removeEventListener("pointermove",DT.notifierOnFirstMouseMove);for(let i=0;i<DT._callbacksNotifyFirstMouseMove.length;i++)try{DT._callbacksNotifyFirstMouseMove[i]()}catch(_err){}}},DT.onReady((()=>{document.addEventListener("scroll",DT.notifierOnFirstMouseMove),document.addEventListener("mousemove",DT.notifierOnFirstMouseMove),DT.isMobile&&document.addEventListener("touchmove",DT.notifierOnFirstMouseMove),document.addEventListener("pointermove",DT.notifierOnFirstMouseMove)})),DT.loadHtml=async({element:element,url:url,asOuterHtml:asOuterHtml=!1,fetchOptions:fetchOptions,allowOnlyDtUrl:allowOnlyDtUrl=!0})=>{"string"==typeof element&&(element=document.querySelector(element));let htmlUrl=url;if(DT.isRelativeUrl(htmlUrl))0===htmlUrl.indexOf("/")&&(htmlUrl=htmlUrl.slice(1)),htmlUrl=`${DT.ajaxBase}${htmlUrl}`;else if(allowOnlyDtUrl&&!DT.isDtUrl(htmlUrl))return;const response=await fetch(htmlUrl,fetchOptions);if(!response.ok)throw new Error(`HTTP error: ${response.status}`);const html=await response.text();if("CheckLogin"===html)return location.reload(),void 0;asOuterHtml?element.outerHTML=html:element.innerHTML=html},DT.jsonData={},DT.parseJSONData=dataId=>{var oData=document.getElementById(dataId);return!(!oData||!oData.text)&&JSON.parse(oData.text)},DT.parseJsonHtml=templateName=>{let html=null;try{const data=DT.parseJSONData(`json-html-${templateName}`);if(!data)return null;html=data.html}catch(error){return DT.log("error","Failed to parse JSON template",error),null}if(!html)return null;const placeholder=document.createElement("div");return placeholder.innerHTML=html,placeholder.firstElementChild},DT.isNullish=value=>null==value,DT.toType=obj=>Object.prototype.toString.call(obj).slice(8,-1).toLowerCase(),DT.isObject=value=>"object"===DT.toType(value),DT.deepMerge=(...sources)=>{let returnValue={};for(const source of sources)if(Array.isArray(source))Array.isArray(returnValue)||(returnValue=[]),returnValue=[...returnValue,...source];else if(DT.isObject(source))for(let[key,value]of Object.entries(source))DT.isObject(value)&&key in returnValue&&(value=DT.deepMerge(returnValue[key],value)),returnValue={...returnValue,[key]:value};return returnValue},DT.setCookie=function(name,value,expires,path,domain,secure){expires||(expires=30);var today=new Date,expires2=new Date(today.getTime()+864e5*expires);document.cookie=name+"="+encodeURIComponent(value)+(expires?"; expires="+expires2.toGMTString():"")+(path?"; path="+path:"; path=/")+(domain?"; domain="+domain:"; domain=.dreamstime.com")+(secure?"; secure":"")},DT.getCookie=function(name){var dc=document.cookie,prefix=name+"=",begin=dc.indexOf("; "+prefix);if(-1==begin){if(0!=(begin=dc.indexOf(prefix)))return null}else begin+=2;var end=document.cookie.indexOf(";",begin);return-1==end&&(end=dc.length),decodeURIComponent(dc.substring(begin+prefix.length,end))},DT.deleteCookie=function(name,path,domain){DT.getCookie(name)&&(document.cookie=name+"="+(path?"; path="+path:"")+(domain?"; domain="+domain:"")+"; expires=Thu, 01-Jan-70 00:00:01 GMT")},DT.parseLazyDeps=deps=>{const parsedDeps={};for(const[key,value]of Object.entries(deps))parsedDeps[key]=value.toString().split(",").map((urlKey=>{const urlKeyTrimmed=urlKey.toString().trim(),deps=DT.htmlLazyDeps[urlKeyTrimmed];return deps||(DT.isDtUrl(urlKeyTrimmed)?urlKeyTrimmed:"")}));return parsedDeps},DT.isElement=element=>element instanceof Element||element instanceof Document,DT.getElement=selectorOrElement=>{try{return"string"==typeof selectorOrElement?document.querySelector(selectorOrElement):selectorOrElement}catch(_){return null}},DT.collectDeps=deps=>{const js=[],css=[];for(let[key,value]of Object.entries(deps))Array.isArray(value)||(value=[value]),key.startsWith("js-order")?js.push([...value]):key.startsWith("js")?js.push(...value):key.startsWith("css")&&css.push(...value);return{js:js,css:css}},DT.loadDepsFromTree=element=>{const elements=[...element.querySelectorAll("[data-lazy-deps]")];return element.dataset?.lazyDeps&&elements.push(element),elements.length?Promise.all(elements.map((element=>{const jsonDeps=element.dataset?.lazyDeps,parsedDeps=DT.parseLazyDeps(JSON.parse(jsonDeps)),deps=DT.collectDeps(parsedDeps);return DT.createLoadDeps(deps,"high")()}))):Promise.resolve()},DT.insertTemplate=async(templateOrSelector,elementOrSelector,position="append")=>{const template=DT.getElement(templateOrSelector),element=DT.getElement(elementOrSelector);if(!template||!element)return;const templateElement=template.content.cloneNode(!0);return await DT.loadDepsFromTree(templateElement),"append"===position?element.appendChild(templateElement):element.prepend(templateElement),templateElement},DT.afterPaint=async(callback=null)=>(await DT.nextFrame(),callback?(DT.onNextIter(callback),void 0):DT.nextIter()); DT.UI={loadingTimeouts:new WeakMap,showLoading({element:element,type:type="area",theme:theme="dark",size:size=null,positionRelative:positionRelative=!1,timeout:timeout=null,isPage:isPage=!1}){if(!(element=DT.getElement(element)))return;if(clearTimeout(this.loadingTimeouts.get(element)),"button"===type&&(type="btn"),!timeout)return this._showLoading({element:element,type:type,theme:theme,size:size,positionRelative:positionRelative,isPage:isPage}),DT.nextIter();const timeoutId=setTimeout((async()=>{await DT.yieldIfInputPending(),this._showLoading({element:element,type:type,theme:theme,size:size,positionRelative:positionRelative,isPage:isPage})}),timeout);return this.loadingTimeouts.set(element,timeoutId),DT.nextIter()},_showLoading({element:element,type:type="area",theme:theme="dark",size:size=null,positionRelative:positionRelative=!1,isPage:isPage=!1}){const elem=DT.getElement(element);if(!elem)return;const prevState=this.get(elem);if(elem.setAttribute("data-loading-type",type),"area"===type){const loadingArea=this.makeLoadingArea(isPage);elem.appendChild(loadingArea);const borderRadius=window.getComputedStyle(elem).borderRadius;borderRadius&&"0px"!==borderRadius&&loadingArea.style.setProperty("--loading-area-border-radius",borderRadius)}elem.setAttribute("data-loading",theme),size&&elem.setAttribute("data-loading-size",size),positionRelative&&elem.setAttribute("data-pos",""),prevState&&elem.setAttribute("data-loading-prev-state",prevState),this.unset(elem)},makeLoadingArea(isPage=!1){const element=document.createElement("div");return element.classList.add("loading","js-loading-area"),isPage&&element.setAttribute("data-page-loading",""),element},hideLoading(selectorOrElement){const element=DT.getElement(selectorOrElement);if(!element)return;const prevState=element.getAttribute("data-loading-prev-state"),area=element.querySelector(".js-loading-area");element.removeAttribute("data-loading-type"),element.removeAttribute("data-loading"),element.removeAttribute("data-loading-size"),element.removeAttribute("data-pos"),area?.remove(),prevState&&(this.set(element,prevState),element.removeAttribute("data-loading-prev-state")),clearTimeout(this.loadingTimeouts.get(element))},showPageLoading(theme="dark"){return this.showLoading({element:document.body,type:"area",theme:theme,isPage:!0})},hidePageLoading(){this.hideLoading(document.body)},isLoading:selectorOrElement=>DT.getElement(selectorOrElement)?.hasAttribute("data-loading"),set(selectorOrElement,state){DT.getElement(selectorOrElement)?.setAttribute("data-state",state)},unset(selectorOrElement){DT.getElement(selectorOrElement)?.removeAttribute("data-state")},unsetIf(selectorOrElement,state){this.is(selectorOrElement,state)&&this.unset(selectorOrElement)},get:selectorOrElement=>DT.getElement(selectorOrElement)?.getAttribute("data-state"),is(selectorOrElement,state){return this.get(selectorOrElement)===state},toggle(selectorOrElement,state){if(this.is(selectorOrElement,state))return this.unset(selectorOrElement),void 0;this.set(selectorOrElement,state)},toggleCustom(selectorOrElement,stateOn,stateOff){if(this.is(selectorOrElement,stateOn))return this.set(selectorOrElement,stateOff),void 0;this.set(selectorOrElement,stateOn)},setCustom(selectorOrElement,attribute,value){DT.getElement(selectorOrElement)?.setAttribute(`data-${attribute}`,value)},unsetCustom(selectorOrElement,attribute){DT.getElement(selectorOrElement)?.removeAttribute(`data-${attribute}`)},offset(element){const box=element.getBoundingClientRect(),scrollX=window.pageXOffset,scrollY=window.pageYOffset,clientTop=document.documentElement.clientTop,clientLeft=document.documentElement.clientLeft,left=box.left+scrollX-clientLeft,right=box.right+scrollX-clientLeft;return{top:box.top+scrollY-clientTop,left:left,right:right,bottom:box.bottom+scrollY-clientTop,inlineStart:DT.isRtl?right:left,inlineEnd:DT.isRtl?left:right}}}; DT.htmlLazyLoad={directPrefetch:!0,initializers:{},visibleMarginPx:100,events:new Set,deps:new Map,loading:new Set,loaded:new Set,loadingPromises:new Map,prefix:"data-dt-",broadcastTargets:{},getDepsUrls(element,attr,first=!1){const isAjax=this.hasAttr(element,"ajax"),urls=this.getAttr(element,attr)?.split(",").map((urlKey=>{const urlKeyTrimmed=urlKey.trim();return isAjax&&DT.isDtUrl(urlKeyTrimmed)?urlKeyTrimmed:DT.htmlLazyDeps[urlKeyTrimmed]}));return first?urls?.[0]:urls},setLoaded(id){this.loaded.add(id)},setLoading(id){this.loading.add(id)},createEvent:(eventName,detail)=>new CustomEvent(eventName,{detail:detail}),isOnDocumentEvent(eventName){return eventName.startsWith(`${this.prefix}on-document`)},isOnWindowEvent(eventName){return eventName.startsWith(`${this.prefix}on-window`)},broadcast(infix,ev,type=ev.type){try{const keyPrefix=`${infix}-`,keyDefault=`${keyPrefix}${type}`,keyKeyboard=ev instanceof KeyboardEvent?`${keyPrefix}key-${ev.key.toLowerCase()}`:null,elements=this.broadcastTargets[keyDefault],elementsKeyboard=keyKeyboard?this.broadcastTargets[keyKeyboard]:null;elements?.length&&elements.forEach((target=>{document.contains(target)&&this.dispatch(target,infix,ev)})),elementsKeyboard?.length&&elementsKeyboard.forEach((target=>{document.contains(target)&&this.dispatch(target,infix,ev)}))}catch(err){DT.log("error","Failed to broadcast",err)}},getAttr(element,attr){return element.getAttribute(`${this.prefix}${attr}`)},hasAttr(element,attr){return element.hasAttribute(`${this.prefix}${attr}`)},getRootElement(id){return document.querySelector(`[${this.prefix}id="${id}"][${this.prefix}root]`)},getDispatchTarget(element,id,ev){if(!this.hasAttr(element,"dispatch-target"))return element;try{const selector=this.getAttr(element,"dispatch-target");return"original"===selector?ev.target??element:"document"===selector?document.body:"window"===selector?window:"root"===selector?this.getRootElement(id):document.querySelector(selector)}catch(err){DT.log("error","Failed to get dispatchTarget, use element",err)}return element},doAction({id:id,element:element,ev:ev,eventName:eventName,isPreventDefault:isPreventDefault}){let action="dispatch";switch(this.hasAttr(element,`action${eventName}`)?action=this.getAttr(element,`action${eventName}`):this.hasAttr(element,"action")&&(action=this.getAttr(element,"action")),action){case"dispatch":{const dispatchTarget=this.getDispatchTarget(element,id,ev),customDispatchEvent=this.getAttr(element,"dispatch-event"),dispatchNextIter=()=>{try{if(customDispatchEvent&&customDispatchEvent!==ev.type)return dispatchTarget.dispatchEvent(new Event(customDispatchEvent,{bubbles:!0,cancelable:!0})),void 0;isPreventDefault?dispatchTarget.dispatchEvent(new ev.constructor(ev.type,{...ev,bubbles:!0,cancelable:!0})):dispatchTarget.dispatchEvent(ev)}catch(err){DT.log("error",`DT Loader failed to dispatch event ${ev.type} with name ${eventName} for id ${id}`,err)}};return DT.onNextIter(dispatchNextIter),void 0}case"call":{const obj=this.getAttr(element,"obj"),method=this.getAttr(element,"method"),objRoot=this.hasAttr(element,"obj-dt")?DT:window;try{if(obj){const objPath=obj.split(".");let object=objRoot;objPath.forEach((path=>object=object[path])),object[method](ev,element)}else objRoot[method](ev,element)}catch(err){DT.log("error","Failed to call obj method",err)}return}case"custom-dispatch":{const dispatchTarget=this.getDispatchTarget(element,id,ev),customEventName=this.getAttr(element,"dispatch-event")??ev.type,detail=this.getAttr(element,"dispatch-detail")??"";return DT.onNextIter((()=>{dispatchTarget.dispatchEvent(this.createEvent(customEventName,detail))})),void 0}case"init":{const initializer=this.getAttr(element,"init");try{DT.htmlLazyLoad.initializers[initializer](ev,element)}catch(err){DT.log("error","Failed to call init",err)}return}case"root":{const rootElement=this.getRootElement(id);if(rootElement===element)return;return this.doAction({id:id,element:rootElement,ev:ev,eventName:eventName,isPreventDefault:isPreventDefault}),void 0}default:return}},load:{async default({loadDeps:loadDeps}){await loadDeps()},async html({loadDeps:loadDeps,loader:loader,element:element}){const urlKey=loader.getAttr(element,"html"),url=DT.htmlLazyDeps[urlKey.trim()],loadTarget=loader.getAttr(element,"html-target")??element,asOuterHtml=loader.hasAttr(element,"html-outer");await loadDeps({loadJs:!1}),await DT.loadHtml({element:loadTarget,url:url,asOuterHtml:asOuterHtml}),await loadDeps({loadCss:!1})}},async getLoadingElemByBreakpoint(element){let loadingElem=element;const loadingBpAttrs=element.getAttributeNames().filter((attr=>attr.startsWith(`${this.prefix}loading-target-`)));return loadingBpAttrs.length?(await DT.loadScriptsOnce("js/breakpoints.js"),loadingBpAttrs.forEach((attr=>{const breakpoint=attr.replace(`${this.prefix}loading-target-`,"");DT.breakpoints.is(breakpoint)&&(loadingElem=document.querySelector(element.getAttribute(attr)))})),loadingElem):loadingElem},async displayLoading({element:element,eventName:eventName}){let isLoadingDisplayed=!1,loadingElem=null;if(!this.hasAttr(element,"show-loading"))return{isLoadingDisplayed:isLoadingDisplayed,loadingElem:loadingElem};if(this.hasAttr(element,"loading-for")){const loadingFor=this.getAttr(element,"loading-for"),eventNameClean=eventName.replace("-","");if(!loadingFor.includes(eventName)&&!loadingFor.includes(eventNameClean))return{isLoadingDisplayed:isLoadingDisplayed,loadingElem:loadingElem}}if(isLoadingDisplayed=!0,loadingElem=element,this.hasAttr(element,"loading-target")){const loadingElemType=this.getAttr(element,"loading-target");if("bp"===loadingElemType)loadingElem=await this.getLoadingElemByBreakpoint(element);else if(loadingElemType.startsWith("closest:")){const closestSelector=loadingElemType.replace("closest:","");loadingElem=element.closest(closestSelector)}else if(loadingElemType.startsWith("scope:")){const scopeSelector=loadingElemType.replace("scope:","");loadingElem=element.querySelector(`:scope ${scopeSelector}`)}else loadingElem=document.querySelector(loadingElemType)}return DT.UI.isLoading(loadingElem)||(DT.UI.showLoading({element:loadingElem,type:this.getAttr(element,"loading-type"),theme:this.getAttr(element,"loading-theme"),size:this.getAttr(element,"loading-size"),positionRelative:this.hasAttr(element,"loading-relative"),timeout:parseInt(this.getAttr(element,"loading-delay"),10)||null}),await DT.Scheduler.yieldToMain()),{isLoadingDisplayed:isLoadingDisplayed,loadingElem:loadingElem}},isAllowed({element:element,event:event}){switch(!0){case event instanceof PointerEvent:{if(!this.hasAttr(element,"mouse-button")||"mouse"!==event.pointerType)return!0;const mouseButton=undefined;return this.getAttr(element,"mouse-button").split(",").includes(event.button.toString())}default:return!0}},async displaySecondaryLoading(element,eventName,id){if(DT.UI.isLoading(element))return;const{isLoadingDisplayed:isLoadingDisplayed,loadingElem:loadingElem}=await this.displayLoading({element:element,eventName:eventName});if(isLoadingDisplayed)try{await this.loadingPromises.get(id)}finally{DT.UI.hideLoading(loadingElem)}},async dispatch(element,prefix="",ev){const id=this.getAttr(element,"id");if(!id||this.loaded.has(id))return;let eventName=`${prefix}-${ev.type}`;if(ev instanceof KeyboardEvent){const eventKey=ev.key.toLowerCase();this.hasAttr(element,`on${prefix}-key-${eventKey}`)&&(eventName=`${prefix}-key-${eventKey}`)}let isPreventDefault=!1;if(this.hasAttr(element,`on${eventName}-preventdefault`)&&(ev.preventDefault(),isPreventDefault=!0),!this.hasAttr(element,`on${eventName}`)||DT.isTouchDevice&&this.hasAttr(element,`on${eventName}-no-touch`)||!this.isAllowed({element:element,event:ev}))return;if(await DT.Scheduler.waitForHighPriority(),this.loading.has(id))return this.displaySecondaryLoading(element,eventName,id),void 0;this.loading.add(id);const elementDeps=this.deps.get(id),loadDeps=DT.createLoadDeps(elementDeps,"high"),{isLoadingDisplayed:isLoadingDisplayed,loadingElem:loadingElem}=await this.displayLoading({element:element,eventName:eventName});try{const loadDepsType=this.hasAttr(element,"html")?"html":"default",loadingPromise=this.load[loadDepsType]({loadDeps:loadDeps,element:element,loader:this});this.loadingPromises.set(id,loadingPromise),await loadingPromise,this.loaded.add(id),isLoadingDisplayed&&(DT.UI.hideLoading(loadingElem),await DT.afterPaint()),this.doAction({id:id,element:element,ev:ev,eventName:eventName,isPreventDefault:isPreventDefault})}catch(err){this.loaded.add(id),isLoadingDisplayed&&DT.UI.hideLoading(loadingElem),DT.log("error",`Failed to lazy load ${id} reason: ${err}`,err)}},processWindowEvent(ev){this.broadcast("-window",ev,ev.type)},async processDocumentEvent(ev){let type=ev.type,element=ev.target;for(this.broadcast("-document",ev,type);element&&element.getAttribute;)await this.dispatch(element,"",ev),element=ev.bubbles?element.parentElement:null},push(eventName){if(!eventName||this.events.has(eventName))return;let domEventName=eventName;eventName.startsWith("key-")&&(domEventName="keydown"),document.addEventListener(domEventName,this.processDocumentEvent.bind(this),{capture:!0,passive:!1}),window.addEventListener(domEventName,this.processWindowEvent.bind(this)),this.events.add(eventName)},addTree(rootElem){rootElem&&(this.add(rootElem),rootElem.querySelectorAll(`:scope [${this.prefix}id]`).forEach((elem=>this.add(elem))))},initMutationObserver(){this.mutationObserver=new MutationObserver((async mutations=>{await DT.Scheduler.waitForHighPriority(),mutations.forEach((mutation=>{"childList"===mutation.type&&mutation.addedNodes.forEach((node=>{node.nodeType===Node.ELEMENT_NODE&&(this.addTree(node),DT.loadDepsFromTree(node))}))}))})),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0}),document.dispatchEvent(new Event("dt_loader:mutation-observer-init"))},getUrlsFromLazyDeps(lazyDeps){const parsedDeps=DT.parseLazyDeps(JSON.parse(lazyDeps));return Object.values(parsedDeps).flat(3)},prefetchLazyDeps(){DT.onLoad((()=>{const elements=[...document.querySelectorAll("[data-lazy-deps]")],templates=[...document.querySelectorAll("template")];elements?.forEach((element=>{try{DT.prefetchWorker.queuePrefetchUrls(this.getUrlsFromLazyDeps(element.dataset.lazyDeps))}catch(_){}})),templates?.forEach((template=>{const elements=undefined;[...template.content.querySelectorAll("[data-lazy-deps]")]?.forEach((element=>{try{DT.prefetchWorker.queuePrefetchUrls(this.getUrlsFromLazyDeps(element.dataset.lazyDeps))}catch(_){}}))}))}))},pushBroadcastTarget(broadcastPrefix,element,eventName){const key=`${broadcastPrefix}-${eventName}`;this.broadcastTargets[key]||(this.broadcastTargets[key]=[]),this.broadcastTargets[key].push(element)},add(element){const id=this.getAttr(element,"id");if(!id)return;const attributeNames=element.getAttributeNames(),elementEvents=attributeNames.filter((attr=>attr.startsWith(`${this.prefix}on`)));if((!elementEvents.length||elementEvents.some((ev=>!ev.endsWith("-preventdefault"))))&&(elementEvents.forEach((eventName=>{const domEvent=eventName.replace("-window","").replace("-document","").replace(`${this.prefix}on-`,"").replace("-preventdefault","");this.push(domEvent),this.isOnDocumentEvent(eventName)&&this.pushBroadcastTarget("-document",element,domEvent),this.isOnWindowEvent(eventName)&&this.pushBroadcastTarget("-window",element,domEvent),["ready","load"].includes(domEvent)&&this.pushBroadcastTarget("",element,domEvent)})),this.hasAttr(element,"root")&&!this.deps.has(id)))try{const js=[],css=[];let prefetchOnlyDeps=[];if(this.hasAttr(element,"js")){const urls=this.getDepsUrls(element,"js");js.push(...urls)}const jsOrderAttr=undefined;if(attributeNames.filter((attr=>attr.startsWith(`${this.prefix}js-order`))).forEach((attr=>{const urls=this.getDepsUrls(element,attr.replace(this.prefix,""));js.push([...urls])})),this.hasAttr(element,"css")){const urls=this.getDepsUrls(element,"css");css.push(...urls)}this.hasAttr(element,"prefetch-deps")&&(prefetchOnlyDeps=this.getDepsUrls(element,"prefetch-deps"));const priority=this.getAttr(element,"priority")??"low",prefetchOnlyDepsPriority=this.getAttr(element,"prefetch-deps-priority")??"low",prefetchOnlyDepsDirect=this.hasAttr(element,"prefetch-deps-direct"),elementDeps={js:js,css:css};this.deps.set(id,elementDeps);const doPrefetchOnlyDeps=async()=>{if(prefetchOnlyDeps?.length){if(await DT.nextIter(),prefetchOnlyDepsDirect)return DT.prefetchWorker.prefetchUrls(prefetchOnlyDeps,prefetchOnlyDepsPriority),void 0;DT.prefetchWorker.queuePrefetchUrls(prefetchOnlyDeps,prefetchOnlyDepsPriority)}};"load"===this.getAttr(element,"prefetch")?DT.onLoadIdle((()=>{DT.queuePrefetchDeps(elementDeps,priority,this.directPrefetch),doPrefetchOnlyDeps()})):(DT.queuePrefetchDeps(elementDeps,priority,this.directPrefetch),doPrefetchOnlyDeps())}catch(error){DT.log("error","Failed to lazy load from element",error)}},init(){DT.onReadyIdle((async()=>{const elements=document.querySelectorAll(`[${this.prefix}id]`);let processed=0;const PROCESSED_BREAK_TASK=25;for(const element of elements)this.add(element),processed++,processed>=25&&(await DT.Scheduler.yieldToMain(),processed=0);if(this.events.has("visible")){const results=document.querySelectorAll(`[${this.prefix}on-visible]`),observer=new IntersectionObserver((entries=>{for(const entry of entries)entry.isIntersecting&&(observer.unobserve(entry.target),this.dispatch(entry.target,"",this.createEvent("visible",entry)))}),{rootMargin:`${this.visibleMarginPx}px`});results.forEach((el=>observer.observe(el)))}if(this.events.has("not-visible")){const results=document.querySelectorAll(`[${this.prefix}on-not-visible]`),observer=new IntersectionObserver((entries=>{for(const entry of entries)entry.isIntersecting||(observer.unobserve(entry.target),this.dispatch(entry.target,"",this.createEvent("not-visible",entry)))}),{threshold:1});results.forEach((el=>observer.observe(el)))}this.events.has("ready")&&DT.onIdle((()=>this.broadcast("",this.createEvent("ready")))),this.events.has("load")&&DT.onLoadIdle((()=>this.broadcast("",this.createEvent("load")))),this.initMutationObserver(),this.prefetchLazyDeps(),DT.onNextIter((()=>{document.dispatchEvent(new Event("dt_loader:init"))}))}))}},DT.htmlLazyLoad.init(); DT.onLoad((()=>{DT.loadScriptsOnce("js/push.js")})); DT.onReady((()=>{if(void 0!==DT.toast)return;let isInitializing=!1,resolve,reject,initPromise=new Promise(((_resolve,_reject)=>{resolve=_resolve,reject=_reject}));const initializer=async(...params)=>{if(isInitializing)return initPromise.then((()=>{DT.toast?.(...params)}));isInitializing=!0;try{const initPromise=fetch(`${DT.componentsBasePath}Toast/init.ajax.php`),depsPromise=DT.loadScriptsOnce("js/ajax_html.js"),[response]=await Promise.all([initPromise,depsPromise]);if(!response.ok)return;return await DT.ajaxHtml.fromResponse(response,(html=>{html&&document.body.insertAdjacentHTML("beforeend",html)})),DT.toast===initializer?(DT.toast=null,void 0):DT.toast?.(...params)}catch(error){return DT.log("error","Failed to load toast component",error),()=>{}}finally{isInitializing=!1,resolve()}};DT.toast=initializer})); DT.onReadyIdle((()=>{document.addEventListener("click",(event=>{const button=event.target.closest(".js-password-toggle-btn");if(!button)return;event.preventDefault();const inputSelector=button.getAttribute("data-input"),input=document.querySelector(inputSelector);input&&("password"===input.type?(input.type="text",button.setAttribute("aria-pressed","true")):(input.type="password",button.setAttribute("aria-pressed","false")))}))})); document.addEventListener("paste",function(e){var t=e.target;if(t&&t.closest&&t.closest('.js-search-input, .js-header-search-input, input[name="srh_field"]')){var r=function(e){var t=e.clipboardData||window.clipboardData;if(!t)return null;var r=t.files;if(r&&r.length&&/^image\//.test(r[0].type))return r[0];for(var i=t.items||[],a=0;a<i.length;a++)if("file"==i[a].kind&&/^image\//.test(i[a].type)){var l=i[a].getAsFile();if(l)return l}return null}(e);if(r){var i=t.closest("form[data-puzzle]"),a=i?i.getAttribute("data-puzzle"):"off";if("off"!=a)if(e.preventDefault(),"register"!=a){try{t.value=""}catch(e){}DT.loadScriptsInOrderOnce("js/plugins/hermite.js","js/jquery.js","js/plugins/puzzle.js").then(function(){if("undefined"==typeof puzzle||!puzzle.searchFile)throw new Error("puzzle.searchFile is not available");puzzle.searchFile(r)}).catch(function(e){DT.log("error","Failed to load puzzle for a pasted image",e)})}else window.location.href=i.getAttribute("data-puzzle-register")}}}); DT.onReady((()=>{const combobox=document.querySelector(".js-search-combobox"),input=combobox.querySelector(".js-search-input"),wrapper=document.querySelector(".js-search-autocomplete"),content=wrapper.querySelector(".js-content"),accessibilityStatus=wrapper.querySelector(".js-accessibility-status"),isLogSelection=wrapper.hasAttribute("data-log-selection"),logUrl=wrapper.getAttribute("data-log-url"),searchForm=document.querySelector(".js-search-form");let suggestionsController=null,stateController=null,keyboardInteractionController=null,state="close",currentInputValue=input.value;const statusTexts={noSuggestions:wrapper.getAttribute("data-no-suggestions-text"),fetching:wrapper.getAttribute("data-fetching-text"),multipleResults:wrapper.getAttribute("data-multiple-results-text"),oneResult:wrapper.getAttribute("data-one-result-text")},fetchUrl=wrapper.getAttribute("data-fetch-url");let lazyDepsInitiated=!1;const initLazyDeps=async()=>{if(lazyDepsInitiated)return;let deps;try{const jsonDeps=wrapper.dataset?.lazyDeps,parsedDeps=DT.parseLazyDeps(JSON.parse(jsonDeps));deps=DT.collectDeps(parsedDeps)}catch(error){DT.log("warn","Failed to parse SearchAutocomplete lazy deps: ",error)}if(deps){try{await DT.createLoadDeps(deps,"high")()}catch(error){return DT.log("warn","Failed to load SearchAutocomplete lazy deps: ",error),void 0}lazyDepsInitiated=!0,wrapper.setAttribute("data-init","true")}},isOpen=()=>"open"===state,isClose=()=>"close"===state,abortPreviousStateTask=()=>{try{stateController?.abort("Abort previous state task"),stateController=null}catch(_){}},abortPreviousKeyboardInteractionTask=()=>{try{keyboardInteractionController?.abort("Abort previous keyboard interaction"),keyboardInteractionController=null}catch(_){}},abortScheduledTasks=()=>{abortPreviousStateTask(),abortPreviousSuggestionsTask(),abortPreviousKeyboardInteractionTask()},close=async()=>{if(abortScheduledTasks(),!isClose()){stateController=new TaskController;try{await DT.Scheduler.postTask((()=>{clearCurrentSuggestionFocus(),combobox.setAttribute("aria-expanded","false"),wrapper.setAttribute("data-state","closed"),state="close"}),{priority:"user-blocking",signal:stateController.signal})}catch(_){}}},open=async()=>{if(abortPreviousStateTask(),!isOpen()){stateController=new TaskController;try{await DT.Scheduler.postTask((()=>{combobox.setAttribute("aria-expanded","true"),wrapper.setAttribute("data-state","opened"),state="open",updateSuggestionsStatus()}),{priority:"user-blocking",signal:stateController.signal})}catch(_){}}},setStatus=message=>{accessibilityStatus.textContent=message},setFetchingStatus=()=>{setStatus(statusTexts.fetching)},setSuggestionsStatus=count=>{switch(!0){case count<1:setStatus(statusTexts.noSuggestions);break;case 1===count:setStatus(statusTexts.oneResult);break;case count>1:setStatus(statusTexts.multipleResults.replace("%d%",count));break;default:setStatus(statusTexts.noSuggestions);break}},querySuggestionsCategories=()=>content.querySelectorAll(".js-suggestions"),querySuggestions=()=>content.querySelectorAll(".js-suggestion"),logSelection=suggestion=>{isLogSelection&&DT.http.post(logUrl,{data:{search:suggestion.getAttribute("data-value"),category:suggestion.getAttribute("data-category")}}).catch((()=>{}))},isSuggestionFocused=suggestion=>"true"===suggestion.getAttribute("aria-selected"),setSuggestionFocus=suggestion=>{input.value=suggestion.getAttribute("data-value"),setSuggestionVisualFocus(suggestion)},scrollIntoView=suggestion=>{suggestion.hasAttribute("data-focus-prevent-scroll")||suggestion.scrollIntoView({block:"nearest",inline:"nearest"})},setSuggestionVisualFocus=suggestion=>{isSuggestionFocused(suggestion)||(clearCurrentSuggestionFocus(),scrollIntoView(suggestion),input.setAttribute("aria-activedescendant",suggestion.id),suggestion.setAttribute("aria-selected","true"),setStatus(suggestion.getAttribute("aria-label")))},clearCurrentSuggestionFocus=()=>{input.setAttribute("aria-activedescendant",""),document.querySelector('.js-suggestion[aria-selected="true"]')?.setAttribute("aria-selected","false")},appendSkipInputIfNeeded=suggestion=>{suggestion.hasAttribute("data-append-skip-input")&&searchForm.insertAdjacentHTML("afterbegin",'<input type="hidden" name="skip" value="yes">')},selectSuggestion=(suggestion,shouldDispatchEvent=!0)=>{input.value=suggestion.getAttribute("data-value"),appendSkipInputIfNeeded(suggestion),logSelection(suggestion),close(),shouldDispatchEvent&&document.dispatchEvent(new CustomEvent("search-autocomplete:select-suggestion"))},abortPreviousSuggestionsTask=()=>{try{suggestionsController?.abort("Abort previous suggestion task"),suggestionsController=null}catch(_){}},updateSuggestionsStatus=()=>{const suggestionsCategories=querySuggestionsCategories();let countSuggestions=0;suggestionsCategories.forEach((suggestions=>{const count=parseInt(suggestions.getAttribute("data-count"),10);countSuggestions+=isNaN(count)?0:count})),setSuggestionsStatus(countSuggestions)},displaySuggestions=async()=>{abortPreviousSuggestionsTask();const searchKeyword=input.value;if(!searchKeyword)return;suggestionsController=new AbortController;const signal=suggestionsController.signal;try{if(await DT.Scheduler.waitForHighPriority({signal:signal}),await initLazyDeps(),signal.aborted)return;setFetchingStatus();const response=await DT.http.get(fetchUrl,{data:{searchKeyword:searchKeyword},signal:signal});if(!response.ok)return;await DT.Scheduler.postTask((async()=>{await DT.ajaxHtml.fromResponse(response,(html=>{if(!signal.aborted){if(!html)return close().then((()=>{content.innerHTML=html})),setSuggestionsStatus(0),void 0;content.innerHTML=html,clearCurrentSuggestionFocus()}})),signal.aborted||(isClose()?open():updateSuggestionsStatus())}),{priority:"user-blocking",signal:signal})}catch(error){DT.log("warn","Error displaying autocomplete suggestions: ",error)}},debouncedDisplaySuggestions=DT.debounce(displaySuggestions,200),queryCurrentFocusedSuggestion=()=>content.querySelector('.js-suggestion[aria-selected="true"]'),focusFirstSuggestion=()=>{const suggestion=content.querySelector(".js-suggestion");suggestion&&setSuggestionFocus(suggestion)},focusLastSuggestion=()=>{const suggestions=content.querySelectorAll(".js-suggestion");if(!suggestions.length)return;const lastSuggestion=suggestions[suggestions.length-1];setSuggestionFocus(lastSuggestion)},cancelKeyboardNavigation=()=>{clearCurrentSuggestionFocus(),revertSuggestion(),updateSuggestionsStatus()},focusNextSuggestion=()=>{const currentFocused=queryCurrentFocusedSuggestion();if(!currentFocused)return focusFirstSuggestion(),void 0;const suggestions=querySuggestions(),suggestionsLength=suggestions.length;for(let i=0;i<suggestionsLength;i++){const suggestion=undefined;if(suggestions[i]===currentFocused&&i+1<suggestionsLength)return setSuggestionFocus(suggestions[i+1]),void 0}cancelKeyboardNavigation()},focusPreviousSuggestion=()=>{const currentFocused=queryCurrentFocusedSuggestion();if(!currentFocused)return focusLastSuggestion(),void 0;const suggestions=querySuggestions(),suggestionsLength=suggestions.length;for(let i=0;i<suggestionsLength;i++){const suggestion=undefined;if(suggestions[i]===currentFocused&&i-1>=0)return setSuggestionFocus(suggestions[i-1]),void 0}cancelKeyboardNavigation()},revertSuggestion=()=>{input.value=currentInputValue},handleSuggestionHover=event=>{const suggestion=event.target.closest(".js-suggestion");suggestion&&content.contains(suggestion)&&setSuggestionVisualFocus(suggestion)},handleUserInputChange=()=>{previousInputValue=currentInputValue,currentInputValue=input.value},handleKeydownPreventDefault=event=>{switch(event.key){case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":event.preventDefault();break;default:break}},handleKeyboardInteraction=async event=>{abortPreviousKeyboardInteractionTask(),keyboardInteractionController=new TaskController;const signal=keyboardInteractionController.signal;switch(event.key){case"Enter":case"Escape":if(close(),"Escape"===event.key){try{await DT.Scheduler.waitForHighPriority(),revertSuggestion()}catch(_){}return}if("Enter"===event.key){const currentFocused=queryCurrentFocusedSuggestion();currentFocused&&selectSuggestion(currentFocused,!1)}break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":if(isClose())return displaySuggestions(),void 0;try{await DT.Scheduler.waitForHighPriority({signal:signal})}catch(_){return}if(signal.aborted)return;if("PageUp"===event.key)return focusFirstSuggestion(),void 0;if("PageDown"===event.key)return focusLastSuggestion(),void 0;if("ArrowDown"===event.key)return focusNextSuggestion(),void 0;if("ArrowUp"===event.key)return focusPreviousSuggestion(),void 0;break;default:break}},handleInputBlur=async event=>{wrapper.contains(event.relatedTarget)||isClose()||(close(),await DT.Scheduler.waitForHighPriority(),revertSuggestion())},handleSuggestionClick=event=>{const suggestion=event.target.closest(".js-suggestion");suggestion&&DT.Scheduler.postTask((()=>{selectSuggestion(suggestion)}),{priority:"user-blocking"})},handleInput=()=>{if(handleUserInputChange(),""===input.value)return close(),void 0;debouncedDisplaySuggestions()},preventBlurIfClickInside=event=>{event.preventDefault()},clearFocusOnMouseOut=event=>{const suggestion=event.target.closest(".js-suggestion");suggestion&&content.contains(suggestion)&&isSuggestionFocused(suggestion)&&!suggestion.contains(event.relatedTarget)&&clearCurrentSuggestionFocus()};wrapper.addEventListener("mousedown",preventBlurIfClickInside),content.addEventListener("click",handleSuggestionClick),input.addEventListener("blur",handleInputBlur),input.addEventListener("input",handleInput),input.addEventListener("keydown",handleKeydownPreventDefault),input.addEventListener("keyup",handleKeyboardInteraction),content.addEventListener("mouseover",handleSuggestionHover),content.addEventListener("mouseout",clearFocusOnMouseOut)})); DT.onReadyIdle((async()=>{const waitLazyLoader=new Promise((resolve=>{document.addEventListener("dt_loader:mutation-observer-init",(()=>{resolve()}))}));await Promise.race([waitLazyLoader,DT.nextIter(200)]);const bannerPlaceholders=document.querySelectorAll(".js-banner-ajax-placeholder");bannerPlaceholders.length&&(DT.afterLcp&&await(DT.afterLcp?.()),bannerPlaceholders.forEach(((placeholder,index)=>{placeholder.innerHTML=DT.bannersToLoad[index]})),setTimeout((()=>{document.querySelectorAll(".js-banner-default").forEach((elem=>{elem.setAttribute("data-state",""),elem.setAttribute("data-loaded",""),DT.onNextIter((()=>{document.dispatchEvent(new CustomEvent("banner:loaded",{detail:{name:elem.getAttribute("data-name"),element:elem}}))}))}))}),0))}),100); function doNothing(){return!1}function doneEvent(){try{if(searchUrlWithPuzzle(document.querySelector('input[name="srh_field"]').value))return!1}catch(e){}return searchSubmitFilters(),!1}function checkShValue(e){var t=document.getElementById(e);return t.value=t.value.trim().replace(/[`~!@#$%^&*()_|+\-=?;:'",<>\{\}\[\]\\\/]/gi," ").toLowerCase(),0==t.value.length||t.value==dtl_SearchSubmit_000||t.value==dtl_SearchSubmit_001||t.value.indexOf(dtl_SearchSubmit_006)>=0?(DT.afterPaint(()=>{alert(dtl_SearchSubmit_002)}),t.focus(),t.select(),!1):t.value.length<2?(DT.afterPaint(()=>{alert(dtl_SearchSubmit_003)}),t.focus(),t.select(),!1):-1!=t.value.search(/[$\\@\\\#%\^\&\*\(\)\[\]\+\_\{\}\`\~\=\|]/)?(DT.afterPaint(()=>{alert(dtl_SearchSubmit_004+"\n\r\n\r@ $ % ^ & * # ( ) [ ] \\ { + } ` ~ = | \n\r\n\r"+dtl_SearchSubmit_005+"\n")}),t.focus(),t.select(),!1):t.value}function updateDisableClass(e,t=".people-filers-all"){document.querySelectorAll(t).forEach(t=>{e?(t.classList.add("fltr-content__group--disable"),t.setAttribute("inert",""),t.style.opacity="0.2",t.style.pointerEvents="none"):(t.classList.remove("fltr-content__group--disable"),t.removeAttribute("inert"),t.style.opacity="1",t.style.pointerEvents="auto")})}function bindChange(e,t,s){var r=document.getElementById(e);r&&r.addEventListener(t,function(){changeEvent(1);var e=document.getElementById(s);e&&(e.checked=!0)})}function changeEvent(e){var t=document.getElementById("changeEvent").value;return 1==e&&0==t?(document.getElementById("changeEvent").value="1",!1):"clear"==e&&1==t?(document.getElementById("changeEvent").value="0",!1):2==e?t:void 0}function setActiveSelection(e){"y"===varSHget[e]&&DT.UI.set("#"+e,"active")}function updateSingleSHFlag(e){const t=["s_ph","s_ed","s_il","s_video","s_audio","s_ad"];if(t.includes(e)){if("undefined"==typeof varSHget)return;t.forEach(e=>{varSHget[e]="n"}),varSHget[e]="y"}}function searchSubmitFilters(e){var t=checkShValue("srh_field");if(""===t)return!1;if(varSHget.srh_field=t,document.querySelector("#myonoffswitchwre").checked&&""!==srh_field){var s=checkShValue("srh_fieldwrs");if(""===s)return!1;varSHget.firstvalue=varSHget.srh_field,varSHget.srh_field=s,varSHget.srh_fieldwrs=s}varSHget.s_ph=document.getElementById("s_ph")&&document.getElementById("s_ph").checked?"y":"n",varSHget.s_ed=document.getElementById("s_ed")&&document.getElementById("s_ed").checked?"y":"n",varSHget.s_il=document.getElementById("s_il")&&document.getElementById("s_il").checked?"y":"n",varSHget.s_video=document.getElementById("s_video")&&document.getElementById("s_video").checked?"y":"n",varSHget.s_amusic=document.getElementById("s_amusic")&&document.getElementById("s_amusic").checked?"y":"n",varSHget.s_asfx=document.getElementById("s_asfx")&&document.getElementById("s_asfx").checked?"y":"n",varSHget.s_ad=document.getElementById("s_ad")&&document.getElementById("s_ad").checked?"y":"n",updateSingleSHFlag(e);var r=varSHget.site_adr+"search.php?securitycheck="+varSHget.securitycheck;varSHget.srh_field&&(r=r+"&srh_field="+varSHget.srh_field),varSHget.firstvalue&&(r=r+"&firstvalue="+varSHget.firstvalue),varSHget.lastsearchvalue&&(r=r+"&lastsearchvalue="+varSHget.lastsearchvalue),varSHget.srh_fieldwrs&&(r=r+"&srh_fieldwrs="+varSHget.srh_fieldwrs),varSHget.s_all&&(r+="&s_all=n"),varSHget.s_ph&&(r=r+"&s_ph="+varSHget.s_ph),varSHget.s_il&&(r=r+"&s_il="+varSHget.s_il),varSHget.s_video&&"y"!==varSHget.s_all&&"y"!==varSHget.s_audio&&(r=r+"&s_video="+varSHget.s_video),varSHget.s_audio&&"y"!==varSHget.s_all&&"y"!==varSHget.s_video&&"y"!==varSHget.s_ph&&"y"!==varSHget.s_ad&&"y"!==varSHget.s_ed&&"y"!==varSHget.s_il&&(r+="&s_audio=y"),varSHget.s_ad&&(r=r+"&s_ad="+varSHget.s_ad),varSHget.s_free&&(r=r+"&s_free="+varSHget.s_free),document.querySelector("#myonoffswitchwre").checked&&(r+="&s_st=wre"),document.querySelector("#morewec").checked&&"morewec_remvf"!==e&&(r+="&s_st=wec"),"y"==varSHget.s_wp&&"s_wp_remvf"!=e&&(r=r+"&s_wp="+varSHget.s_wp),"y"==varSHget.s_op&&"s_op_remvf"!=e&&(r=r+"&s_op="+varSHget.s_op,"y"==varSHget.s_mrc1&&(r=r+"&s_mrc1="+varSHget.s_mrc1),"y"==varSHget.s_mrc2&&(r=r+"&s_mrc2="+varSHget.s_mrc2),"y"==varSHget.s_mrc3&&(r=r+"&s_mrc3="+varSHget.s_mrc3),"y"==varSHget.s_mrc4&&(r=r+"&s_mrc4="+varSHget.s_mrc4),"y"==varSHget.s_mrc5&&(r=r+"&s_mrc5="+varSHget.s_mrc5),r=(r=r+"&s_mr="+varSHget.s_mr)+"&s_mrg="+varSHget.s_mrg,"y"==varSHget.s_mra1&&(r=r+"&s_mra1="+varSHget.s_mra1),"y"==varSHget.s_mra2&&(r=r+"&s_mra2="+varSHget.s_mra2),"y"==varSHget.s_mra3&&(r=r+"&s_mra3="+varSHget.s_mra3),"y"==varSHget.s_mra4&&(r=r+"&s_mra4="+varSHget.s_mra4),"y"==varSHget.s_mra5&&(r=r+"&s_mra5="+varSHget.s_mra5),"y"==varSHget.s_mra6&&(r=r+"&s_mra6="+varSHget.s_mra6),"y"==varSHget.s_mra7&&(r=r+"&s_mra7="+varSHget.s_mra7),"y"==varSHget.s_mra8&&(r=r+"&s_mra8="+varSHget.s_mra8),"y"==varSHget.s_mra9&&(r=r+"&s_mra9="+varSHget.s_mra9),"y"==varSHget.s_mrea&&(r=r+"&s_mrea="+varSHget.s_mrea),"y"==varSHget.s_mreb&&(r=r+"&s_mreb="+varSHget.s_mreb),"y"==varSHget.s_mreh&&(r=r+"&s_mreh="+varSHget.s_mreh),"y"==varSHget.s_mrem&&(r=r+"&s_mrem="+varSHget.s_mrem),"y"==varSHget.s_mrec&&(r=r+"&s_mrec="+varSHget.s_mrec),"y"==varSHget.s_mreo&&(r=r+"&s_mreo="+varSHget.s_mreo)),"y"==varSHget.s_sl0&&"s_sl_remvf"!=e&&(r=r+"&s_sl0="+varSHget.s_sl0),"y"==varSHget.s_sl1&&"s_sl_remvf"!=e&&(r=r+"&s_sl1="+varSHget.s_sl1),"y"==varSHget.s_sl2&&"s_sl_remvf"!=e&&(r=r+"&s_sl2="+varSHget.s_sl2),"y"==varSHget.s_sl3&&"s_sl_remvf"!=e&&(r=r+"&s_sl3="+varSHget.s_sl3),"y"==varSHget.s_sl4&&"s_sl_remvf"!=e&&(r=r+"&s_sl4="+varSHget.s_sl4),"y"==varSHget.s_sl5&&"s_sl_remvf"!=e&&(r=r+"&s_sl5="+varSHget.s_sl5),"y"==varSHget.s_rf&&"s_rf_remvf"!=e&&(r=r+"&s_rf="+varSHget.s_rf),"y"==varSHget.s_ed&&"s_ed_remvf"!=e&&(r=r+"&s_ed="+varSHget.s_ed),"y"==varSHget.s_ed&&"s_ed_remvf"===e&&(varSHget.s_ed="n",r+="&s_rf=y"),"y"==varSHget.s_exclusive&&"s_exclusive_remvf"!=e&&(r=r+"&s_exclusive="+varSHget.s_exclusive),"y"==varSHget.s_wel&&"s_wel_remvf"!=e&&(r=r+"&s_wel="+varSHget.s_wel),"y"==varSHget.s_pel&&"s_pel_remvf"!=e&&(r=r+"&s_pel="+varSHget.s_pel),"y"==varSHget.s_srel&&"s_srel_remvf"!=e&&(r=r+"&s_srel="+varSHget.s_srel),"y"==varSHget.s_orp&&"s_orp_remvf"!=e&&(r=r+"&s_orp="+varSHget.s_orp),"y"==varSHget.s_orl&&"s_orl_remvf"!=e&&(r=r+"&s_orl="+varSHget.s_orl),"y"==varSHget.s_ors&&"s_ors_remvf"!=e&&(r=r+"&s_ors="+varSHget.s_ors),"y"==varSHget.s_orw&&"s_orw_remvf"!=e&&(r=r+"&s_orw="+varSHget.s_orw),"y"==varSHget.s_clc&&"s_clc_remvf"!=e&&(r=r+"&s_clc="+varSHget.s_clc),"y"==varSHget.s_clm&&"s_clm_remvf"!=e&&(r=r+"&s_clm="+varSHget.s_clm);let a=document.querySelector("#s_color1");a&&(a=a.value.replace("#",""));let c=document.querySelector('select[name="form_select_id"]');c&&(c=Number(c.value));let n=document.querySelector("#s_color2");n&&(n=n.value.replace("#",""));let _=document.querySelector('select[name="form_select_id2"]');_&&(_=Number(_.value)),document.querySelector("#s_c1e")&&document.querySelector("#s_c1e").checked?varSHget.s_c1e="y":varSHget.s_c1e="",document.querySelector("#s_c2e")&&document.querySelector("#s_c2e").checked?varSHget.s_c2e="y":varSHget.s_c2e="","y"==varSHget.s_c1e&&null!=a&&null!=c&&"s_c1e_remvf"!=e&&(r=(r=(r=r+"&s_c1e="+varSHget.s_c1e)+"&s_color1="+a)+"&s_percent1="+c),"y"==varSHget.s_c2e&&null!=n&&null!=_&&"s_c2e_remvf"!=e&&(r=(r=(r=r+"&s_c2e="+varSHget.s_c2e)+"&s_color2="+n)+"&s_percent2="+_),""!==varSHget.s_rsf&&"MPsize_remvf"!=e&&(r=r+"&s_rsf="+varSHget.s_rsf),""!==varSHget.s_rst&&"MPsize_remvf"!=e&&(r=r+"&s_rst="+varSHget.s_rst),"on"!=varSHget.s_cf&&"off"!=varSHget.s_cf||(r=r+"&s_cf="+varSHget.s_cf),varSHget.memberid&&(document.querySelector("#s_amf").checked?varSHget.s_amf="y":varSHget.s_amf="","y"===varSHget.s_amf&&"s_amf_remvf"!==e&&(r+="&s_amf="+varSHget.s_amf));var l=document.querySelector("#s_sp").value.replace(/\s/g,"");""!==l&&"s_sp_remvf"!==e&&(!0===/^[0-9a-zA-Z \-_,]+$/.test(l)&&(l=encodeURIComponent(l),r+="&s_sp="+l));var d=document.querySelector("#s_exc").value.replace(/\s/g,"");""!==d&&"s_exc_remvf"!==e&&(!0===/^[0-9a-zA-Z \-_,]+$/.test(d)&&(d=encodeURIComponent(d),r+="&s_exc="+d));1==varSHget.s_exc_ai&&"s_exc_ai_remvf"!==e&&(r=r+"&s_exc_ai="+varSHget.s_exc_ai),1==varSHget.s_exc_ai&&"s_exc_ai_remvf"===e&&(varSHget.s_exc_ai=0,varSHget.s_onlyai="n"),"y"==varSHget.s_onlyai&&1!=varSHget.s_exc_ai&&"s_onlyai"!==e&&(r=r+"&s_onlyai="+varSHget.s_onlyai),"y"==varSHget.s_amusic&&"s_amusic_remvf"!==e&&(r=r+"&s_amusic="+varSHget.s_amusic),"y"==varSHget.s_asfx&&"s_asfx_remvf"!==e&&(r=r+"&s_asfx="+varSHget.s_asfx),"y"!=varSHget.s_sl1&&"y"!=varSHget.s_sl2&&"y"!=varSHget.s_sl3&&"y"!=varSHget.s_sl4&&"y"!=varSHget.s_sl4||1!=varSHget.s_zerogravityactiv||"s_sl_remvf"==e||setCookie2("dreamstime_slgravity","n",5),"y"==varSHget.s_sl0&&"y"!=varSHget.s_sl1&&"y"!=varSHget.s_sl2&&"y"!=varSHget.s_sl3&&"y"!=varSHget.s_sl4&&1==varSHget.s_zerogravityactiv&&"s_sl_remvf"!=e&&setCookie2("dreamstime_slgravity","",-5),varSHget.sortcriteria&&(r=r+"&sortcriteria="+varSHget.sortcriteria),r+="&nd=1",memorizeFilters(varSHget.s_ed,varSHget.s_exc_ai),setTimeout(()=>{window.location.href=r},30)}function myonoffswitch2(e){var t=document.URL,s=t.substr(t.length-5),r=new XMLHttpRequest;r.open("POST","../../ajax/memoptions.php"),r.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),r.onload=function(){".html"===s?location.reload():searchSubmitFilters()},r.send("showcontentfiltered="+e+"&securitycheck="+varSHget.securitycheck)}function myonoffswitch3(e){var t=document.URL,s=t.substr(t.length-5),r=new XMLHttpRequest;r.open("POST","../../ajax/memoptions.php"),r.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),r.onload=function(){".html"===s?location.reload():searchSubmitFilters()},r.send("exclude_ai="+e+"&securitycheck="+varSHget.securitycheck)}function resetContent(e){"y"===varSHget.s_audio&&"y"!==varSHget.s_all&&(document.getElementById("s_amusic").checked=!0,document.getElementById("s_asfx").checked=!0,varSHget.s_amusic="y",varSHget.s_asfx="y",varSHget.s_rf="y",document.getElementById("s_rf").checked=!0),"y"===varSHget.s_audio||"y"!=varSHget.s_all&&"y"!=varSHget.s_video&&"y"!=varSHget.s_ph&&"y"!=varSHget.s_ad&&"y"!=varSHget.s_ed&&"y"!=varSHget.s_il||(document.getElementById("s_ph").checked=!1,document.getElementById("s_ad").checked=!1,document.getElementById("s_video").checked=!1,document.getElementById("s_il").checked=!1,"y"==e.s_ph&&(document.getElementById("s_ph").checked=!0,varSHget.s_ph="y"),"y"==e.s_ad&&"y"!==e.s_video&&(document.getElementById("s_ad").checked=!0,varSHget.s_ad="y"),"y"==e.s_video&&(document.getElementById("s_video").checked=!0,varSHget.s_video="y",document.getElementById("s_ad").checked=!1,varSHget.s_ad="n"),"y"==e.s_il&&(document.getElementById("s_il").checked=!0,varSHget.s_il="y"),"y"==e.s_ed?(document.getElementById("s_ed").checked=!0,document.getElementById("s_ph").checked=!0,document.getElementById("s_video").checked=!0,document.getElementById("s_il").checked=!0,varSHget.s_ed="y",varSHget.s_ph="y",varSHget.s_il="y",varSHget.s_video="y"):(document.getElementById("s_ed").checked=!0,varSHget.s_ed="y"),document.getElementById("s_wel").checked=!1,document.getElementById("s_pel").checked=!1,document.getElementById("s_srel").checked=!1,varSHget.s_wel="n",varSHget.s_pel="n",varSHget.s_srel="n",DT.UI.set("#s_aiinclude","active"),DT.UI.unset("#s_exc_ai"),DT.UI.unset("#s_onlyai"),varSHget.s_onlyai="n",varSHget.s_exc_ai=1,document.querySelector(".js-s_pel").style.display="",updateDisableClass(!1,wclass=".js-option-s_ad"),desabled_S_ad(e),"y"!==e.s_ed?(varSHget.s_rf="y",document.getElementById("s_rf").checked=!0):(varSHget.s_rf="n",document.getElementById("s_rf").checked=!1)),document.getElementById("s_amf").checked=!1,document.getElementById("morewec").checked=!1,document.getElementById("s_exclusive").checked=!1,varSHget.s_amf="n",varSHget.morewec="n",varSHget.s_exclusive="n";var t=document.getElementById("s_sp"),s=document.getElementById("s_exc");t.value="",s.value="",changeEvent(1)}function resetPeople(){const e=["s_mrea","s_mreb","s_mreh","s_mrem","s_mrec","s_mreo"];(document.querySelector("#cnt-1").checked||document.querySelector("#nopeople").checked)&&(document.querySelector("#cnt-1").checked=!1,filtersClassAction(".numberppl","unset"),filtersClassAction(".genderppl","unset"),document.querySelector("#nopeople").checked=!1,varSHget.s_op="",varSHget.s_mr="",varSHget.s_wp="",varSHget.s_mrc1="y",varSHget.s_mrc2="y",varSHget.s_mrc3="y",varSHget.s_mrc4="y",varSHget.s_mrc5="y",varSHget.s_mrg="1",DT.UI.set("#s_mrca","active"),DT.UI.set("#s_mrg1","active"),filtersClassAction(".agerange","unset"),DT.UI.set("#s_mraany","active"),e.forEach(e=>{document.getElementById(e).checked=!0})),document.getElementById("includepeople").checked=!0,updateDisableClass(!0),changeEvent(1)}function resetFilters(){memorizeFilters("","",1).then(function(e){1===e&&setTimeout(()=>{document.querySelectorAll(".js-reset-searches").forEach(function(e){if(!e.checked)return;let t=e.id;varSHget.s_audio&&(t="s_audio"),"s_ph"===t&&document.getElementById("s_ed")?.checked||t&&SearchSubmit2024(t)})},20)})}function resetMedia(){"y"===varSHget.s_audio&&"y"!==varSHget.s_all&&((document.querySelector("#cnt-1").checked||document.querySelector("#nopeople").checked)&&(document.querySelector("#cnt-1").checked=!1,document.querySelector("#nopeople").checked=!1,varSHget.s_op="",varSHget.s_mr="",varSHget.s_wp=""),document.getElementById("includepeople").checked=!0,"active"!==document.getElementById("s_slany").getAttribute("data-state")&&(document.querySelectorAll(".levelp").forEach(function(e){DT.UI.unset(e)}),DT.UI.set("#s_slany","active"),varSHget.s_sl0="y",varSHget.s_sl1="y",varSHget.s_sl2="y",varSHget.s_sl3="y",varSHget.s_sl4="y",varSHget.s_sl5="y"));"y"===varSHget.s_audio||"y"!=varSHget.s_all&&"y"!=varSHget.s_video&&"y"!=varSHget.s_ph&&"y"!=varSHget.s_ad&&"y"!=varSHget.s_ed&&"y"!=varSHget.s_il||(document.getElementById("s_orp").checked=!0,document.getElementById("s_orp").dispatchEvent(new Event("change")),document.getElementById("s_orl").checked=!0,document.getElementById("s_orl").dispatchEvent(new Event("change")),document.getElementById("s_ors").checked=!0,document.getElementById("s_ors").dispatchEvent(new Event("change")),document.getElementById("s_orw").checked=!0,document.getElementById("s_orw").dispatchEvent(new Event("change")),DT.UI.set("#s_clany","active"),DT.UI.unset("#s_clc"),DT.UI.unset("#s_clm"),document.getElementById("s_color1").value="",document.getElementById("s_color1").dispatchEvent(new Event("change")),document.getElementById("s_color2").value="",document.getElementById("s_color2").dispatchEvent(new Event("change")),document.getElementById("s_c1e").checked=!1,document.getElementById("s_c2e").checked=!1,varSHget.s_orp="y",varSHget.s_orl="y",varSHget.s_ors="y",varSHget.s_orw="y",varSHget.s_clc="y",varSHget.s_clm="y",varSHget.s_color1="",varSHget.s_color2="",varSHget.s_rsf=0,varSHget.s_rst=7,DT.UI.set("#s_rstany","active"),DT.UI.unset("#s_rst5"),DT.UI.unset("#s_rst8"),DT.UI.unset("#s_rst15"),DT.UI.unset("#s_rst20"),"active"!==document.getElementById("s_slany").getAttribute("data-state")&&(document.querySelectorAll(".levelp").forEach(function(e){DT.UI.unset(e)}),DT.UI.set("#s_slany","active"),varSHget.s_sl0="y",varSHget.s_sl1="y",varSHget.s_sl2="y",varSHget.s_sl3="y",varSHget.s_sl4="y",varSHget.s_sl5="y"));changeEvent(1)}function filtersClassAction(e,t){const s=document.querySelectorAll(e);for(var r=0;r<s.length;r++)(function(e){const r=document.getElementById(s[e].id);"unset"==t&&DT.UI.unset(r)})(r)}function changeCheckboxValueWithCnt(e){document.getElementById(e).addEventListener("change",function(){document.getElementById("cnt-1").checked=!0;var t=new Event("change");document.getElementById("cnt-1").dispatchEvent(t),changeEvent(1),this.checked?varSHget[e]="y":varSHget[e]=""})}function setCheckedState(e,t){"y"===varSHget[t]&&(document.getElementById(e).checked=!0)}function cloaseAllFilters(){return DT.Scheduler.postTask(()=>{const e=document.getElementsByClassName("js-adv-filter-trigger");for(var t=0;t<e.length;t++)(function(t){const s=document.getElementById(e[t].getAttribute("data-dt-id"));DT.UI.set(s,"hidden"),e[t].setAttribute("data-state","")})(t)},{priority:"user-visible"})}async function zerogravitySwitch(e){await DT.Scheduler.waitForHighPriority(),"addcookie"==e?(changeEvent(1),setCookie2("dreamstime_slgravity","n",5),cloaseAllFilters(),searchSubmitFilters("s_sl_remvf")):"removecookie"==e&&(changeEvent(1),setCookie2("dreamstime_slgravity","",-5),searchSubmitFilters("s_sl_remvf"))}function desabled_S_ad(e){"y"===e.s_video&&"y"!==e.s_ph&&"y"!==e.s_il&&(e.s_ad="n",e.s_pel="n",document.getElementById("s_ad").checked=!1,document.getElementById("s_pel").checked=!1,document.querySelector(".js-s_pel").style.display="none",updateDisableClass(!0,wclass=".js-option-s_ad"))}function advSearchHideEx(){0==document.getElementById("s_ph").checked&&0==document.getElementById("s_il").checked&&0==document.getElementById("s_ad").checked?document.querySelector(".js-photo-ex-license").style.display="none":1!=document.getElementById("s_ph").checked&&1!=document.getElementById("s_il").checked&&1!=document.getElementById("s_ad").checked||(document.querySelector(".js-photo-ex-license").style.display="")}function handleCheckboxChange(e,t){changeEvent(1),e.target.checked?varSHget[t]="y":varSHget[t]="n"}function changeSearchLabel(e){if(["s_asfx","s_amusic"].includes(e))return;document.querySelector("form[name=searchfrm]").action=(document.querySelector("form[name=searchfrm]").action.split("?")[0].replace(/[^/]*$/,"")||"/")+"search.php";let t="",s="";var r,a;document.querySelectorAll("#s_ph, #s_ed, #s_il, #s_ad, #s_video, #s_audio").forEach(e=>{e.checked?(t+=document.querySelector(`label[for=${e.id}]`).innerHTML+", ",s+="Y"):s+="N"}),6===s.length&&(s+="NN"),t=t.slice(0,-2),r="#s_ad",a=!["NYNNNNNN","NYYYNNNN","NNYYNNNN","NYNYNNNN","NNNYNNNN","NYNNYNNN","NNNNYNNN"].includes(s),document.querySelector(r).parentElement.style.display=a?"":"none",document.querySelector(".js-select-selected-content").innerHTML=t}function addChangeHandler(e,t){e.forEach(e=>{const s=document.getElementById(e);s&&s.addEventListener("change",t)})}function memorizeFilters(e,t,s=0){return new Promise(function(r){var a,c=new XMLHttpRequest;c.open("POST","../../ajax/memoptions.php"),c.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),c.timeout=200,c.onload=function(){if(200!==c.status)return r(0);try{var e=JSON.parse(c.responseText);return r(e&&"ok"===e.status?1:0)}catch(e){return r(1)}},c.onerror=function(){r(0)},c.ontimeout=function(){r(0)},a=0===s?"memorize_filters=1&s_ed="+encodeURIComponent(e)+"&s_exc_ai="+encodeURIComponent(t)+"&securitycheck="+encodeURIComponent(varSHget.securitycheck):"memorize_filters=1&clr_filters=1&securitycheck="+encodeURIComponent(varSHget.securitycheck),c.send(a)})} DT.onReady((()=>{const COOKIE_EXPIRES_DAYS=30,handleClick=async event=>{const button=event.currentTarget;if(!button)return;await DT.Scheduler.waitForHighPriority();const sortCriteria=button.getAttribute("data-sort");if(!sortCriteria)return;DT.setCookie("sortorder_same_url",`${sortCriteria}|${DT.fullCpage}`,30,"/",".dreamstime.com");const url=new URL(window.location.href);url.searchParams.delete("pg"),window.location.href=url.toString()};document.querySelectorAll(".js-search-sort-btn").forEach((button=>{button.addEventListener("click",handleClick)}))})); DT.onReady((()=>{const init=title=>{let isDragging=!1,allowClick=!0,startX,startY,scrollLeft,scrollTop;title.addEventListener("click",(e=>{allowClick||(e.preventDefault(),e.stopImmediatePropagation())}),{capture:!0,passive:!1}),title.addEventListener("dragstart",(e=>{e.preventDefault()})),title.addEventListener("dragdrop",(e=>{e.preventDefault()})),title.addEventListener("mousedown",(e=>{isDragging=!0,allowClick=!0,startX=e.pageX-title.offsetLeft,startY=e.pageY-title.offsetTop,scrollLeft=title.scrollLeft,scrollTop=title.scrollTop})),title.addEventListener("mouseleave",(()=>{isDragging=!1})),title.addEventListener("mouseup",(()=>{DT.onNextIter((()=>{allowClick=!0})),isDragging=!1})),title.addEventListener("mousemove",(e=>{if(!isDragging)return;e.preventDefault(),allowClick=!1;const x=e.pageX-title.offsetLeft,y=e.pageY-title.offsetTop,walkX=1*(x-startX),walkY=1*(y-startY);title.scrollLeft=scrollLeft-walkX,title.scrollTop=scrollTop-walkY}))},selector=".js-image-wall .js-listing-item .js-item-title";DT.onIdle((()=>{document.querySelectorAll(selector).forEach((title=>{init(title)}))})),new MutationObserver((mutations=>{mutations.forEach((mutation=>{"childList"===mutation.type&&mutation.addedNodes.forEach((node=>{if(node.nodeType===Node.ELEMENT_NODE){const titles=undefined;node.querySelectorAll(selector).forEach((title=>{init(title)}))}}))}))})).observe(document.body,{childList:!0,subtree:!0})})); DT.onReadyIdle((()=>{document.addEventListener("dragstart",(event=>{const item=event.target.closest(".js-listing-item");if(!item||!item.dataset.id)return;const data={type:"item",data:{id:item.dataset.id,type:item.dataset.type}};event.dataTransfer.setData("text/plain",JSON.stringify(data))}))})); DT.initModal=(()=>{const modalDeps=DT.parseJSONData("modal-deps")?.deps||[];DT.onReadyIdle((()=>{DT.prefetchWorker.prefetchUrls(modalDeps)}));const initModal=undefined;return async({url:url,params:params,loadData:loadData})=>{await DT.loadLazyDeps(modalDeps);const response=await DT.http.get(url,{data:loadData});if(!response.ok)throw new Error(`Failed to load modal content from ${url}: ${response.statusText}`);let modal;return await DT.ajaxHtml.fromResponse(response,(async html=>{if(!html)throw new Error(`Failed to load modal content from ${url}: Empty response`);modal=await DT.modal({content:html,...params||{}})})),modal}})(); DT.ajaxHtml=(()=>{const loadCss=async({css:css,js:js}={})=>{if(css){if(js?.url&&DT.prefetchWorker.prefetchUrls(js.url??[]),css.inline){let style=document.querySelector("style[data-dt-lazy]");if(style)return style.innerHTML+=css.inline,void 0;style=document.createElement("style"),style.setAttribute("data-dt-lazy",""),style.innerHTML=css.inline,document.head.appendChild(style)}css.url&&await DT.loadCSS(...css.url)}},loadJs=async({js:js}={})=>{if(js){if(await DT.nextIter(),js.inline){let script=document.querySelector("script[data-dt-lazy]");if(script)return script.innerHTML+=js.inline,void 0;script=document.createElement("script"),script.setAttribute("data-dt-lazy",""),script.innerHTML=js.inline,document.head.appendChild(script)}js.url&&await DT.loadScriptsInOrderOnce(...js.url)}},loadJson=({jsonData:jsonData}={})=>{if(jsonData)try{for(const key in jsonData)DT.jsonData[key]=jsonData[key]}catch(error){DT.log("error","Ajax html load json error",error)}},fromResponse=async(response,insertHtml)=>{try{const{html:html,assets:assets,...params}=await response.json();await loadCss(assets),loadJson(assets),await insertHtml(html,params??{}),await loadJs(assets)}catch(error){return DT.log("error","Ajax load from response error",error),void 0}},fromResponseData=async(data,insertHtml)=>{try{const{html:html,assets:assets,...params}=data;await loadCss(assets),loadJson(assets),await insertHtml(html,params??{}),await loadJs(assets)}catch(error){return DT.log("error","Ajax load from response error",error),void 0}};return{loadCss:loadCss,loadJs:loadJs,fromResponse:fromResponse,fromResponseData:fromResponseData}})(); DT.initLightboxBar=async()=>{if(await(DT.afterLcp?.()),await DT.Scheduler.waitForMediumPriority(),await DT.yieldIfInputPending(),document.querySelector(".js-lightbox-bar-root"))return;const response=await fetch(DT.lightboxBarInitUrl);document.querySelector(".js-lightbox-bar-root")||(response.ok||DT.log("error","Failed to fetch LightboxBar component",response),await(DT.ajaxHtml?.fromResponse(response,(html=>{html&&document.body.insertAdjacentHTML("beforeend",html)}))),DT.LightboxBar?.dispatchEvent("lightbox-bar:init"),document.dispatchEvent(new CustomEvent("lightbox-bar:init")))}; DT.bannersToLoad = []; DT.onReady(() => { var mres = window.location.hash.match(/\#res(\d+)/); if (mres) { var ref = document.referrer || ''; if (!ref) { dtrfr = ref; } if (ref && ref != '' && ref.indexOf('.dreamstime.com') == -1 ) { var img = new Image(); img.src = '/img404.php?ref=' + encodeURIComponent(ref); } } }); DT.onReady(() => { if (window.location.hash !== '') { DT.loadScriptsOnce('templates/footer/footer_ref.js'); } }); DT.onReadyIdle(async () => { window.oldDocumentWrite = document.write; document.write = function (node) { document.body.appendChild(node); }; try { await DT.loadScriptsOnce('https://www.googleadservices.com/pagead/conversion.js'); } catch (_err) {} document.write = window.oldDocumentWrite; }); const varSHget = { sortcriteria: "2", countsh: "0", s_st: "new", s_op: "", s_mr: "", s_wp: "", s_rf: "", s_ed: "", s_exclusive: "", s_wel: "", s_pel: "", s_srel: "", s_orp: "y", s_orl: "y", s_ors: "y", s_orw: "y", s_clc: "y", s_clm: "y", s_c1e: "", s_color1: "", s_percent1: "", s_c2e: "", s_color2: "", s_percent2: "", s_rsf: "0", s_rst: "7", s_amf: "", s_sp: "", s_exc: "", s_exc_ai: "0", s_onlyai: "", s_mrc1: "y", s_mrc2: "y", s_mrc3: "y", s_mrc4: "y", s_mrc5: "y", s_mrg: "1", s_mra1: "", s_mra2: "", s_mra3: "", s_mra4: "", s_mra5: "", s_mra6: "", s_mra7: "", s_mra8: "", s_mra9: "", s_mrea: "", s_mreb: "", s_mreh: "", s_mrem: "", s_mrec: "", s_mreo: "", s_sl0: "y", s_sl1: "y", s_sl2: "y", s_sl3: "y", s_sl4: "y", s_sl5: "y", srh_field: "programmer tipikal", firstvalue: "", lastsearchvalue: "programmer tipikal", s_all: "", s_ph: "", s_il: "y", s_video: "", s_audio: "", s_ad: "", s_free: "", securitycheck: "a8aac88c65c50ce8b3bcd0f5cc5603a5", s_cf: "0", s_mrca: "", site_adr: "https://id.dreamstime.com/", ico_close: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path d="M3.511 5 0 8.511 1.489 10 5 6.489 8.511 10 10 8.511 6.489 5 10 1.489 8.511 0 5 3.511 1.489 0 0 1.489z"/></svg>', memberid: '', srh_fieldwrs: '', s_amusic: "", s_asfx: "", s_zerogravity: "", s_zerogravityactiv: "0" }; DT.onReady(async () => { try { await DT.loadScriptsOnce('js/lang_cts.js.php?l=id'); } catch (_) {} DT.loadScripts('js/functions_cookie.js'); DT.loadScripts('components/Search/Search.js'); DT.loadScripts('templates/search/filters/filters_search_load.js'); }); DT.bannersToLoad.push("<div class=\"banner banner--freetrial banner--big js-banner js-banner-default js-banner-freetrial\" data-name=\"freetrial\" data-state=\"hidden\" data-inline=\"\" > <a href=\"https:\/\/id.dreamstime.com\/securecredits2.php?subscriptionid=816&packagetype=0\" class=\"banner__link banner__link--freetrial\" aria-label=\"Mulai Uji Coba GRATIS Anda\" ><\/a> <div class=\"banner__picture\"> <picture> <source type=\"image\/jpeg\" srcset=\"https:\/\/thumbs.dreamstime.com\/front\/img\/banners\/free-trial\/dt-freetrial-banner-background-500.jpg\" media=\"(max-width: 767.98px)\" width=\"500\" height=\"132\"><source type=\"image\/jpeg\" srcset=\"https:\/\/thumbs.dreamstime.com\/front\/img\/banners\/free-trial\/dt-freetrial-banner-background-900.jpg\" media=\"(min-width: 768px)\" width=\"900\" height=\"100\"><source type=\"image\/jpeg\" srcset=\"https:\/\/thumbs.dreamstime.com\/front\/img\/banners\/free-trial\/dt-freetrial-banner-background-1600.jpg\" media=\"(min-width: 1200px)\" width=\"1600\" height=\"100\"><img src=\"https:\/\/thumbs.dreamstime.com\/front\/img\/banners\/free-trial\/dt-freetrial-banner-background-1600.jpg\" width=\"1600\" height=\"100\" alt=\"Gambar untuk spanduk "Mulai uji coba GRATIS Anda"\"> <\/picture> <\/div> <div class=\"banner__content\"> <div class=\"banner__title\">15 gambar pertama Anda, gratis!<\/div> <div class=\"banner__description\">Bisa dibatalkan kapan saja.<\/div> <\/div> <div class=\"banner__btn-wrapper\"> <a href=\"https:\/\/id.dreamstime.com\/securecredits2.php?subscriptionid=816&packagetype=0\" class=\"banner__btn btn btn--pink btn--big\">Mulai Uji Coba GRATIS Anda<\/a> <\/div> <\/div>"); DT.lightboxBarActionsUrl = 'https://id.dreamstime.com/new/components/LightboxBar/actions.ajax.php'; DT.lightboxBarInitUrl = 'https://id.dreamstime.com/new/components/LightboxBar/actions.ajax.php?action=init_component'; try { window.openfreetrial = 0; window.popupsignup = 1; window.site_adr = 'https://id.dreamstime.com/'; window.dtrfr = ''; } catch (_err) {} </script> </body> </html>