Bentuk Gaya Hidup Modern
Bentuk-bentuk gaya hidup manusia modern, terutama di kota metropolis di antaranya:
Mobilitas Tinggi
Dengan perkembangan teknologi, mobilitas menjadi lebih tinggi dan padat. Dengan begitu, sangatlah mudah seseorang untuk pergi ke tampat satu ke tempat lainnya dengan cepat.
Gaya Hidup Instan
Teknologi dna komunikasi membuat manusia mudah dalam melakukan sesuatu. Tak jarang manusia menginginkan sesuatu dengan cepat. Bahkan, saat ini bermunculan restoran fast food sebagai ikon gaya hidup modern.
Status Sosial
Status sosial menjadi hal yang sangat penting dalam gaya kehidupan modern, mulai dari gelar, jabatan, hingga kekayaan.
![Video Terpopuler 1](/search/label/<!-- VIDEO TERPOPULER -->
<div class="video-terpopuler">
<div class="vt-header">
<span>VIDEO</span>
<h2>VIDEO TERPOPULER</h2>
</div>
<div class="vt-list">
<!-- VIDEO 1 -->
<a class="vt-item" href="https://www.youtube.com/watch?v=VIDEO_ID_1" target="_blank">
<div class="vt-thumb">
<img src="https://img.youtube.com/vi/VIDEO_ID_1/hqdefault.jpg" alt="Video Terpopuler 1" />
<b>▶</b>
</div>
<div class="vt-info">
<h3>Judul Video Terpopuler Pertama</h3>
<p>▶ 12.500 penayangan</p>
</div>
</a>
<!-- VIDEO 2 -->
<a class="vt-item" href="https://www.youtube.com/watch?v=VIDEO_ID_2" target="_blank">
<div class="vt-thumb">
<img src="https://img.youtube.com/vi/VIDEO_ID_2/hqdefault.jpg" alt="Video Terpopuler 2" />
<b>▶</b>
</div>
<div class="vt-info">
<h3>Berita dan Informasi Terbaru Papua</h3>
<p>▶ 10.800 penayangan</p>
</div>
</a>
<!-- VIDEO 3 -->
<a class="vt-item" href="https://www.youtube.com/watch?v=VIDEO_ID_3" target="_blank">
<div class="vt-thumb">
<img src="https://img.youtube.com/vi/VIDEO_ID_3/hqdefault.jpg" alt="Video Terpopuler 3" />
<b>▶</b>
</div>
<div class="vt-info">
<h3>Suara Masyarakat Papua</h3>
<p>▶ 8.700 penayangan</p>
</div>
</a>
<!-- VIDEO 4 -->
<a class="vt-item" href="https://www.youtube.com/watch?v=VIDEO_ID_4" target="_blank">
<div class="vt-thumb">
<img src="https://img.youtube.com/vi/VIDEO_ID_4/hqdefault.jpg" alt="Video Terpopuler 4" />
<b>▶</b>
</div>
<div class="vt-info">
<h3>Budaya dan Kehidupan Masyarakat Papua</h3>
<p>▶ 7.200 penayangan</p>
</div>
</a>
<!-- VIDEO 5 -->
<a class="vt-item" href="https://www.youtube.com/watch?v=VIDEO_ID_5" target="_blank">
<div class="vt-thumb">
<img src="https://img.youtube.com/vi/VIDEO_ID_5/hqdefault.jpg" alt="Video Terpopuler 5" />
<b>▶</b>
</div>
<div class="vt-info">
<h3>Peristiwa Terkini Hari Ini</h3>
<p>▶ 6.500 penayangan</p>
</div>
</a>
</div>
</div>
<style>
.video-terpopuler {
width: 100%;
max-width: 700px;
margin: 20px auto;
padding: 18px;
box-sizing: border-box;
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 18px rgba(0,0,0,.12);
font-family: Arial, sans-serif;
}
.vt-header {
border-bottom: 2px solid #222;
margin-bottom: 15px;
padding-bottom: 10px;
}
.vt-header span {
font-size: 10px;
background: #222;
color: #fff;
padding: 4px 8px;
border-radius: 4px;
font-weight: bold;
}
.vt-header h2 {
margin: 8px 0 0;
font-size: 22px;
color: #222;
}
.vt-item {
display: flex;
gap: 13px;
padding: 12px 0;
border-bottom: 1px solid #eee;
text-decoration: none !important;
}
.vt-item:last-child {
border-bottom: none;
}
.vt-thumb {
position: relative;
width: 145px;
min-width: 145px;
height: 82px;
overflow: hidden;
border-radius: 7px;
background: #ddd;
}
.vt-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.vt-thumb b {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
border-radius: 50%;
background: rgba(0,0,0,.75);
color: #fff;
font-size: 14px;
}
.vt-info h3 {
margin: 3px 0 10px;
color: #222;
font-size: 16px;
line-height: 1.35;
}
.vt-info p {
margin: 0;
color: #777;
font-size: 12px;
}
/* Efek saat mouse diarahkan */
.vt-item:hover .vt-thumb img {
transform: scale(1.07);
}
.vt-thumb img {
transition: .3s;
}
/* HP */
@media(max-width:600px) {
.video-terpopuler {
padding: 14px;
}
.vt-thumb {
width: 120px;
min-width: 120px;
height: 68px;
}
.vt-info h3 {
font-size: 14px;
}
.vt-header h2 {
font-size: 19px;
}
}
</style>?&max-results=20)
▶
