صفحه وبلاگ

body {
font-family: 'Tahoma', 'Arial', sans-serif;
line-height: 1.8;
background-color: #f5f5f5;
color: #333;
}

header {
background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
color: white;
padding: 2rem 0;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

header h1 {
font-size: 2.5rem;
margin-bottom: 0.5rem;
}

header p {
font-size: 1.1rem;
opacity: 0.9;
}

nav {
background-color: white;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
position: sticky;
top: 0;
z-index: 100;
}

nav ul {
list-style: none;
display: flex;
justify-content: center;
padding: 1rem 0;
}

nav ul li {
margin: 0 1.5rem;
}

nav ul li a {
text-decoration: none;
color: #2ecc71;
font-weight: bold;
transition: color 0.3s;
}

nav ul li a:hover {
color: #27ae60;
}

main {
padding: 3rem 0;
}

.blog-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-bottom: 3rem;
}

.blog-card {
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
transition: transform 0.3s, box-shadow 0.3s;
}

.blog-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.blog-image {
width: 100%;
height: 200px;
background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 3rem;
}

.blog-content {
padding: 1.5rem;
}

.blog-content h2 {
color: #2ecc71;
margin-bottom: 0.5rem;
font-size: 1.5rem;
}

.blog-meta {
color: #999;
font-size: 0.9rem;
margin-bottom: 1rem;
}

.blog-meta span {
margin-left: 1rem;
}

.blog-content p {
color: #666;
margin-bottom: 1rem;
}

.read-more {
display: inline-block;
background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
color: white;
padding: 0.5rem 1.5rem;
border-radius: 5px;
text-decoration: none;
transition: opacity 0.3s;
}

.read-more:hover {
opacity: 0.9;
}

.sidebar {
background: white;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
margin-bottom: 2rem;
}

.sidebar h3 {
color: #2ecc71;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid #2ecc71;
}

.sidebar ul {
list-style: none;
}

.sidebar ul li {
padding: 0.5rem 0;
border-bottom: 1px solid #eee;
}

.sidebar ul li a {
text-decoration: none;
color: #666;
transition: color 0.3s;
}

.sidebar ul li a:hover {
color: #2ecc71;
}

footer {
background-color: #333;
color: white;
text-align: center;
padding: 2rem 0;
margin-top: 3rem;
}

footer p {
opacity: 0.8;
}

footer a {
color: #2ecc71;
text-decoration: none;
}

footer a:hover {
text-decoration: underline;
}

@media (max-width: 768px) {
header h1 {
font-size: 2rem;
}

nav ul {
flex-direction: column;
align-items: center;
}

nav ul li {
margin: 0.5rem 0;
}

.blog-grid {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<header>
<div class="container">
<h1>🌸 گل‌سکندو</h1>
<p>وبلاگ تخصصی - محتوای ارزشمند و کاربردی</p>
</div>
</header>

<nav>
<ul>
<li><a href="/">خانه</a></li>
<li><a href="/about">درباره ما</a></li>
<li><a href="/blog">مقالات</a></li>
<li><a href="/contact">تماس با ما</a></li>
</ul>
</nav>

<main>
<div class="container">
<div class="blog-grid">
<article class="blog-card">
<div class="blog-image">🌱</div>
<div class="blog-content">
<h2>راهنمای کامل باغبانی خانگی</h2>
<div class="blog-meta">
<span>📅 ۳۱ اردیبهشت ۱۴۰۵</span>
<span>✍️ تیم گل‌سکندو</span>
</div>
<p>باغبانی خانگی یکی از سرگرمی‌های لذت‌بخش و مفید است. در این مقاله با نکات کلیدی نگهداری گیاهان آپارتمانی آشنا می‌شوید...</p>
<a href="#" class="read-more">ادامه مطلب</a>
</div>
</article>

<article class="blog-card">
<div class="blog-image">🌺</div>
<div class="blog-content">
<h2>بهترین گل‌های آپارتمانی</h2>
<div class="blog-meta">
<span>📅 ۲۸ اردیبهشت ۱۴۰۵</span>
<span>✍️ تیم گل‌سکندو</span>
</div>
<p>انتخاب گل و گیاه مناسب برای فضای داخلی خانه اهمیت زیادی دارد. در این مقاله بهترین گزینه‌ها را معرفی می‌کنیم...</p>
<a href="#" class="read-more">ادامه مطلب</a>
</div>
</article>

<article class="blog-card">
<div class="blog-image">💧</div>
<div class="blog-content">
<h2>آبیاری صحیح گیاهان</h2>
<div class="blog-meta">
<span>📅 ۲۵ اردیبهشت ۱۴۰۵</span>
<span>✍️ تیم گل‌سکندو</span>
</div>
<p>آبیاری یکی از مهم‌ترین عوامل در سلامت گیاهان است. با روش‌های صحیح آبیاری و نکات کاربردی آشنا شوید...</p>
<a href="#" class="read-more">ادامه مطلب</a>
</div>
</article>

<article class="blog-card">
<div class="blog-image">🌿</div>
<div class="blog-content">
<h2>گیاهان دارویی خانگی</h2>
<div class="blog-meta">
<span>📅 ۲۰ اردیبهشت ۱۴۰۵</span>
<span>✍️ تیم گل‌سکندو</span>
</div>
<p>کاشت گیاهان دارویی در خانه هم مفید است و هم زیبا. با انواع گیاهان دارویی و نحوه نگهداری آن‌ها آشنا شوید...</p>
<a href="#" class="read-more">ادامه مطلب</a>
</div>
</article>

<article class="blog-card">
<div class="blog-image">🪴</div>
<div class="blog-content">
<h2>انتخاب گلدان مناسب</h2>
<div class="blog-meta">
<span>📅 ۱۵ اردیبهشت ۱۴۰۵</span>
<span>✍️ تیم گل‌سکندو</span>
</div>
<p>گلدان مناسب می‌تواند تأثیر زیادی در رشد و سلامت گیاه داشته باشد. راهنمای کامل انتخاب گلدان را بخوانید...</p>
<a href="#" class="read-more">ادامه مطلب</a>
</div>
</article>

<article class="blog-card">
<div class="blog-image">☀️</div>
<div class="blog-content">
<h2>نور مناسب برای گیاهان</h2>
<div class="blog-meta">
<span>📅 ۱۰ اردیبهشت ۱۴۰۵</span>
<span>✍️ تیم گل‌سکندو</span>
</div>
<p>نور یکی از عوامل حیاتی برای رشد گیاهان است. با نیاز نوری گیاهان مختلف و نحوه تأمین آن آشنا شوید...</p>
<a href="#" class="read-more">ادامه مطلب</a>
</div>
</article>
</div>

<aside class="sidebar">
<h3>دسته‌بندی‌ها</h3>
<ul>
<li><a href="#">باغبانی خانگی</a></li>
<li><a href="#">گل‌های آپارتمانی</a></li>
<li><a href="#">گیاهان دارویی</a></li>
<li><a href="#">نگهداری گیاهان</a></li>
<li><a href="#">آموزش باغبانی</a></li>
<li><a href="#">تزئینات گیاهی</a></li>
</ul>
</aside>
</div>
</main>

<footer>
<div class="container">
<p>© ۱۴۰۵ <a href="https://golsakando.ir">گل‌سکندو</a> - تمامی حقوق محفوظ است</p>
</div>
</footer>
</body>