oneuptime/home/views/comparision-chart.ejs

<div class="comparision-heading">
    <h3 class="black">Save hundreds today, thousands as you grow.</h3>
    <h4 class="common-BodyText">Fyipe replaces 4-5 apps that cumulatively cost a lot, see our comparison below and
        decide for yourself.</h4>
</div>
<section class="comparision-main">
    <div class="comparision-fyipe">
        <div class="fyipe-listing">
            <div class="fyipe-list-img">
                <img src="/img/Fyipe-Icon.png" alt="fyipe-icon" style="height:50px;width:50px;">
            </div>
            <div class="fyipe-list-text">
                <div class="fyipe-list-head">
                    <h3>Fyipe</h3>
                    <h4>$22/month per user.</h4><br>
                </div>

                <ul class="fyipe-checklist">
                    <li>Real-time Monitoring</li>
                    <li>Beautiful Status Page</li>
                    <li>On-Call Management</li>
                    <li>Log Management</li>
                    <li>Incident Response</li>
                    <li>Automated Tests</li>
                    <li>Application Monitoring</li>
                    <li>1000+ Integrations</li>
                </ul>
            </div>
        </div>
        <h3 class="total-green "><span class=" light-yellow-background total-text">$22/month per user.</span></h3>
    </div>
    <div class="space">
        <p class="fyipe-versus">VS</p>
    </div>
    <div class="comparision-others">
        <ul class="others-listing">
            <li class="list-container" style="margin-top: 0; cursor: pointer;" onclick="navigateTocompare('pagerduty')">
                <div class="list-image-container">
                    <img src="/img/price_compare/pagerduty.svg" alt="slack" class="list-image">
                </div>
                <div class="list-text">
                    <h3>PagerDuty: Incident Notifications</h3>
                    <h4>$29/month per user</h4>
                </div>
            </li>
            <li class="list-container">
                <div class="list-image-container">
                    <img src="/img/price_compare/Pingdom.jpg" alt="2" style="cursor: pointer;" class="list-image" onclick="navigateTocompare('pingdom')">
                </div>
                <div class="list-text">
                    <h3>Pingdom: Website Monitoring</h3>
                    <h4>$11.95/month</h4>
                </div>
            </li>
            <li class="list-container">
                <div class="list-image-container">
                    <img src="/img/price_compare/Statuspageio.png" alt="3" style="cursor: pointer;" class="list-image" onclick="navigateTocompare('statuspage.io')">
                </div>
                <div class="list-text">
                    <h3>Statuspageio: Status Page Tool</h3>
                    <h4>$29/month limited users</h4>
                </div>
            </li>
            <li class="list-container">
                <div class="list-image-container">
                    <img src="/img/price_compare/newrelic-logo.png" alt="4" class="list-image">
                </div>
                <div class="list-text">
                    <h3>Newrelic: Application Monitoring</h3>
                    <h4>$149/month</h4>
                </div>
            </li>
        </ul>
        <h3 class="total"><span class="total-text" style="background-color: #FBF7F0;">$218.95/month per user.</span>
        </h3>
    </div>
</section>

<script>
    function navigateTocompare(page){
        window.location.href='/compare/'+page;
    }
</script>