/* button panel */ .button-panel display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 10px; .btn border: none; background: #f97316; color: white; padding: 12px 28px; font-size: 1rem; font-weight: 600; border-radius: 60px; cursor: pointer; transition: 0.2s; box-shadow: 0 2px 6px rgba(0,0,0,0.1); font-family: inherit; .btn-pdf background: #b45309; .btn-pdf:hover background: #9a3412; transform: scale(1.02); .btn-reset background: #2c3e66; .btn-reset:hover background: #1e2a4a; footer font-size: 0.75rem; color: #64748b; text-align: center; margin-top: 20px; @media print body background: white; padding: 0; margin: 0; .worksheet-container box-shadow: none; padding: 15px; margin: 0; max-width: 100%; .button-panel, .btn, footer p:first-child display: none; .practice-input border: 1px solid #ccc; background: white; .student-info border: 1px solid #fcd34d; background: #fef9e6; -webkit-print-color-adjust: exact; print-color-adjust: exact; .gunintham-table th background: #ffedd5; -webkit-print-color-adjust: exact; print-color-adjust: exact; </style> </head> <body>
/* header area */ .worksheet-header text-align: center; margin-bottom: 28px; border-bottom: 3px solid #f59e0b; padding-bottom: 16px; .worksheet-header h1 font-size: 2rem; color: #1e293b; letter-spacing: -0.3px; .worksheet-header h1 span color: #b45309; font-weight: 600; .worksheet-header p color: #475569; font-size: 1rem; margin-top: 8px; telugu guninthalu worksheets pdf
/* student info line (optional) */ .student-info display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; background: #fef9e6; padding: 12px 20px; border-radius: 28px; margin-bottom: 30px; font-size: 1rem; border: 1px dashed #fcd34d; .info-field font-weight: 500; color: #334155; .info-field span font-weight: 700; color: #b45309; /* button panel */
<div class="worksheet-container" id="worksheetContent"> <div class="worksheet-header"> <h1>📜 తెలుగు గుణింతాలు <span>Telugu Guninthalu</span></h1> <p>Practice writing vowel signs (గుణింతాలు) with consonants | Trace & write each combined form</p> </div> Perfect for practice
<div class="button-panel"> <button class="btn btn-pdf" id="downloadPDFBtn">📄 Download as PDF Worksheet</button> <button class="btn btn-reset" id="resetPracticeBtn">🔄 Clear All Practice Fields</button> </div> <footer> <p>✍️ Telugu Guninthalu Practice Sheets | Write each combined consonant+vowel sign | Printable for students & teachers</p> </footer>
<div class="student-info"> <div class="info-field">✍️ Name: <span contenteditable="true" id="studentName" style="min-width: 140px; display: inline-block; border-bottom:1px dashed #f59e0b;">___________________</span></div> <div class="info-field">📅 Date: <span contenteditable="true" id="studentDate" style="min-width: 120px; display: inline-block; border-bottom:1px dashed #f59e0b;">___________________</span></div> <div class="info-field">⭐ Class: <span contenteditable="true" id="studentClass" style="min-width: 100px; display: inline-block; border-bottom:1px dashed #f59e0b;">_________</span></div> </div>
<div class="instruction-note"> 🔤 Each row shows a base consonant (హల్లు) and its 12 guninthaalu (vowel signs: అ, ఆ, ఇ, ఈ, ఉ, ఊ, ఋ, ౠ, ఎ, ఏ, ఐ, ఒ, ఓ, ఔ, అం, అః — standard 16? But traditional guninthalu usually 13 to 16 forms. We'll use common set: అ ఆ ఇ ఈ ఉ ఊ ఋ ౠ ఎ ఏ ఐ ఒ ఓ ఔ అం అః. Perfect for practice.) <br> ✅ Write each gunintham in the empty box below the example. Practice improves handwriting! </div>