    <div class="header">NOTI</div>
    <div class="motto">Noti keeps you connected with real-time notifications from Twitch, Kick, and more.</div>
&lt;div class=&quot;title&quot; data-before=&quot;Features&quot;&gt;Features&lt;/div&gt;
&lt;div class=&quot;fitlist&quot;&gt;
    &lt;div class=&quot;box--flex flex--gap&quot;&gt;
        &lt;div class=&quot;box--outer h-200px feature--bg relative feature--notification-customizer&quot;&gt;
            &lt;img class=&quot;feature--bg popup&quot; src=&quot;https://i.imgur.com/td2iN6D.png&quot; /&gt;
            &lt;div class=&quot;box--inner&quot;&gt;
                &lt;div class=&quot;box&quot;&gt;
                    &lt;div class=&quot;box--title tint&quot;&gt;Notification Customizer&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;box--outer h-200px feature--bg relative feature--syncable-roles&quot;&gt;
            &lt;img class=&quot;feature--bg popup&quot; src=&quot;https://i.imgur.com/veiiSYG.png&quot; /&gt;
            &lt;div class=&quot;box--inner&quot;&gt;
                &lt;div class=&quot;box&quot;&gt;
                    &lt;div class=&quot;box--title tint&quot;&gt;Syncable Roles&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;box--outer h-200px feature--bg relative feature--users-live&quot;&gt;
            &lt;img class=&quot;feature--bg popup&quot; src=&quot;https://i.imgur.com/HukHAnH.jpg&quot; /&gt;
            &lt;div class=&quot;box--inner&quot;&gt;
                &lt;div class=&quot;box&quot;&gt;
                    &lt;div class=&quot;box--title tint&quot;&gt;Notification&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;box--outer h-200px feature--bg relative feature--live-role&quot;&gt;
            &lt;img class=&quot;feature--bg popup&quot; src=&quot;https://i.imgur.com/KNCKKr6.jpg&quot; /&gt;
            &lt;div class=&quot;box--inner&quot;&gt;
                &lt;div class=&quot;box&quot;&gt;
                    &lt;div class=&quot;box--title tint&quot;&gt;Live Role&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;padding&quot;&gt;&lt;/div&gt;
    &lt;a href=&quot;https://doc.notibot.app/noti-documentation/overview/features&quot; target=&quot;_blank&quot; class=&quot;btn&quot;&gt;
        More
    &lt;/a&gt;
&lt;/div&gt;

<div class="splitter"></div>
&lt;div class=&quot;title&quot; data-before=&quot;Commands&quot;&gt;Commands&lt;/div&gt;
&lt;div class=&quot;fitlist row-margin&quot;&gt;
    &lt;div class=&quot;box--flex flex--gap&quot;&gt;
        &lt;div class=&quot;box--outer&quot;&gt;
            &lt;div class=&quot;box--inner&quot;&gt;
                &lt;div class=&quot;box box--horizontal&quot;&gt;
                    &lt;div class=&quot;w-30 p-x&quot;&gt;
                        &lt;div class=&quot;box--title&quot;&gt;Support&lt;/div&gt;
                        &lt;div class=&quot;box--description mini&quot;&gt;/support&lt;/div&gt;
                        &lt;div class=&quot;padding&quot;&gt;&lt;/div&gt;
                        &lt;a href=&quot;https://discord.com/invite/xq6F6ZkUte&quot; target=&quot;_blank&quot; class=&quot;btn&quot;&gt;
                            More
                        &lt;/a&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;box--description w-70 left&quot;&gt;
                        Sends an invite to the Noti Support Server.
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;box--outer&quot;&gt;
            &lt;div class=&quot;box--inner&quot;&gt;
                &lt;div class=&quot;box box--horizontal&quot;&gt;
                    &lt;div class=&quot;w-30 p-x&quot;&gt;
                        &lt;div class=&quot;box--title&quot;&gt;FAQ&lt;/div&gt;
                        &lt;div class=&quot;box--description mini&quot;&gt;/faq&lt;/div&gt;
                        &lt;div class=&quot;padding&quot;&gt;&lt;/div&gt;
                        &lt;a href=&quot;https://doc.notibot.app/resources/faq&quot; target=&quot;_blank&quot; class=&quot;btn&quot;&gt;
                            More
                        &lt;/a&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;box--description w-70 left&quot;&gt;
                        Most frequently asked questions at your fingertips.
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;box--outer&quot;&gt;
            &lt;div class=&quot;box--inner&quot;&gt;
                &lt;div class=&quot;box box--horizontal&quot;&gt;
                    &lt;div class=&quot;w-30 p-x&quot;&gt;
                        &lt;div class=&quot;box--title&quot;&gt;Invite&lt;/div&gt;
                        &lt;div class=&quot;box--description mini&quot;&gt;/invite&lt;/div&gt;
                        &lt;div class=&quot;padding&quot;&gt;&lt;/div&gt;
                        &lt;a href=&quot;https://doc.notibot.app/setup/invite-noti&quot; target=&quot;_blank&quot; class=&quot;btn&quot;&gt;
                            More
                        &lt;/a&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;box--description w-70 left&quot;&gt;
                        Invite Noti to your discord server.
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;box--outer&quot;&gt;
            &lt;div class=&quot;box--inner&quot;&gt;
                &lt;div class=&quot;box box--horizontal&quot;&gt;
                    &lt;div class=&quot;w-30 p-x&quot;&gt;
                        &lt;div class=&quot;box--title&quot;&gt;Sync&lt;/div&gt;
                        &lt;div class=&quot;box--description mini&quot;&gt;/sync&lt;/div&gt;
                        &lt;div class=&quot;padding&quot;&gt;&lt;/div&gt;
                        &lt;a href=&quot;https://doc.notibot.app/setup/setup/verify-and-sync&quot; target=&quot;_blank&quot; class=&quot;btn&quot;&gt;
                            More
                        &lt;/a&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;box--description w-70 left&quot;&gt;
                        Sync kick user roles on this server. Must have account linked.
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

