Created
July 4, 2022 12:48
-
-
Save sambhav2612/9de3b7d12d46c20a2c1f4b7bf8c5bde4 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| /* | |
| * Template Name: Page Slack Integration | |
| */ | |
| ?> | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"/> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"/> | |
| <meta http-equiv="x-ua-compatible" content="ie=edge"/> | |
| <meta name="slack-app-id" content="A02CU98PCSE"> | |
| <link rel="shortcut icon" href="img/favicon.png" type=""/> | |
| <title><?php wp_title(‘ | ‘, ‘echo’, ‘right’); ?></title> | |
| <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/> | |
| <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"/> | |
| <!--[if lt IE 8]> | |
| <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> | |
| <![endif]--> | |
| <?php wp_head();?> | |
| <!-- Global site tag (gtag.js) - Google Analytics --> | |
| <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122522308-5"></script> | |
| <script> | |
| window.dataLayer = window.dataLayer || []; | |
| function gtag(){dataLayer.push(arguments);} | |
| gtag('js', new Date()); | |
| gtag('config', 'UA-122522308-5'); | |
| </script> | |
| <style> | |
| html { | |
| -ms-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| box-sizing: border-box; | |
| background-attachment: fixed; | |
| overflow-x: hidden; | |
| background-color: transparent; | |
| } | |
| body { | |
| margin: 0; | |
| color: #323e4e; | |
| scroll-behavior: smooth; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| width: 100%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| line-height: 1.6; | |
| background: #fff; | |
| } | |
| body { | |
| font-size: 100%; | |
| font-weight: 0; | |
| } | |
| .page-wrapper { | |
| padding-top: 30px; | |
| padding-bottom: 30px; | |
| } | |
| .content-area { | |
| padding-bottom: 76px; | |
| } | |
| .row { | |
| width: 100%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| max-width: 1200px; | |
| -js-display: flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-flow: row wrap; | |
| flex-flow: row wrap; | |
| } | |
| *, | |
| :before, | |
| :after { | |
| box-sizing: border-box; | |
| } | |
| .container:after, | |
| .row:after, | |
| .clearfix:after, | |
| .clear:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .col { | |
| position: relative; | |
| margin: 0; | |
| padding: 0 15px 30px; | |
| width: 100%; | |
| } | |
| .col-inner { | |
| position: relative; | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 100%; | |
| background-position: 50% 50%; | |
| background-size: cover; | |
| background-repeat: no-repeat; | |
| -ms-flex: 1 0 auto; | |
| flex: 1 0 auto; | |
| } | |
| .col-inner { | |
| position: relative; | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 100%; | |
| background-position: 50% 50%; | |
| background-size: cover; | |
| background-repeat: no-repeat; | |
| -ms-flex: 1 0 auto; | |
| flex: 1 0 auto; | |
| } | |
| #section_2023356866 { | |
| padding-top: 30px; | |
| padding-bottom: 30px; | |
| } | |
| .section { | |
| padding: 30px 0; | |
| position: relative; | |
| min-height: auto; | |
| width: 100%; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-flow: row; | |
| flex-flow: row; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| } | |
| .slack_section_1 { | |
| padding-top: 40px !important; | |
| } | |
| .row .section { | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| .fill { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| height: 100%; | |
| right: 0; | |
| bottom: 0; | |
| padding: 0 !important; | |
| margin: 0 !important; | |
| } | |
| @media screen and (min-width: 850px) { | |
| .large-12 { | |
| max-width: 100%; | |
| -ms-flex-preferred-size: 100%; | |
| flex-basis: 100%; | |
| } | |
| } | |
| @media screen and (min-width: 850px) { | |
| .col:first-child .col-inner { | |
| margin-left: auto; | |
| margin-right: 0; | |
| } | |
| } | |
| #section_168718349 { | |
| padding-top: 30px; | |
| padding-bottom: 30px; | |
| } | |
| #section_1722321095 { | |
| padding-top: 0px; | |
| padding-bottom: 0px; | |
| } | |
| .slack_section_3 { | |
| padding-bottom: 0 !important; | |
| } | |
| #section_2023356866 { | |
| padding-top: 30px; | |
| padding-bottom: 30px; | |
| } | |
| .section.dotted_section { | |
| padding-top: 100px !important; | |
| padding-bottom: 100px !important; | |
| } | |
| #section_1144681126 { | |
| padding-top: 30px; | |
| padding-bottom: 30px; | |
| } | |
| .section-bg { | |
| overflow: hidden; | |
| width: 100%; | |
| } | |
| .bg-fill { | |
| background-size: cover !important; | |
| background-repeat: no-repeat !important; | |
| background-position: 50% 50%; | |
| } | |
| .bg { | |
| opacity: 0; | |
| transition: opacity 1s; | |
| -webkit-transition: opacity 1s; | |
| } | |
| .bg-loaded { | |
| opacity: 1; | |
| } | |
| .section-content { | |
| width: 100%; | |
| z-index: 1; | |
| } | |
| .relative { | |
| position: relative !important; | |
| } | |
| .dotted_section .bg:after, | |
| .dotted_section .bg:before { | |
| content: " "; | |
| position: absolute; | |
| background-repeat: no-repeat; | |
| background-position: 0; | |
| width: 156px; | |
| height: 126px; | |
| } | |
| .dotted_section .bg:before { | |
| background: url(https://www.teamable.com/wp-content/themes/teamable/assets/img/bg/dots-left-min.png); | |
| left: 37%; | |
| top: 50px; | |
| } | |
| .dotted_section .bg:after { | |
| background: url(https://www.teamable.com/wp-content/themes/teamable/assets/img/bg/dots-right-min.png); | |
| right: 37%; | |
| bottom: 50px; | |
| } | |
| .row .row:not(.row-collapse) { | |
| padding-left: 0; | |
| padding-right: 0; | |
| margin-left: -15px; | |
| margin-right: -15px; | |
| width: auto; | |
| } | |
| .small-12 { | |
| max-width: 100%; | |
| -ms-flex-preferred-size: 100%; | |
| flex-basis: 100%; | |
| } | |
| .slack_section_1 .col { | |
| padding-bottom: 10px; | |
| } | |
| .text-center { | |
| text-align: center; | |
| } | |
| h1 { | |
| overflow-wrap: break-word; | |
| color: #263243; | |
| width: 100%; | |
| margin-top: 0; | |
| margin-bottom: 0.5em; | |
| text-rendering: optimizeSpeed; | |
| font-size: 48px; | |
| line-height: normal; | |
| font-weight: 700; | |
| font-stretch: normal; | |
| font-style: normal; | |
| letter-spacing: normal; | |
| } | |
| h1 { | |
| font-weight: 700; | |
| } | |
| .slack_section_1 h1 { | |
| font-size: 40px; | |
| font-weight: 700; | |
| font-stretch: normal; | |
| font-style: normal; | |
| line-height: normal; | |
| letter-spacing: normal; | |
| text-align: center; | |
| color: #2b394c; | |
| } | |
| h3 { | |
| overflow-wrap: break-word; | |
| color: #263243; | |
| width: 100%; | |
| margin-top: 0; | |
| margin-bottom: 0.5em; | |
| text-rendering: optimizeSpeed; | |
| font-size: 24px; | |
| font-weight: 700; | |
| font-stretch: normal; | |
| font-style: normal; | |
| line-height: 1.67; | |
| letter-spacing: 0.5px; | |
| } | |
| h3 { | |
| font-weight: 700; | |
| } | |
| .thin-font { | |
| font-weight: 300 !important; | |
| } | |
| .slack_section_1 h3, | |
| .slack_section_1 h3.thin-font { | |
| max-width: 670px; | |
| margin: auto; | |
| font-size: 18px; | |
| font-weight: 400; | |
| font-stretch: normal; | |
| font-style: normal; | |
| line-height: 1.67; | |
| letter-spacing: 0.5px; | |
| text-align: center; | |
| color: #323e4e; | |
| } | |
| .img { | |
| position: relative; | |
| width: 100%; | |
| } | |
| .text-center > div { | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .col-inner > .img:not(:last-child) { | |
| margin-bottom: 1em; | |
| } | |
| #image_2094298161 { | |
| width: 100%; | |
| } | |
| .slack_section_2 h3 { | |
| max-width: 470px; | |
| margin: 30px auto 0; | |
| font-size: 24px; | |
| font-weight: 700; | |
| font-stretch: normal; | |
| font-style: normal; | |
| line-height: 1.67; | |
| letter-spacing: 0.5px; | |
| text-align: center; | |
| color: #263243; | |
| } | |
| p { | |
| overflow-wrap: break-word; | |
| margin-bottom: 1.3em; | |
| margin-top: 0; | |
| font-size: 16px; | |
| font-weight: 400; | |
| font-stretch: normal; | |
| font-style: normal; | |
| line-height: 1.88; | |
| letter-spacing: 0.5px; | |
| color: #323e4e; | |
| } | |
| ul { | |
| overflow-wrap: break-word; | |
| list-style: disc; | |
| margin-top: 0; | |
| padding: 0; | |
| margin-bottom: 1.3em; | |
| } | |
| .section-content ul { | |
| padding-left: 20px; | |
| } | |
| a { | |
| background-color: transparent; | |
| -ms-touch-action: manipulation; | |
| touch-action: manipulation; | |
| color: #334862; | |
| text-decoration: none; | |
| } | |
| .button { | |
| position: relative; | |
| display: inline-block; | |
| background-color: var(--primary-color); | |
| text-transform: uppercase; | |
| font-size: 0.97em; | |
| letter-spacing: 0.03em; | |
| -ms-touch-action: none; | |
| touch-action: none; | |
| cursor: pointer; | |
| font-weight: bolder; | |
| text-align: center; | |
| color: #fff; | |
| text-decoration: none; | |
| border: 1px solid transparent; | |
| vertical-align: middle; | |
| border-radius: 0; | |
| margin-top: 0; | |
| margin-right: 1em; | |
| text-shadow: none; | |
| line-height: 2.4em; | |
| min-height: 2.5em; | |
| padding: 0 1.2em; | |
| max-width: 100%; | |
| transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s, | |
| opacity 0.3s, color 0.3s; | |
| text-rendering: optimizeLegibility; | |
| box-sizing: border-box; | |
| border-color: rgba(0, 0, 0, 0.05); | |
| } | |
| .primary { | |
| background-color: #446084; | |
| } | |
| .button { | |
| margin-bottom: 1em; | |
| } | |
| a.button { | |
| border-radius: 25px; | |
| padding: 11px 30px 12px; | |
| font-size: 16px; | |
| font-stretch: normal; | |
| font-style: normal; | |
| font-weight: 900; | |
| line-height: normal; | |
| letter-spacing: 1px; | |
| text-align: center; | |
| margin: 0; | |
| } | |
| .text-center .button:first-of-type { | |
| margin-left: 0 !important; | |
| } | |
| .text-center .button:last-of-type { | |
| margin-right: 0 !important; | |
| } | |
| .button.primary:not(.is-outline) { | |
| background: linear-gradient(to right, #518bf5, #74b5fe); | |
| transition-property: transform, border, box-shadow, opacity, color; | |
| border: none; | |
| } | |
| .button.primary:not(.is-outline), | |
| .button.primary:not(.is-outline) { | |
| background-color: #489bed; | |
| } | |
| a:active, | |
| a:hover { | |
| outline-width: 0; | |
| } | |
| a:hover { | |
| color: #000; | |
| } | |
| .button:hover { | |
| outline: none; | |
| opacity: 1; | |
| color: #fff; | |
| box-shadow: none; | |
| } | |
| .button.primary:not(.is-outline):hover { | |
| background: #74b5fe; | |
| border: none; | |
| } | |
| .slack_section_2 h3 a { | |
| color: #51b2ee; | |
| text-transform: uppercase; | |
| } | |
| li { | |
| margin-bottom: 0.6em; | |
| } | |
| .col-inner ul li { | |
| margin-left: 1.3em; | |
| } | |
| .section-content ul li { | |
| position: relative; | |
| list-style: none; | |
| margin-left: 0; | |
| padding-left: 14px; | |
| } | |
| .section-content ul li:before { | |
| content: " "; | |
| position: absolute; | |
| left: 0; | |
| top: 9px; | |
| width: 6px; | |
| height: 6px; | |
| border: solid 2px #51b2ee; | |
| border-radius: 100%; | |
| } | |
| .col-inner p a { | |
| font-weight: 700; | |
| } | |
| .col-inner .slack_section_3 p a { | |
| font-weight: 500; | |
| color: #51b2ee; | |
| } | |
| strong { | |
| font-weight: bolder; | |
| } | |
| .button span { | |
| display: inline-block; | |
| line-height: 1.6; | |
| } | |
| .dark { | |
| color: #f1f1f1; | |
| } | |
| .img .img-inner { | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| img { | |
| border-style: none; | |
| max-width: 100%; | |
| height: auto; | |
| display: inline-block; | |
| vertical-align: middle; | |
| transition: opacity 1s; | |
| opacity: 1; | |
| } | |
| .img img { | |
| width: 100%; | |
| } | |
| .normal_size img { | |
| width: auto; | |
| height: auto; | |
| } | |
| </style> | |
| </head> | |
| <body <?php body_class(); ?>> | |
| <header> | |
| <div class="container"> | |
| <div class="header-inner"> | |
| <div class="logo"> | |
| <?php if (has_custom_logo()): ?> | |
| <?php | |
| $custom_logo_id = get_theme_mod('custom_logo'); | |
| $image = wp_get_attachment_image_src($custom_logo_id, 'full'); | |
| ?> | |
| <a href="<?php echo home_url() ?>"> | |
| <img src="<?php echo $image[0] ?>" class="img-responsive logo-black" alt="" /> | |
| <img src="img/white-logo.png" class="img-responsive logo-white" alt="" /> | |
| </a> | |
| <?php endif; ?> | |
| </div> | |
| <div class="navigation"> | |
| <?php | |
| wp_nav_menu(array( | |
| 'container' => false, | |
| 'menu_id' => 'primary', | |
| 'theme_location' => 'main-menu', | |
| 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', | |
| )); | |
| ?> | |
| <!-- <ul> | |
| <li><a href="javascript:void(0);">Resources <i class="fa fa-angle-down"></i></a> | |
| <ul> | |
| <li><a href="blog.html">Blog</a></li> | |
| <li><a href="e-book.html">E-Book</a></li> | |
| <li><a href="privacy.html">Privacy</a></li> | |
| </ul> | |
| </li> | |
| <li><a href="case-studies.html">Case Studies</a></li> | |
| <li><a href="faq.html">FAQ’s</a></li> | |
| <li><a href="about.html">About Us</a></li> | |
| </ul> --> | |
| </div> | |
| <div class="login"> | |
| <?php | |
| wp_nav_menu(array( | |
| 'container' => false, | |
| 'menu_id' => 'primary', | |
| 'theme_location' => 'menu-right', | |
| 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', | |
| )); | |
| ?> | |
| <!-- <ul> | |
| <li><a href="javascript:void(0);">Login</a></li> | |
| <li><a href="#popup1" class="main-btn">Request Demo</a></li> | |
| <li class="mobile-item"><i class="menuIcon"><span></span></i></li> | |
| </ul> --> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <div id="content" class="content-area page-wrapper snipcss-WthHA" role="main"> | |
| <div class="row row-main"> | |
| <div class="large-12 col"> | |
| <div class="col-inner"> | |
| <section | |
| class="section slack_section_1 snip-section" | |
| id="section_168718349" | |
| > | |
| <div class="bg section-bg fill bg-fill bg-loaded"></div> | |
| <div class="section-content relative"> | |
| <div class="row" id="row-1188491267"> | |
| <div class="col small-12 large-12"> | |
| <div class="col-inner text-center"> | |
| <h1 class="snip-h1">Suitable AI + Slack</h1> | |
| <h3 class="thin-font snip-h3"> | |
| Accelerate your referral program with Suitable AI Slack app. | |
| Give referrals, get tracking, show rewards all in the Slack | |
| app. | |
| </h3> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style scope="scope"> | |
| #section_168718349 { | |
| padding-top: 30px; | |
| padding-bottom: 30px; | |
| } | |
| </style> | |
| </section> | |
| <section | |
| class="section slack_section_2 snip-section" | |
| id="section_1722321095" | |
| > | |
| <div class="bg section-bg fill bg-fill bg-loaded"></div> | |
| <div class="section-content relative"> | |
| <div class="row" id="row-651101149"> | |
| <div class="col small-12 large-12"> | |
| <div class="col-inner text-center"> | |
| <div | |
| class="img has-hover normal_size x md-x lg-x y md-y lg-y" | |
| id="image_2094298161" | |
| > | |
| <a | |
| class="snip-a" | |
| href="https://slack.com/apps/A02CU98PCSE" | |
| target="_blank" | |
| rel="noopener noreferrer" | |
| > | |
| <div class="img-inner dark"> | |
| <svg | |
| xmlns="http://www.w3.org/2000/svg" | |
| xmlns:xlink="http://www.w3.org/1999/xlink" | |
| width="354" | |
| height="190" | |
| viewBox="0 0 191 93" | |
| > | |
| <defs> | |
| <filter | |
| id="Rectangle_2882" | |
| x="0" | |
| y="0" | |
| width="191" | |
| height="93" | |
| filterUnits="userSpaceOnUse" | |
| > | |
| <feOffset dy="3" input="SourceAlpha" /> | |
| <feGaussianBlur stdDeviation="3" result="blur" /> | |
| <feFlood flood-opacity="0.161" /> | |
| <feComposite operator="in" in2="blur" /> | |
| <feComposite in="SourceGraphic" /> | |
| </filter> | |
| </defs> | |
| <g | |
| id="Group_4680" | |
| data-name="Group 4680" | |
| transform="translate(-1265 -2222)" | |
| > | |
| <g | |
| transform="matrix(1, 0, 0, 1, 1265, 2222)" | |
| filter="url(#Rectangle_2882)" | |
| > | |
| <rect | |
| id="Rectangle_2882-2" | |
| data-name="Rectangle 2882" | |
| width="173" | |
| height="75" | |
| rx="14" | |
| transform="translate(9 6)" | |
| fill="#fff" | |
| /> | |
| </g> | |
| <g | |
| id="Group_3868" | |
| data-name="Group 3868" | |
| transform="translate(1290.806 2246.492)" | |
| > | |
| <path | |
| id="Subtraction_2" | |
| data-name="Subtraction 2" | |
| d="M14.58,37.5h0a18.955,18.955,0,0,1-6.2-2.73A19.087,19.087,0,0,1,1.5,26.4,18.964,18.964,0,0,1,3.249,8.385,19.087,19.087,0,0,1,11.613,1.5,18.963,18.963,0,0,1,29.631,3.249a19.088,19.088,0,0,1,6.89,8.365,18.951,18.951,0,0,1-1.754,18.008,19.117,19.117,0,0,1-8.364,6.9,18.922,18.922,0,0,1-2.967.978V32.165a13.881,13.881,0,1,0-8.855,0V37.5Z" | |
| transform="translate(51.915) rotate(90)" | |
| fill="#2024FF" | |
| /> | |
| <path | |
| id="Union_9" | |
| data-name="Union 9" | |
| d="M25.621,19.529H6.08q-.081,0-.161-.006t-.161.006A2.125,2.125,0,0,1,3.632,17.4v-6.3a5.757,5.757,0,1,1,4.249,0v4.17H25.61a7.641,7.641,0,1,1,.011,4.25Z" | |
| transform="translate(0 1.604)" | |
| fill="#2024FF" | |
| /> | |
| </g> | |
| <g | |
| id="Group_4677" | |
| data-name="Group 4677" | |
| transform="translate(-3.078 1.655)" | |
| > | |
| <path | |
| id="Path_5190" | |
| data-name="Path 5190" | |
| d="M13.91,0a3.8,3.8,0,0,0,0,7.6h3.795V3.8A3.8,3.8,0,0,0,13.91,0h0m0,10.137H3.794a3.8,3.8,0,0,0,0,7.6H13.91a3.8,3.8,0,0,0,0-7.6Z" | |
| transform="translate(1388.358 2244.837)" | |
| fill="#36C5F0" | |
| fill-rule="evenodd" | |
| /> | |
| <path | |
| id="Path_5191" | |
| data-name="Path 5191" | |
| d="M1323.1,13.938a3.795,3.795,0,1,0-7.589,0v3.8h3.795A3.8,3.8,0,0,0,1323.1,13.938Zm-10.117,0V3.8a3.794,3.794,0,1,0-7.588,0V13.938a3.794,3.794,0,1,0,7.588,0Z" | |
| transform="translate(103.192 2244.837)" | |
| fill="#2EB67D" | |
| fill-rule="evenodd" | |
| /> | |
| <path | |
| id="Path_5192" | |
| data-name="Path 5192" | |
| d="M1309.094,1325.642a3.8,3.8,0,0,0,0-7.6H1305.3v3.8A3.8,3.8,0,0,0,1309.094,1325.642Zm0-10.139h10.117a3.8,3.8,0,0,0,0-7.6H1309.1a3.8,3.8,0,0,0,0,7.6Z" | |
| transform="translate(103.291 957.21)" | |
| fill="#ECB22E" | |
| fill-rule="evenodd" | |
| /> | |
| <path | |
| id="Path_5193" | |
| data-name="Path 5193" | |
| d="M0,1311.8a3.795,3.795,0,1,0,7.589,0V1308H3.794A3.8,3.8,0,0,0,0,1311.8Zm10.117,0v10.137a3.794,3.794,0,1,0,7.588,0V1311.8a3.794,3.794,0,1,0-7.588,0h0" | |
| transform="translate(1388.358 957.111)" | |
| fill="#E01E5A" | |
| fill-rule="evenodd" | |
| /> | |
| </g> | |
| <g | |
| id="Group_4679" | |
| data-name="Group 4679" | |
| transform="translate(3.813)" | |
| > | |
| <path | |
| id="Path_5188" | |
| data-name="Path 5188" | |
| d="M18,7.875V18" | |
| transform="translate(1342.188 2252.563)" | |
| fill="none" | |
| stroke="rgba(175,175,175,0.85)" | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| stroke-width="2.25" | |
| /> | |
| <path | |
| id="Path_5189" | |
| data-name="Path 5189" | |
| d="M18,18H7.875" | |
| transform="translate(1347.25 2247.5)" | |
| fill="none" | |
| stroke="rgba(175,175,175,0.85)" | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| stroke-width="2.25" | |
| /> | |
| </g> | |
| </g> | |
| </svg> | |
| </div> | |
| </a> | |
| <style scope="scope"> | |
| #image_2094298161 { | |
| width: 100%; | |
| } | |
| </style> | |
| </div> | |
| <h3 class="snip-h3"> | |
| Don’t have Suitable AI yet?<br /> | |
| Check it out | |
| <a | |
| href="https://calendly.com/nikhil-suitableai/30min" | |
| target="_blank" | |
| rel="noopener noreferrer" | |
| class="snip-a" | |
| > | |
| here | |
| </a> | |
| </h3> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style scope="scope"> | |
| #section_1722321095 { | |
| padding-top: 0px; | |
| padding-bottom: 0px; | |
| } | |
| </style> | |
| </section> | |
| <section | |
| class="section slack_section_3 snip-section" | |
| id="section_2023356866" | |
| > | |
| <div class="bg section-bg fill bg-fill bg-loaded"></div> | |
| <div class="section-content relative"> | |
| <div class="row" id="row-1759433797"> | |
| <div class="col small-12 large-12"> | |
| <div class="col-inner"> | |
| <h3 class="snip-h3"> | |
| Your team can view active jobs and refer effortlessly from | |
| Slack | |
| </h3> | |
| <ul class="snip-ul"> | |
| <li class="snip-li"> | |
| Respond to referral requests directly from Slack | |
| </li> | |
| <li class="snip-li"> | |
| Gamify referrals and show leaderboard ranks and rewards in | |
| Slack | |
| </li> | |
| <li class="snip-li"> | |
| Referrers can track status of all their referrals Hiring | |
| team gets notified of new referrals in Slack | |
| </li> | |
| <li class="snip-li"> | |
| Request introductions, respond to requests, and refer | |
| people from your networks | |
| </li> | |
| <li class="snip-li"> | |
| Connect and manage your network connections | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row" id="row-1196778034"> | |
| <div class="col small-12 large-12"> | |
| <div class="col-inner"> | |
| <h3 class="snip-h3"> | |
| Get Suitable AI Slack App for your Workspace | |
| </h3> | |
| <p class="snip-p"> | |
| Setting up Suitable AI Slack app is simple and quick. | |
| </p> | |
| <p class="snip-p"> | |
| Find Suitable AI in the Slack marketplace | |
| <a | |
| href="https://slack.com/apps/A02CU98PCSE" | |
| target="_blank" | |
| rel="noopener noreferrer" | |
| class="snip-a" | |
| > | |
| here | |
| </a> | |
| , click | |
| <strong> Settings </strong> | |
| , and then | |
| <strong> Approve for Workspace </strong> | |
| . | |
| </p> | |
| <p class="snip-p"> | |
| Next, go to | |
| Suitable Admin Dashboard > Settings > Integrations | |
| , add the Slack integration – and that’s it! You can now | |
| manage your referrals quickly and effortlessly, right from | |
| Slack. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row" id="row-3044984"> | |
| <div class="col small-12 large-12"> | |
| <div class="col-inner"> | |
| <h3 class="snip-h3">Need Support?</h3> | |
| <p class="snip-p"> | |
| Find the Suitable AI bot in Slack at the bottom left-hand | |
| side menu under Apps Section. If it is not visible in the | |
| Apps section, click <strong>+ Add Apps</strong> and search | |
| for Suitable AI. | |
| </p> | |
| <p class="snip-p"> | |
| Under the Home tab of the App, you can find list of all | |
| commands you can use. You can also type | |
| <strong>/help</strong> to find the list of commands. | |
| </p> | |
| <p class="snip-p"> | |
| Need help setting up the Suitable AI Slack app, email us at | |
| <a | |
| href="mailto:support@suitable.ai" | |
| target="_blank" | |
| rel="noopener noreferrer" | |
| class="snip-a" | |
| > | |
| support@suitable.ai | |
| </a> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section | |
| class="section slack_section_4 dotted_section snip-section" | |
| id="section_1144681126" | |
| > | |
| <div class="bg section-bg fill bg-fill bg-loaded"></div> | |
| <div class="section-content relative"> | |
| <div class="row" id="row-1699026099"> | |
| <div class="col small-12 large-12"> | |
| <div class="col-inner text-center"> | |
| <a | |
| href="https://calendly.com/nikhil-suitableai/30min" | |
| target="_self" | |
| class="button primary snip-a" | |
| style="border-radius: 99px" | |
| > | |
| <span> Request Demo </span> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style scope="scope"> | |
| #section_1144681126 { | |
| padding-top: 30px; | |
| padding-bottom: 30px; | |
| } | |
| </style> | |
| </section> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <?php wp_footer();?> | |
| <footer> | |
| <div class="container"> | |
| <div class="footer-inner"> | |
| <div class="footer-left"> | |
| <?php dynamic_sidebar('footer-1') ?> | |
| </div> | |
| <div class="footer-center"> | |
| <?php dynamic_sidebar('footer-2') ?> | |
| </div> | |
| <div class="footer-right"> | |
| <?php dynamic_sidebar('footer-3') ?> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="copy-right"> | |
| <div class="container"> | |
| <?php dynamic_sidebar('footer-bottom') ?> | |
| </div> | |
| </div> | |
| </footer> | |
| <div class="mobile-request-btn"> | |
| <a href="https://calendly.com/nikhil-suitableai/30min" target="_blank" class="main-btn" id="request-demo-mobile">Request Demo</a> | |
| <a href="#scout-popup" class="main-btn" id="scout-popup-mobile">Apply Now</a> | |
| </div> | |
| <div id="request-demo" class="overlay"> | |
| <div class="popup"> | |
| <a class="close" href="#">×</a> | |
| <h4>Request a Demo</h4> | |
| <?php echo do_shortcode('[gravityform id="1" description="true" ajax="true"]'); ?> | |
| <!-- <form> | |
| <div class="form-group"> | |
| <label>First Name</label> | |
| <input type="text" name="" placeholder="" /> | |
| </div> | |
| <div class="form-group"> | |
| <label>Last Name</label> | |
| <input type="text" name="" placeholder="" /> | |
| </div> | |
| <div class="form-group"> | |
| <label>Job Title</label> | |
| <input type="text" name="" placeholder="" /> | |
| </div> | |
| <div class="form-group"> | |
| <label>Email</label> | |
| <input type="email" name="" placeholder="" /> | |
| </div> | |
| <div class="form-group"> | |
| <label>Phone</label> | |
| <input type="text" name="" placeholder="" /> | |
| </div> | |
| <div class="form-group"> | |
| <label>Company Name</label> | |
| <input type="text" name="" placeholder="" /> | |
| </div> | |
| <div class="form-group form-submit"> | |
| <input type="button" name="" value="Submit" class="main-btn"/> | |
| </div> | |
| </form> --> | |
| </div> | |
| </div> | |
| <div id="contact-popup" class="overlay"> | |
| <div class="popup"> | |
| <a class="close" href="#">×</a> | |
| <h4>Contact Us</h4> | |
| <?php echo do_shortcode('[gravityform id="2" description="true" ajax="true"]'); ?> | |
| <!-- <form> | |
| <div class="form-group"> | |
| <label>First Name</label> | |
| <input type="text" name="" placeholder="" /> | |
| </div> | |
| <div class="form-group"> | |
| <label>Last Name</label> | |
| <input type="text" name="" placeholder="" /> | |
| </div> | |
| <div class="form-group"> | |
| <label>Email</label> | |
| <input type="email" name="" placeholder="" /> | |
| </div> | |
| <div class="form-group"> | |
| <label>Phone</label> | |
| <input type="text" name="" placeholder="" /> | |
| </div> | |
| <div class="form-group"> | |
| <label>Message</label> | |
| <textarea></textarea> | |
| </div> | |
| <div class="form-group form-submit"> | |
| <input type="button" name="" value="Submit" class="main-btn"/> | |
| </div> | |
| </form> --> | |
| </div> | |
| </div> | |
| <div id="scout-popup" class="overlay"> | |
| <div class="popup"> | |
| <a class="close" href="#">×</a> | |
| <h4>Apply Now</h4> | |
| <?php echo do_shortcode('[gravityform id="4" description="true" ajax="true"]'); ?> | |
| </div> | |
| </div> | |
| </body> | |
| <script> | |
| /* aos js */ | |
| AOS.init({ | |
| duration: 1000, | |
| once: true | |
| }) | |
| </script> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment