Bahasa Indonesia
English
Fakultas Kedokteran UNYUniversitas Negeri YogyakartaGedung Imam BarnadibJl. Colombo No.1 Karangmalang Yogyakartawebsite http://fk.uny.ac.ide-mail: fk@uny.ac.idInstagram: @fk.unyTik-Tok: @fkuny
Sosial Media Fakultas Kedokteran UNY
TikTok FK UNY
Video Profil Fakultas Kedokteran UNY
Instagram FK UNY
Website Terkait
<style>
/* Judul Utama - Gaya Sosial Media (Warna Abu-abu Lembut) */
.main-title {
text-align: center;
font-size: 30px;
font-weight: 400;
color: #777;
margin-bottom: 15px;
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
/* Container utama */
.jomassh-wrapper {
display: flex;
justify-content: center;
padding: 10px;
font-family: 'Segoe UI', Roboto, sans-serif;
}
/* Kotak Utama */
.jomassh-card {
width: 350px;
background: #ffffff;
border-radius: 16px;
border: 1px solid #eef1f4;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transition: all 0.4s ease;
text-align: center;
overflow: hidden;
padding-bottom: 20px;
}
.jomassh-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(78, 95, 112, 0.12);
}
/* Area Ikon - Dibuat Fit to Page (Full Width) */
.jomassh-icon-area {
width: 100%;
height: 160px; /* Tinggi proporsional untuk gambar landscape */
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
margin-bottom: 10px; /* Jarak sangat rapat ke teks */
}
.jomassh-icon-area img {
width: 100%; /* Fit ke lebar kotak */
height: 100%; /* Fit ke tinggi kotak */
object-fit: cover; /* Gambar memenuhi area tanpa sisa ruang putih */
transition: transform 0.4s ease;
}
.jomassh-card:hover .jomassh-icon-area img {
transform: scale(1.05);
}
/* Teks Judul */
.jomassh-title {
font-size: 18px;
font-weight: 700;
color: #4e5f70;
text-decoration: none;
display: block;
margin-bottom: 15px;
line-height: 1.2;
}
/* Tombol Action */
.jomassh-btn {
display: inline-block;
padding: 10px 30px;
background-color: #4e5f70;
color: #ffffff !important;
text-decoration: none;
border-radius: 50px; /* Dibuat lonjong agar seragam */
font-size: 14px;
font-weight: 600;
transition: background 0.3s ease;
}
.jomassh-btn:hover {
background-color: #3b4a58;
}
</style>
<h2 class="main-title"/h2>
<div class="jomassh-wrapper">
<div class="jomassh-card">
<a href="https://journal.uny.ac.id/publications/jomassh/index" class="jomassh-icon-area">
<img src="/sites/fk.uny.ac.id/files/Jomassh.png" alt="Logo JoMaSSH">
</a>
<a href="https://journal.uny.ac.id/publications/jomassh/index" class="jomassh-title">
Website JoMaSSH
</a>
<a href="https://journal.uny.ac.id/publications/jomassh/index" class="jomassh-btn">
Kunjungi Jurnal
</a>
</div>
</div>
-
Post date: 12/11/2024 - 03:40 -
Post date: 17/10/2024 - 17:52 -
Post date: 17/10/2024 - 16:42 -
Post date: 15/10/2024 - 18:18 -
Post date: 15/10/2024 - 18:07 -
Post date: 15/10/2024 - 17:35
Pages
Kontak Kami
Fakultas Kedokteran UNYUniversitas Negeri YogyakartaGedung Imam BarnadibJl. Colombo No.1 Karangmalang Yogyakartawebsite http://fk.uny.ac.ide-mail: fk@uny.ac.idInstagram: @fk.unyTik-Tok: @fkuny