{source}<style>
* { box-sizing: border-box; }
.bblok { display: table; }
.main {
width: 50%;
min-height: 140px;
border: 0px solid yellow;
float: left;
}
.bleft{
width: 125px;
height: 125px;
vertical-align: top;
float: left;
display: block;
margin: 0 16px 16px 0;
border-radius: 0px;
border: 1px solid #e1e4e6;
overflow: hidden;
}
.bright{
width: 424px;
vertical-align: middle;
float: left;
border: 0px solid red;
display: block;
padding: 0 20px 0 0;
word-wrap: break-word;
}
.bright h4 { margin-top: 0px !important; padding-bottom: 10px !important; }
.bright p { line-height: 18px; margin-top: -10px !important; }
.aimg { width: 125px; }
a { text-decoration: none !important; }
a:hover{ background-color: none; text-decoration: none; }
@media only screen and (max-width: 912px) {
.main { width: 50%; min-height: 130px; }
.bright { width: 260px; vertical-align: top; padding: 0 5px 0 0; }
.bright p { font-size: 90%; }
.bleft, .aimg { width: 100px; }
.bleft { height: 100px; margin: 0 8px 8px 0;}
}
@media only screen and (max-width: 640px) {
.main { width: auto; min-height: 130px; }
.bright { width: 260px; vertical-align: top; padding: 0 5px 0 0; }
.bright p { font-size: 90%; }
.bleft, .aimg { width: 100px; }
.bleft { height: 100px; margin: 0 8px 8px 0;}
}
</style>
<div class=”bblok”>
<div class=”main”>
<div class=”bleft”><img class=”aimg” src=”images/2024/gumilangaryo-2024.jpg” alt=”Gumilang Aryo Sahadewo” /></div>
<div class=”bright”><h4><a href=”id/profil/staf-pengajar/2255-gumilang-aryo-sahadewo” target=”_parent”>Gumilang Aryo Sahadewo, S.E., M.A., Ph.D.</a></h4><p>Kepala (Caretaker) Unit Penelitian dan Pelatihan Ekonomika dan Bisnis (P2EB)</p></div>
</div>
<div class=”main”>
<div class=”bleft”><img class=”aimg” src=”images/2024/suyanto-2024.jpg” alt=”Suyanto” /></div>
<div class=”bright”><h4><a href=”id/profil/staf-pengajar/2368-suyanto” target=”_parent”>Suyanto, S.E., M.B.A., Ph.D.</a></h4><p>Wakil Kepala (Caretaker) Unit Penelitian dan Pelatihan Ekonomika dan Bisnis (P2EB)</p></div>
</div>
<div class=”main”>
<div class=”bleft”><img class=”aimg” src=”images/2024/widyaparamita2024.jpg” alt=”Widya Paramita” /></div>
<div class=”bright”><h4><a href=”id/profil/staf-pengajar/2298-widya-paramita” target=”_parent”>Widya Paramita, S.E., M.Sc., Ph.D.</a></h4><p>Kepala Unit Publikasi Ilmiah</p></div>
</div>
<div class=”main”>
<div class=”bleft”><img class=”aimg” src=”images/2024/arikaartiningsih2024.jpg” alt=”Arika Artiningsih” /></div>
<div class=”bright”><h4><a href=”id/profil/staf-pengajar/2233-arika-artiningsih” target=”_parent”>Arika Artiningsih, S.E., M.Acc., M.Com., M.Res., Ph.D.</a></h4><p>Wakil Kepala Unit Publikasi Ilmiah</p></div>
</div>
<div class=”main”>
<div class=”bleft”><img class=”aimg” src=”images/2023/dos-aprilia-suandi.png” alt=”Aprilia Beta Suandi” /></div>
<div class=”bright”><h4><a href=”id/profil/staf-pengajar/2307-aprilia-beta-suandi” target=”_parent”>Dr. Aprilia Beta Suandi, S.E., M.Ec.</a></h4><p>Kepala Unit Penjaminan Mutu dan Akreditasi</p></div>
</div>
<div class=”main”>
<div class=”bleft”><img class=”aimg” src=”images/2023/dos-novat-pugo-sambodo.jpg” alt=”Novat Pugo Sambodo” /></div>
<div class=”bright”><h4><a href=”id/profil/staf-pengajar/3519-novat-pugo-sambodo” target=”_parent”>Novat Pugo Sambodo, S.E., MIDEC., Ph.D.</a></h4><p>Wakil Kepala Unit Penjaminan Mutu dan Akreditasi</p></div>
</div>
<div class=”main”>
<div class=”bleft”><img class=”aimg” src=”images/2022/luluklusiantoro.jpg” alt=”Luluk Lusiantoro” /></div>
<div class=”bright”><h4><a href=”id/profil/staf-pengajar/2343-luluk-lusiantoro” target=”_parent”>Luluk Lusiantoro, S.E., M.Sc., Ph.D.</a></h4><p>Kepala Unit Inisiatif Keberlanjutan dan Strategis</p></div>
</div>
<div class=”main”>
<div class=”bleft”><img class=”aimg” src=”images/2024/ahmadzaki2024.jpg” alt=”Ahmad Zaki” /></div>
<div class=”bright”><h4><a href=”id/profil/staf-pengajar/2302-ahmad-zaki” target=”_parent”>Ahmad Zaki, S.E., M.Acc., Ph.D.</a></h4><p>Wakil Kepala Unit Inisiatif Keberlanjutan dan Strategis</p></div>
</div>
<div class=”main”>
<div class=”bleft”><img class=”aimg” src=”images/2023/dos-fitri-amalia.jpg” alt=”Fitri Amalia” /></div>
<div class=”bright”><h4><a href=”id/profil/staf-pengajar/2329-fitri-amalia” target=”_parent”>Fitri Amalia, S.E., M.Sc., Ph.D.</a></h4><p>Kepala Unit Produksi Pembelajaran Akademik dan Multimedia (LAMP) dan Hubungan Masyarakat (Humas)</p></div>
</div>
<div class=”main”>
<div class=”bleft”><img class=”aimg” src=”images/2023/dos-dewi-fatmawati.jpg” alt=”Dewi Fatmawati” /></div>
<div class=”bright”><h4><a href=”id/profil/staf-pengajar/2242-dewi-fatmawati” target=”_parent”>Dewi Fatmawati, S.E., M.Ec., Ph.D.</a></h4><p>Kepala Unit Pengembangan Prestasi Mahasiswa dan Karir (CSDU)</p></div>
</div>
<div class=”main”>
<div class=”bleft”><img class=”aimg” src=”images/2022/arizonamustikarini.jpg” alt=”Arizona Mustika Rini” /></div>
<div class=”bright”><h4><a href=”id/profil/staf-pengajar/2309-arizona-mustika-rini” target=”_parent”>Arizona Mustika Rini, S.E., M.Bus(Acc)., Ph.D., Ak., CA.</a></h4><p>Kepala Unit Relasi Global dan Mobilitas (GREAT)</p></div>
</div>
</div>{/source}