Callouts

<div class="comet-callout comet-callout--definition">
    <div class="comet-callout__icon-box">
        <svg class="comet-callout__icon" aria-hidden="true" focusable="false">
            <use xlink:href="/comet/comet_assets/comet.svg#callout-glossary-term"></use>
        </svg>
        <div class="comet-screenreader-only">glossary term</div>
    </div>
    <div class="comet-callout__content">
        <p>Exponential notation is a shorter way to write <br>a number by using exponents. </p>
    </div>
</div>
                

{{ comet.callout(type="definition", content="Exponential notation is a shorter way to write <br>a number by using exponents. ", icon_screenreader_text="glossary term") }}
                
Macro params reference

<div class="comet-callout comet-callout--did-you-know">
    <div class="comet-callout__icon-box">
        <svg class="comet-callout__icon" aria-hidden="true" focusable="false">
            <use xlink:href="/comet/comet_assets/comet.svg#callout-did-you-know"></use>
        </svg>
        <div class="comet-screenreader-only">did you know?</div>
    </div>
    <div class="comet-callout__content">
        <h3>Did You Know?</h3>
        <p>Heat is not a thing. It is energy.</p>
    </div>
</div>
                

{{ comet.callout(type="did-you-know",header="Did You Know?", content="Heat is not a thing. It is energy.", icon_screenreader_text="did you know?") }}
                
Macro params reference

<div class="comet-callout comet-callout--focus-benchmark">
    <div class="comet-callout__icon-box">
        <svg class="comet-callout__icon" aria-hidden="true" focusable="false">
            <use xlink:href="/comet/comet_assets/comet.svg#callout-state-standard"></use>
        </svg>
    </div>
    <div class="comet-callout__content">
        <h3>Focus Benchmark</h3>
        <p>A Clear and Present Danger: SS.7.C.2.5, SS.7.C.3.6</p>
    </div>
</div>
                

{{ comet.callout(type="focus-benchmark",header="Focus Benchmark", content="A Clear and Present Danger: SS.7.C.2.5, SS.7.C.3.6") }}
                
Macro params reference

<div class="comet-callout comet-callout--teacher-note">
    <div class="comet-callout__icon-box">
        <svg class="comet-callout__icon" aria-hidden="true" focusable="false">
            <use xlink:href="/comet/comet_assets/comet.svg#callout-teacher-note"></use>
        </svg>
    </div>
    <div class="comet-callout__content">
        <h3>Teacher Note</h3>
        <p>In this investigation, students will look closely to discern commonality of structure, MP.7. Students develop a classification of quadrilaterals based on their properties, communicate justification of their classification to others, and critique each other’s work, MP.3.</p>
    </div>
</div>
                

{{ comet.callout(type="teacher-note",header="Teacher Note", content="In this investigation, students will look closely to discern commonality of structure, MP.7. Students develop a classification of quadrilaterals based on their properties, communicate justification of their classification to others, and critique each other’s work, MP.3.") }}
                
Macro params reference

<div class="comet-callout comet-callout--misconception">
    <div class="comet-callout__icon-box">
        <svg class="comet-callout__icon" aria-hidden="true" focusable="false">
            <use xlink:href="/comet/comet_assets/comet.svg#callout-misconception"></use>
        </svg>
    </div>
    <div class="comet-callout__content">
        <h3>Misconception</h3>
        <p>Genes are not the same as chromosomes. Genes are segments of DNA that code for specific proteins. Each DNA molecule may contain hundreds or even thousands of genes. A chromosome is a structure that an entire DNA molecule forms along with some proteins that help give the chromosome shape.</p>
    </div>
</div>
                

{{ comet.callout(type="misconception",header="Misconception", content="Genes are not the same as chromosomes. Genes are segments of DNA that code for specific proteins. Each DNA molecule may contain hundreds or even thousands of genes. A chromosome is a structure that an entire DNA molecule forms along with some proteins that help give the chromosome shape.") }}
                
Macro params reference