<div class="section-padding">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2 style="margin-bottom:10px;"><span class="k">knowtifi Mobile App</span></h2>
                <h3><i>Your Family's Safety Is In Your Hands</i></h3>
                
                <div class="columns-2">
                    <p>Everyone knows when an emergency happens, seconds matter. Those moments can be the difference
                        between life and death. The faster you get help, the better your chances are.</p>

                    <p>Now, with the knowtifi app, you no longer have to rely on old home security systems, which use
                        antiquated technology designed to delay calls to 911 by placing an unnecessary call to you once
                        an alarm is activated. Sometimes, this delayed response can take minutes. And that can be too
                        late.</p>

                    <p>After downloading the knowtifi app, simply add your emergency contacts, including family members,
                        friends or neighbors and, if you activate knowtifi because of an emergency, your trusted list is
                        simultaneously notified. With knowtifi, you will inform and be informed.</p>

                    <p>Recognized by police, fire and medical responders, the knowtifi app puts you and your family’s
                        safety in the palm of your hands.</p>
                </div>

                <div class="app-features">
                    <div class="left">
                        <h3 class="k">Basic Features</h3>
                        <div class="callout" id="callout-1">
                            <div class="info">
                                <h4>Dial 911</h4>
                                <p>Kick off a call to 911 through the app to alert your emergency contacts.</p>
                            </div>
                            <div class="icon">
                                <i class="fa-sharp fa-solid fa-fw fa-phone-flip"></i>
                            </div>
                        </div>
                        <div class="callout" id="callout-2">
                            <div class="info">
                                <h4>Alert Contacts</h4>
                                <p>When you dial 911, an alert is sent to each of your emergency contacts.</p>
                            </div>
                            <div class="icon">
                                <i class="fa-sharp fa-solid fa-fw fa-bullhorn"></i>
                            </div>
                        </div>
                        <div class="callout" id="callout-3">
                            <div class="info">
                                <h4>Precise Location</h4>
                                <p>Relay information to 911 personnel such as your precise GPS location.</p>
                            </div>
                            <div class="icon">
                                <i class="fa-sharp fa-solid fa-fw fa-street-view"></i>
                            </div>
                        </div>
                        <div class="callout" id="callout-4">
                            <div class="info">
                                <h4>Activate 911Switch</h4>
                                <p>If 911Switch is installed, a call to 911 will activate your connected lighting systems.</p>
                            </div>
                            <div class="icon">
                                <i class="fa-sharp fa-solid fa-fw fa-lightbulb-on"></i>
                            </div>
                        </div>
                    </div>
                    <div class="phone">
                        <div class="app-header">
                            <div>9:11</div>
                            <div><img src="/assets/img/phone-status.png" /></div>
                        </div>
                        <div class="app-screens">
                            <img src="/assets/img/screen1.png" id="screen-1" class="screenshot active" />
                            <img src="/assets/img/screen2.png" id="screen-2" class="screenshot" />
                            <img src="/assets/img/screen3.png" id="screen-3" class="screenshot" />
                            <img src="/assets/img/screen4.png" id="screen-4" class="screenshot" />
                            <img src="/assets/img/screen5.png" id="screen-5" class="screenshot" />
                            <img src="/assets/img/screen6.png" id="screen-6" class="screenshot" />
                            <img src="/assets/img/screen7.png" id="screen-7" class="screenshot" />
                            <img src="/assets/img/screen8.png" id="screen-8" class="screenshot" />
                        </div>
                        <img src="/assets/img/phoneframe2.png" class="frame" />
                    </div>
                    <div class="right">
                        <h3 class="k">Pro Features</h3>
                        <div class="callout" id="callout-5">
                            <div class="info">
                                <h4>knowtifi 911 Text</h4>
                                <p>Text with knowtifi and relay your emergency to local 911 operators.</p>
                            </div>
                            <div class="icon">
                                <i class="fa-sharp fa-solid fa-fw fa-comments"></i>
                            </div>
                        </div>
                        <div class="callout" id="callout-6">
                            <div class="info">
                                <h4>Unlimited Contacts</h4>
                                <p>Alert each of your emergency contacts and allow them to follow along.</p>
                            </div>
                            <div class="icon">
                                <i class="fa-sharp fa-solid fa-fw fa-users"></i>
                            </div>
                        </div>
                        <div class="callout" id="callout-7">
                            <div class="info">
                                <h4>Live Transcriptions</h4>
                                <p>knowtifi personnel relay your transcripts to your local 911 operators.</p>
                            </div>
                            <div class="icon">
                                <i class="fa-sharp fa-solid fa-fw fa-file-pen"></i>
                            </div>
                        </div>
                        <div class="callout" id="callout-8">
                            <div class="info">
                                <h4>Location Tracking</h4>
                                <p>If you're in motion, knowtifi will keep responders alerted to your position.</p>
                            </div>
                            <div class="icon">
                                <i class="fa-solid fa-fw fa-route"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>