Ramadan Mubarak 2024 - Blessed Wishes

Beautiful Wishes

May Allah bless you with happiness and grace this Ramadan

Greeting Cards

/* styles.css */ /* Full Styling */ .header { text-align: center; padding: 6rem 0; background: linear-gradient(135deg, var(--primary), #1e401f); color: white; margin-bottom: 3rem; transition: all 0.3s ease; } .wish-card { background: white; border-radius: 15px; padding: 2rem; margin: 1.5rem 0; box-shadow: 0 5px 25px rgba(0,0,0,0.1); transform: translateY(0); transition: all 0.3s ease; } .wish-card:hover { transform: translateY(-5px); box-shadow: 0 10px 35px rgba(0,0,0,0.15); } .share-btn { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--secondary); color: white; border: none; padding: 0.8rem 1.5rem; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; margin-top: 1.5rem; } .share-btn:hover { background: var(--primary); transform: scale(1.05); } .fab { position: fixed; bottom: 2rem; right: 2rem; background: var(--secondary); width: 60px; height: 60px; border-radius: 50%; display: grid; place-items: center; cursor: pointer; box-shadow: 0 5px 15px rgba(0,0,0,0.2); transition: all 0.3s ease; } .fab:hover { transform: scale(1.1) rotate(360deg); background: var(--primary); } .gallery .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin: 2rem 0; } .gallery img { width: 100%; height: 400px; object-fit: cover; border-radius: 15px; transition: transform 0.3s ease; } .gallery img:hover { transform: scale(1.03); } @media (max-width: 768px) { .header { padding: 4rem 0; } .wish-card { padding: 1.5rem; } }