HTML
6ca;منبع: https://rasanika.com
font-size: 0.9rem;
}
.btn-register {
background: linear-gradient(135deg, #ffb74d, #ff9800);
padding: 16px 32px;
border-radius: 50px;
display: inline-block;
font-size: 1.6rem;
font-weight: bold;
color: #2c3e2f;
text-decoration: none;
margin: 15px 0 10px;
box-shadow: 0 10px 15px rgba(0,0,0,0.1);
transition: transform 0.2s;
border: none;
font-family: inherit;
}
.btn-register:hover {
transform: scale(1.02);
background: linear-gradient(135deg, #ffa726, #f57c00);
}
.contact {
margin-top: 20px;
font-size: 0.9rem;
color: #2c5e2a;
background: #e0f2e0;
padding: 12px;
border-radius: 30px;
}
/* فوتر */
.footer {
background: #2c6e2c;
color: #e0f0da;
text-align: center;
padding: 15px;
font-size: 0.8rem;
}
@media (max-width: 550px) {
.catch-phrase { font-size: 1.6rem; }
.logo-text { font-size: 1.8rem; }
.school-name { font-size: 1.2rem; }
.btn-register { font-size: 1.2rem; padding: 12px 20px; }
}
</style>
</head>
<body>
<div class="poster">
<div class="hero">
<div class="logo-text">🌸 فردای سبز دیلم 🌿</div>
<div class="school-name">دبستان دخترانه</div>
<div class="subtitle">پیشدبستانی تا پایه ششم</div>
</div>
<div class="content">
<div class="catch-phrase">
🌱 با ما به سوی فردایی سبزتر 🌱
</div>
<div class="description">
<p>✨ آغاز ثبتنام سال تحصیلی جدید ✨</p>
<p>مدرسهای سرشار از شادی، خلاقیت و مهارتهای زندگی در فضایی سبز و امن.</p>
<p>با کادری مجرب، محیطی شاداب و برنامههای فوقبرنامه ویژه دختران ایرانزمین.</p>
</div>
<div class="highlight-list">
<span class="highlight-item">🏫 کلاسهای هوشمند</span>
<span class="highlight-item">🎨 هنر و خلاقیت</span>
<span class="highlight-item">🧘 یوگا و مهارت زندگی</span>
<span class="highlight-item">🌿 حیاط سبز و گلخانه</span>
<span class="highlight-item">📖 تقویت زبان و قرآن</span>
</div>
<div style="text-align: center;">
<div class="btn-register">
📞 همین حالا ثبتنام کن 📞
</div>
</div>
<div class="contact">
🏡 آدرس: شهر دیلم - بلوار فردوس - نبش کوچه اندیشه ۳<br>
☎️ ۰۷۷-۳۳۳۲۲۱۱۰ | 📱 ۰۹۱۲XXX۴۵۶۷<br>
⏰ همه روزه از ۹ صبح تا ۵ عصر
</div>
</div>
<div class="footer">
🔆 با هم بسازیم فردایی بهتر برای دختران ایران زمین 🔆
</div>
</div>
</body>
</html>
`
📌 توضیحات پوستر:
· تم اصلی: سبز طبیعت با گرادیان ملایم و حاشیه سبز پررنگ.
· پسزمینه زیبا: طرح برگ و شاخه در قسمت بالا و افکتهای نرم.
· متن قشنگ: شعار «با ما به سوی فردایی سبزتر»، جملات انگیزشی برای جذب والدین.
· امکانات برجسته: کلاس هوشمند، هنر، یوگا، حیاط سبز و...
· قابل استفاده: این پوستر کاملاً واکنشگرا (Responsive) است و در موبایل و کامپیوتر خوب نمایش داده میشود.
⚙️ چطور از آن استفاده کنی؟
1. کد بالا را در Notepad یا هر ویرایشگر متنی کپی کن.
2. با نام مثلاً poster.html ذخیره کن.
3. فایل را با مرورگر (کروم، فایرفاکس و...) باز کن.
4. با دکمه Print Screen یا ابزار اسکرینشات (مثلاً F12 و سپس Ctrl+Shift+S در مرورگر) از آن عکس بگیر.
5. میتوانی ابعاد را با CSS تغییر دهی یا به چاپخانه بدهی تا به صورت A3/A4 چاپ کنند.
اگر بخواهی فقط متن پوستر را داشته باشی (بدون کد)، این متن رو میتوانی به طراح بدی:
پوستر مدرسه ابتدایی دخترانه فردای سبز دیلم
رنگ سبز، پسزمینه طبیعی (جنگل یا چمنزار با نور خورشی
د)
متن اصلی: «با ما به سوی فردایی سبزتر»
زیرمتن: «ثبتنام سال تحصیلی جدید - از پیشدبستانی تا پایه ششم»
آیتمهای