Comparison Table

Displays a comparison of items.

EXISTING OFFER: TV AND MOBILE	NEW OFFER: TV, MOBILE AND WIRELINE TRIPLE PLAY
Internet Speed: 25Mbps	Internet Speed: 25Mbps
Cable Modem: Cable Modem	Cable Modem: Cable Modem
HBO: HBO
DVR: SD DVR	DVR: HD DVR

HTML

<div class="t-content" style="width: 100%;">
    <table class="c-comparisonTable">
        <thead class="c-comparisonTable-header">
            <th>EXISTING OFFER: TV AND MOBILE</th>
            <th>NEW OFFER: TV, MOBILE AND WIRELINE TRIPLE PLAY</th>
        </thead>
        <tbody>
            <tr class="c-comparisonTable-row">
                <td>Internet Speed: 25Mbps</td>
                <td>Internet Speed: 25Mbps</td>
            </tr>
            <tr class="c-comparisonTable-row">
                <td>Cable Modem: Cable Modem</td>
                <td>Cable Modem: Cable Modem</td>
            </tr>
            <tr class="c-comparisonTable-row">
                <td class="is-removal">HBO: HBO</td>
                <td></td>
            </tr>
            <tr class="c-comparisonTable-row">
                <td>DVR: SD DVR</td>
                <td class="is-addition">DVR: HD DVR</td>
            </tr>
        </tbody>
    </table>
</div>

Comparison Table of Offers

Displays a comparison of offers.

Existing Offer: TV and Wireline Double Play	New Offer: TV, Mobile and Wireline Triple Play
Internet Speed 25Mbps Unit Price $35.00	Internet Speed 25Mbps Unit Price $35.00
Cable Modem: Cable Modem Unit Price $5.00	Cable Modem: Cable Modem Unit Price $5.00
Wireless Gateway: Wireless Gateway Unit Price $10.00	Wireless Gateway: Wireless Gateway Unit Price $10.00
Wireless Data: 1 GB Free; $10/GB Unit Price $35.00 $25.00 Discount $10.00	Wireless Data: 1 GB Free; $10/GB Unit Price $35.00 $25.00 Discount $10.00
TV : Starter Unit Price $25.00 $15.00 Discount $10.00	Wireless Data: 1 GB Free; $10/GB Unit Price $35.00 $25.00 Discount $10.00
DVR: HD DVR Unit Price $20.00	DVR: HD DVR Unit Price $20.00
High Def. Service Unit Price $12.00	High Def. Service Unit Price $12.00
HBO : HBO Unit Price $12.00
Discount $100.00 Subtotal $10,000	Savings $100.00 Subtotal $10,000
TOTAL $22,000,000	TOTAL $22,000,000

HTML

