گزارش کار آماده در موضوع آشنایی با تاسیسات الکتریکی قابل ویرایش 

گزارش کار آماده در موضوع آشنایی با تاسیسات الکتریکی قابل ویرایش 

.download-suggestion { background-color: #ffffff; padding: 20px; border-radius: 15px; max-width: 600px; margin: 20px auto; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); display: flex; align-items: center; gap: 20px; position: relative; transition: transform 0.2s; } .download-suggestion:hover { transform: translateY(-3px); } .suggestion-label { position: absolute; top: -10px; left: -20px; background-color: #ffcc00; color: #2c3e50; padding: 8px 15px; border-radius: 10px; font-weight: bold; transform: rotate(-30deg); white-space: nowrap; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); font-size: 1.1em; } .thumbnailpp { flex-shrink: 0; border-radius: 15px; overflow: hidden; } .thumbnailpp img { width: 130px; height: auto; border-radius: 15px; transition: transform 0.3s; } .content { text-align: right; flex-grow: 1; } .content h4 { margin: 0; font-size: 1.5em; color: #2c3e50; font-weight: bold; transition: color 0.3s; } .content h4:hover { color: #3498db; } .content p { margin: 10px 0; color: #34495e; font-size: 0.95em; line-height: 1.5; } .download-button { background-color: #ff5722; color: white; padding: 12px 20px; text-decoration: none; border-radius: 25px; transition: background-color 0.3s, transform 0.2s; display: inline-flex; align-items: center; font-weight: bold; border: none; cursor: pointer; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .download-button:hover { background-color: #e64a19; transform: translateY(-2px); } .download-button svg { margin-left: 8px; fill: white; width: 20px; height: 20px; }