<div style="font-family: Arial, sans-serif; background:#f4f8fb; padding:20px; line-height:1.8;">
<h1 style="text-align:center; color:#0b5394; font-size:36px;">
DEGREES OF COMPARISON
</h1>
<p style="text-align:center; color:#555; font-size:18px;">
Learn how to compare adjectives easily
</p>
<hr style="border:2px solid #0b5394; width:80%; margin:auto;">
<!-- POSITIVE -->
<div style="background:#d9ead3; padding:15px; border-left:8px solid #38761d; margin-top:20px;">
<h2>1. POSITIVE DEGREE</h2>
<p>Used to describe a quality (no comparison).</p>
<p><b>Examples:</b><br>
Ram is <b>tall</b>.<br>
This flower is <b>beautiful</b>.
</p>
</div>
<!-- COMPARATIVE -->
<div style="background:#fff2cc; padding:15px; border-left:8px solid #bf9000; margin-top:20px;">
<h2>2. COMPARATIVE DEGREE</h2>
<p>Used to compare two persons or things.</p>
<p><b>Structure:</b> adjective + er / more</p>
<p><b>Examples:</b><br>
Ram is <b>taller</b> than Shyam.<br>
This book is <b>more interesting</b> than that.
</p>
</div>
<!-- SUPERLATIVE -->
<div style="background:#cfe2f3; padding:15px; border-left:8px solid #0b5394; margin-top:20px;">
<h2>3. SUPERLATIVE DEGREE</h2>
<p>Used to compare more than two.</p>
<p><b>Structure:</b> the + adjective + est / most</p>
<p><b>Examples:</b><br>
Ram is the <b>tallest</b> boy.<br>
This is the <b>most beautiful</b> place.
</p>
</div>
<!-- TABLE -->
<div style="background:#ead1dc; padding:15px; border-left:8px solid #a64d79; margin-top:20px;">
<h2>📊 Examples Table</h2>
<table style="width:100%; border-collapse:collapse; text-align:center;">
<tr style="background:#0b5394; color:white;">
<th>Positive</th>
<th>Comparative</th>
<th>Superlative</th>
</tr>
<tr>
<td>tall</td>
<td>taller</td>
<td>tallest</td>
</tr>
<tr>
<td>big</td>
<td>bigger</td>
<td>biggest</td>
</tr>
<tr>
<td>happy</td>
<td>happier</td>
<td>happiest</td>
</tr>
<tr>
<td>beautiful</td>
<td>more beautiful</td>
<td>most beautiful</td>
</tr>
<tr>
<td>good</td>
<td>better</td>
<td>best</td>
</tr>
<tr>
<td>bad</td>
<td>worse</td>
<td>worst</td>
</tr>
</table>
</div>
<!-- FOOTER -->
<div style="text-align:center; margin-top:25px; color:#666;">
📚 Practice daily to master English grammar!
</div>
</div>
CONCEPT
( development of human relations and human resources )
