Odoo18-Base/addons/website/views/snippets/s_comparisons.xml

<?xml version="1.0" encoding="utf-8"?>
<odoo>

<template id="s_comparisons" name="Comparisons">
    <section class="s_comparisons pt48 pb48" data-vxml="001" data-vcss="001">
        <div class="container">
            <div class="mb-4">
                <h3>Competitive pricing</h3>
                <p class="lead">Listing your product pricing helps potential customers quickly determine if it fits their budget and needs.</p>
            </div>
            <div class="row gap-4 gap-lg-0">
                <div class="col-lg-4" data-name="Plan">
                    <div class="s_card card o_cc o_cc1 h-100 my-0" data-vxml="001" data-snippet="s_card" data-name="Card">
                        <div class="card-body">
                            <h5 class="card-title">Beginner</h5>
                            <div class="my-2">
                                <strong class="h2-fs">$ 15.00</strong>
                                <small class="text-muted">/ month</small>
                            </div>
                            <p class="card-text small">Ideal for newcomers. Essential features to kickstart sales and marketing. Perfect for small teams.</p>
                            <a href="/contactus" class="btn btn-outline-primary w-100 mb-3">Start Now</a>
                            <ul class="list-group list-group-flush text-start">
                                <li class="list-group-item px-0 bg-transparent text-reset"><i class="fa fa-check text-success" role="img"/>  Sales &amp; marketing for 2</li>
                                <li class="list-group-item px-0 bg-transparent text-reset"><i class="fa fa-check text-success" role="img"/>  Account management</li>
                                <li class="list-group-item px-0 bg-transparent text-reset"><i class="fa fa-times text-danger" role="img"/>  No customization</li>
                                <li class="list-group-item px-0 bg-transparent text-reset"><i class="fa fa-times text-danger" role="img"/>  No support</li>
                            </ul>
                        </div>
                        <div class="card-footer text-center">
                            <small class="text-center">Instant setup, satisfied or reimbursed.</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4" data-name="Plan">
                    <div class="s_card card o_cc o_cc1 h-100 my-0" data-vxml="001" data-snippet="s_card" data-name="Card">
                        <div class="card-body">
                            <h5 class="card-title">Professional</h5>
                            <div class="my-2">
                                <strong class="h2-fs">$ 25.00</strong>
                                <small class="text-muted">/ month</small>
                            </div>
                            <p class="card-text small">Comprehensive tools for growing businesses. Optimize your processes and productivity across your team.</p>
                            <a href="/contactus" class="btn btn-primary w-100 mb-3">Start Now</a>
                            <ul class="list-group list-group-flush text-start">
                                <li class="list-group-item px-0 bg-transparent text-reset"><i class="fa fa-check text-success" role="img"/>  Complete CRM for any team</li>
                                <li class="list-group-item px-0 bg-transparent text-reset"><i class="fa fa-check text-success" role="img"/>  Access all modules</li>
                                <li class="list-group-item px-0 bg-transparent text-reset"><i class="fa fa-check text-success" role="img"/>  Limited customization</li>
                                <li class="list-group-item px-0 bg-transparent text-reset"><i class="fa fa-check text-success" role="img"/>  Email support</li>
                            </ul>
                        </div>
                        <div class="card-footer text-center">
                            <small class="text-center">Instant setup, satisfied or reimbursed.</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4" data-name="Plan">
                    <div class="s_card card o_cc o_cc1 h-100 my-0" data-vxml="001" data-snippet="s_card" data-name="Card">
                        <div class="card-body">
                            <h5 class="card-title">Expert</h5>
                            <div class="my-2">
                                <strong class="h2-fs">$ 45.00</strong>
                                <small class="text-muted">/ month</small>
                            </div>
                            <p class="card-text small">Advanced solution for enterprises. Cutting-edge features and top-tier support for maximum performance.</p>
                            <a href="/contactus" class="btn btn-outline-primary w-100 mb-3">Contact Us</a>
                            <ul class="list-group list-group-flush text-start">
                                <li class="list-group-item px-0 bg-transparent text-reset"><i class="fa fa-check text-success" role="img"/>  Unlimited CRM support</li>
                                <li class="list-group-item px-0 bg-transparent text-reset"><i class="fa fa-check text-success" role="img"/>  All modules &amp; features</li>
                                <li class="list-group-item px-0 bg-transparent text-reset"><i class="fa fa-check text-success" role="img"/>  Unlimited customization</li>
                                <li class="list-group-item px-0 bg-transparent text-reset"><i class="fa fa-check text-success" role="img"/>  24/7 toll-free support</li>
                            </ul>
                        </div>
                        <div class="card-footer text-center">
                            <small class="text-center">Instant setup, satisfied or reimbursed.</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</template>

<record id="website.s_comparisons_000_scss" model="ir.asset">
    <field name="name">Comparisons 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_comparisons/000.scss</field>
    <field name="active" eval="False"/>
</record>

</odoo>