<div class="t-content" style="width: 100%;">
    <table class="c-comparisonTable">
        <thead class="c-comparisonTable-header">
            <th>Existing Offer: TV and Wireline Double Play</th>
            <th>New Offer: TV, Mobile and Wireline Triple Play</th>
        </thead>
        <tbody>
            <tr class="c-comparisonTable-row">
                <td>
                    <div class="c-comparedItem-title">Internet Speed 25Mbps</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price">$35.00</div>
                    </div>
                </td>
                <td>
                    <div class="c-comparedItem-title">Internet Speed 25Mbps</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price">$35.00</div>
                    </div>
                </td>
            </tr>
            <tr class="c-comparisonTable-row">
                <td>
                    <div class="c-comparedItem-title">Cable Modem: Cable Modem</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price">$5.00</div>
                    </div>
                </td>
                <td>
                    <div class="c-comparedItem-title">Cable Modem: Cable Modem</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price">$5.00</div>
                    </div>
                </td>
            </tr>
            <tr class="c-comparisonTable-row">
                <td>
                    <div class="c-comparedItem-title">Wireless Gateway: Wireless Gateway</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price">$10.00</div>
                    </div>
                </td>
                <td>
                    <div class="c-comparedItem-title">Wireless Gateway: Wireless Gateway</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price">$10.00</div>
                    </div>
                </td>
            </tr>
            <tr class="c-comparisonTable-row">
                <td>
                    <div class="c-comparedItem-title">Wireless Data: 1 GB Free; $10/GB</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price is-updated">$35.00</div>
                        <div class="c-comparedPrice-price">$25.00</div>
                    </div>
                    <div class="c-comparedItem-price c-comparedPrice is-discounted">
                        <div class="c-comparedPrice-label">Discount</div>
                        <div class="c-comparedPrice-price">$10.00</div>
                    </div>
                </td>
                <td>
                    <div class="c-comparedItem-title">Wireless Data: 1 GB Free; $10/GB</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price is-updated">$35.00</div>
                        <div class="c-comparedPrice-price">$25.00</div>
                    </div>
                    <div class="c-comparedItem-price c-comparedPrice is-discounted">
                        <div class="c-comparedPrice-label">Discount</div>
                        <div class="c-comparedPrice-price">$10.00</div>
                    </div>
                </td>
            </tr>
            <tr class="c-comparisonTable-row">
                <td>
                    <div class="c-comparedItem-title">TV : Starter</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price is-updated">$25.00</div>
                        <div class="c-comparedPrice-price">$15.00</div>
                    </div>
                    <div class="c-comparedItem-price c-comparedPrice is-discounted">
                        <div class="c-comparedPrice-label">Discount</div>
                        <div class="c-comparedPrice-price">$10.00</div>
                    </div>
                </td>
                <td>
                    <div class="c-comparedItem-title">Wireless Data: 1 GB Free; $10/GB</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price is-updated">$35.00</div>
                        <div class="c-comparedPrice-price">$25.00</div>
                    </div>
                    <div class="c-comparedItem-price c-comparedPrice is-discounted">
                        <div class="c-comparedPrice-label">Discount</div>
                        <div class="c-comparedPrice-price">$10.00</div>
                    </div>
                </td>
            </tr>
            <tr class="c-comparisonTable-row">
                <td>
                    <div class="c-comparedItem-title">DVR: HD DVR</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price">$20.00</div>
                    </div>
                </td>
                <td class="is-addition">
                    <div class="c-comparedItem-title">DVR: HD DVR</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price">$20.00</div>
                    </div>
                </td>
            </tr>
            <tr class="c-comparisonTable-row">
                <td>
                    <div class="c-comparedItem-title">High Def. Service</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price">$12.00</div>
                    </div>
                </td>
                <td>
                    <div class="c-comparedItem-title">High Def. Service</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price">$12.00</div>
                    </div>
                </td>
            </tr>
            <tr class="c-comparisonTable-row">
                <td class="is-removal">
                    <div class="c-comparedItem-title">HBO : HBO</div>
                    <div class="c-comparedItem-price c-comparedPrice">
                        <div class="c-comparedPrice-label">Unit Price</div>
                        <div class="c-comparedPrice-price">$12.00</div>
                    </div>
                </td>
                <td></td>
            </tr>
            <tr class="c-comparisonTable-row">
                <td>
                    <div class="c-comparedItem-price c-comparedPrice is-discounted">
                        <div class="c-comparedPrice-label">Discount</div>
                        <div class="c-comparedPrice-price">$100.00</div>
                    </div>
                    <div class="c-comparedItem-price c-comparedPrice is-total">
                        <div class="c-comparedPrice-label">Subtotal</div>
                        <div class="c-comparedPrice-price">$10,000</div>
                    </div>
                </td>
                <td>
                    <div class="c-comparedItem-price c-comparedPrice is-discounted">
                        <div class="c-comparedPrice-label">Savings</div>
                        <div class="c-comparedPrice-price">$100.00</div>
                    </div>
                    <div class="c-comparedItem-price c-comparedPrice is-total">
                        <div class="c-comparedPrice-label">Subtotal</div>
                        <div class="c-comparedPrice-price">$10,000</div>
                    </div>
                </td>
            </tr>
            <tr class="c-comparisonTable-row">
                <td>
                    <div class="c-comparedItem-price c-comparedPrice is-total">
                        <div class="c-comparedPrice-label">TOTAL</div>
                        <div class="c-comparedPrice-price">$22,000,000</div>
                    </div>
                </td>
                <td>
                    <div class="c-comparedItem-price c-comparedPrice is-total">
                        <div class="c-comparedPrice-label">TOTAL</div>
                        <div class="c-comparedPrice-price">$22,000,000</div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>