25
/* Reset Dasar */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Inter’, sans-serif;
line-height: 1.6;
background-color: #f4f4f4;
color: #333;
}
.container {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
}
/* Header */
header {
background: #fff;
padding: 20px 0;
border-bottom: 1px solid #ddd;
position: sticky;
top: 0;
z-index: 100;
}
#logo h1 {
font-size: 28px;
color: #222;
}
#logo span {
color: #007bff; /* Warna biru aksen */
}
nav ul {
display: flex;
list-style: none;
margin-top: 10px;
}
nav ul li {
margin-right: 20px;
}
nav ul li a {
text-decoration: none;
color: #555;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}
nav ul li a:hover {
color: #007bff;
}
/* Layout Utama */
.main-layout {
display: flex;
gap: 30px;
margin-top: 30px;
}
.content {
flex: 2;
}
.sidebar {
flex: 1;
}
/* Post Card */
.post-card {
background: #fff;
margin-bottom: 30px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.post-img {
height: 300px;
background-size: cover;
background-position: center;
}
.post-info {
padding: 20px;
}
.category {
background: #007bff;
color: #fff;
padding: 3px 10px;
font-size: 12px;
border-radius: 3px;
text-transform: uppercase;
}
.post-info h2 {
margin: 10px 0;
font-size: 24px;
}
.meta {
font-size: 12px;
color: #888;
margin-bottom: 15px;
}
.excerpt {
margin-bottom: 20px;
color: #666;
}
.read-more {
text-decoration: none;
color: #007bff;
font-weight: bold;
border-bottom: 2px solid #007bff;
}
/* Sidebar Widget */
.widget {
background: #fff;
padding: 20px;
margin-bottom: 25px;
border-radius: 8px;
}
.widget h3 {
border-left: 4px solid #007bff;
padding-left: 10px;
margin-bottom: 15px;
font-size: 18px;
}
.widget input {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
}
.widget ul {
list-style: none;
}
.widget ul li {
padding: 8px 0;
border-bottom: 1px solid #eee;
}
.widget ul li a {
text-decoration: none;
color: #333;
font-size: 14px;
}
/* Footer */
footer {
background: #222;
color: #fff;
text-align: center;
padding: 30px 0;
margin-top: 50px;
}
/* Responsive */
@media (max-width: 768px) {
.main-layout {
flex-direction: column;
}
}
TechkTarget Clone – Top Technology Insights
TechkTarget
Tech
IPTV Maroc 2026: Best Apps, Services & Setup
In Morocco, the way people consume television has dramatically evolved over the past few years. Discover the best IPTV services available now…
Read More
Real Estate
pohonemas33 |
pohonemas 33 |
pohonemas33 login
Connectivity Outside, Calm Inside: Modern Home Trends
How great homes balance urban energy with private sanctuary. Exploring the connectivity-calm paradox in 2026…
Read More