<div class="splitter"></div>
&lt;div class=&quot;title&quot; data-before=&quot;FAQ&quot;&gt;FAQ&lt;/div&gt;
&lt;div class=&quot;fitlist&quot;&gt;
    &lt;div class=&quot;box--flex flex--gap&quot;&gt;
        &lt;div class=&quot;box--outer&quot;&gt;
            &lt;div class=&quot;box--inner&quot;&gt;
                &lt;div class=&quot;box--icon icon--question&quot;&gt;
                &lt;/div&gt;
                &lt;div class=&quot;box&quot;&gt;
                    &lt;div class=&quot;box--title&quot;&gt;I found a bug with Noti, where do I go to report this issue?&lt;/div&gt;
                    &lt;div class=&quot;box--description&quot;&gt;
                        Visit our &lt;a class=&quot;link&quot; href=&quot;https://discord.gg/YnA8FtPdmZ&quot; target=&quot;_blank&quot;&gt;support
                            server&lt;/a&gt; and
                        create a ticket and describe the issue you're having. A
                        staff member will get to you as soon as possible.
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;box--outer&quot;&gt;
            &lt;div class=&quot;box--inner&quot;&gt;
                &lt;div class=&quot;box--icon icon--question&quot;&gt;
                &lt;/div&gt;
                &lt;div class=&quot;box&quot;&gt;
                    &lt;div class=&quot;box--title&quot;&gt;How do I give feedback to Noti?&lt;/div&gt;
                    &lt;div class=&quot;box--description&quot;&gt;
                        Great question! We love feedback from the community. You can submit feedback through by
                        visiting &lt;a class=&quot;link&quot; href=&quot;https://noti.canny.io/feature-requests&quot; target=&quot;_blank&quot;&gt;this&lt;/a&gt; link.
                        Simply fill in the required detail and click &quot;Create Post&quot;.
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;box--outer&quot;&gt;
            &lt;div class=&quot;box--inner&quot;&gt;
                &lt;div class=&quot;box--icon icon--question&quot;&gt;
                &lt;/div&gt;
                &lt;div class=&quot;box&quot;&gt;
                    &lt;div class=&quot;box--title&quot;&gt;Error sending live nootification.&lt;/div&gt;
                    &lt;div class=&quot;box--description&quot;&gt;
                        If a bot can't send messages to a notification channel, it may be missing permissions.
                        To fix this, add the bot or a relevant role to the channel and ensure they have &quot;view
                        channel&quot; and &quot;send messages&quot; permissions with a green checkmark.
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;box--outer&quot;&gt;
            &lt;div class=&quot;box--inner&quot;&gt;
                &lt;div class=&quot;box--icon icon--question&quot;&gt;
                &lt;/div&gt;
                &lt;div class=&quot;box&quot;&gt;
                    &lt;div class=&quot;box--title&quot;&gt;How do I setup Noti?&lt;/div&gt;
                    &lt;div class=&quot;box--description&quot;&gt;
                        It's very simple actually, we have a whole page dedicated in setting up Noti. You can
                        visit it &lt;a class=&quot;link&quot; href=&quot;https://doc.notibot.app/noti-documentation/setup&quot; target=&quot;_blank&quot;&gt;here&lt;/a&gt;.
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

<div class="splitter"></div>
&lt;div class=&quot;title&quot; data-before=&quot;Socials&quot;&gt;Socials&lt;/div&gt;
&lt;div class=&quot;fitlist flex flex--gap flex--center&quot;&gt;
    &lt;a class=&quot;btn btn--fat btn--twitter flex&quot; href=&quot;https://twitter.com/notibot&quot; target=&quot;_blank&quot;&gt;
        &lt;div class=&quot;symbol&quot;&gt;
            
                
            
        &lt;/div&gt;
        Twitter
    &lt;/a&gt;
    &lt;a class=&quot;btn btn--fat btn--kick flex&quot; href=&quot;https://kick.com/noti&quot; target=&quot;_blank&quot;&gt;
        &lt;div class=&quot;symbol&quot;&gt;
            
                
            
        &lt;/div&gt;
        Kick
    &lt;/a&gt;
    &lt;a class=&quot;btn btn--fat btn--discord flex&quot; href=&quot;https://notibot.app/support&quot; target=&quot;_blank&quot;&gt;
        &lt;div class=&quot;symbol flex flex--center&quot;&gt;
            
                
            
        &lt;/div&gt;
        Discord
    &lt;/a&gt;
&lt;/div&gt;

<div class="splitter"></div>
&lt;div class=&quot;title&quot; data-before=&quot;Invite Me&quot;&gt;Invite Me&lt;/div&gt;
&lt;div class=&quot;center&quot;&gt;
    &lt;a href=&quot;https://notibot.app/invite&quot; target=&quot;_blank&quot; class=&quot;btn btn--fat&quot;&gt;Invite Bot&lt;/a&gt;
&lt;/div&gt;

<i class="credit">Made by KaspianDev</i>