Quadratic graph explorer

<div class="content-block content-block--table"><div class="table-container"><table style="table-layout: fixed; width: 520px;"><colgroup><col style="width: 130px;"><col style="width: 130px;"><col style="width: 130px;"><col style="width: 130px;"></colgroup><thead><tr style="height: 40px;"><th style="height: 40px; min-height: 40px; text-align: left; --cell-justify: flex-start"></th><th style="height: 40px; min-height: 40px; text-align: center; --cell-justify: center"><p>Shape of curve</p></th><th style="height: 40px; min-height: 40px; text-align: center; --cell-justify: center"><p>Completed the Square Form</p></th><th style="height: 40px; min-height: 40px; text-align: center; --cell-justify: center"><p>Stationary Point</p></th></tr></thead><tbody><tr style="height: 303px;"><td style="height: 303px; min-height: 303px; text-align: center; --cell-justify: center"><p>$y=a{{x}^{2}}+bx+c$</p><p>where $a&gt;0$</p></td><td style="height: 303px; min-height: 303px; text-align: left; --cell-justify: flex-start"></td><td style="height: 303px; min-height: 303px; text-align: left; --cell-justify: flex-start"></td><td style="height: 303px; min-height: 303px; text-align: left; --cell-justify: flex-start"></td></tr></tbody></table></div></div>
<div class="content-block content-block--table"><div class="table-container"><table style="table-layout: fixed; width: 520px;"><colgroup><col style="width: 130px;"><col style="width: 130px;"><col style="width: 130px;"><col style="width: 130px;"></colgroup><thead><tr style="height: 40px;"><th style="height: 40px; min-height: 40px; text-align: left; --cell-justify: flex-start"></th><th style="height: 40px; min-height: 40px; text-align: center; --cell-justify: center"><p>Shape of curve</p></th><th style="height: 40px; min-height: 40px; text-align: center; --cell-justify: center"><p>Completed the Square Form</p></th><th style="height: 40px; min-height: 40px; text-align: center; --cell-justify: center"><p>Stationary Point</p></th></tr></thead><tbody><tr style="height: 300px;"><td style="height: 300px; min-height: 300px; text-align: center; --cell-justify: center"><p>$y=a{{x}^{2}}+bx+c$</p><p>where $a&lt;0$</p></td><td style="height: 300px; min-height: 300px; text-align: left; --cell-justify: flex-start"></td><td style="height: 300px; min-height: 300px; text-align: left; --cell-justify: flex-start"></td><td style="height: 300px; min-height: 300px; text-align: left; --cell-justify: flex-start"></td></tr></tbody></table></div></div>

<p>$y=a{{x}^{2}}+bx+c$</p><p>where $a&gt;0$</p>

<p>$y=a{{x}^{2}}+bx+c$</p><p>where $a&lt;0$</p>

Maximum and Minimum Values of General Quadratic Functions

Maximum and Minimum Values of General Quadratic Functions