[text] Main code

Viewer

copydownloadembedprintName: Main code
  1. {%load static %}
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title>H For Help - Realtime Helpdesk In Your Browser</title>
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <meta name="description" content="A corporate Bootstrap theme by Medium Rare">
  9.     <style>
  10.         @keyframes hideLoader {
  11.             0% {
  12.                 width: 100%;
  13.                 height: 100%;
  14.             }
  15.  
  16.             100% {
  17.                 width: 0;
  18.                 height: 0;
  19.             }
  20.         }
  21.  
  22.         body>div.loader {
  23.             position: fixed;
  24.             background: white;
  25.             width: 100%;
  26.             height: 100%;
  27.             z-index: 1071;
  28.             opacity: 0;
  29.             transition: opacity .5s ease;
  30.             overflow: hidden;
  31.             pointer-events: none;
  32.             display: flex;
  33.             align-items: center;
  34.             justify-content: center;
  35.         }
  36.  
  37.         body:not(.loaded)>div.loader {
  38.             opacity: 1;
  39.         }
  40.  
  41.         body:not(.loaded) {
  42.             overflow: hidden;
  43.         }
  44.  
  45.         body.loaded>div.loader {
  46.             animation: hideLoader .5s linear .5s forwards;
  47.         }
  48.  
  49.         /* Typing Animation */
  50.         .loading-animation {
  51.             width: 6px;
  52.             height: 6px;
  53.             border-radius: 50%;
  54.             animation: typing 1s linear infinite alternate;
  55.             position: relative;
  56.             left: -12px;
  57.         }
  58.  
  59.         @keyframes typing {
  60.             0% {
  61.                 background-color: rgba(100, 100, 100, 1);
  62.                 box-shadow: 12px 0px 0px 0px rgba(100, 100, 100, 0.2), 24px 0px 0px 0px rgba(100, 100, 100, 0.2);
  63.             }
  64.  
  65.             25% {
  66.                 background-color: rgba(100, 100, 100, 0.4);
  67.                 box-shadow: 12px 0px 0px 0px rgba(100, 100, 100, 2), 24px 0px 0px 0px rgba(100, 100, 100, 0.2);
  68.             }
  69.  
  70.             75% {
  71.                 background-color: rgba(100, 100, 100, 0.4);
  72.                 box-shadow: 12px 0px 0px 0px rgba(100, 100, 100, 0.2), 24px 0px 0px 0px rgba(100, 100, 100, 1);
  73.             }
  74.         }
  75.     </style>
  76.     <script type="text/javascript">
  77.         window.addEventListener("load", function () { document.querySelector('body').classList.add('loaded'); });
  78.         function scrollToView(id){
  79.             document.querySelector(id).scrollIntoView({behavior: 'smooth'});
  80.         }
  81.         {% if otp %}
  82.         window.document.onload = function(e){ 
  83.        scrollToView('#sign_up')
  84.     }
  85.         {% endif %}
  86.     </script>
  87.     <link href = "{% static 'css/theme-saas-trend.min.css' %}" rel="stylesheet" type="text/css" media="all">
  88.     <link href = "{% static 'css/home.css' %}" rel="stylesheet" type="text/css" media="all">
  89.     <link rel="preload" as="font" href = "{% static 'fonts/Inter-UI-upright.var.woff2' %}" type="font/woff2"
  90.         crossorigin="anonymous">
  91.     <link rel="preload" as="font" href = "{% static 'fonts/Inter-UI.var.woff2' %}" type="font/woff2" crossorigin="anonymous">
  92. </head>
  93.  
  94. <body data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0" class="loaded">
  95.     <div class="loader">
  96.         <div class="loading-animation"></div>
  97.     </div>
  98.  
  99.     <div class="navbar-container bg-yellow" style="min-height: 73px;">
  100.         <nav class="navbar navbar-expand-lg bg-yellow position-fixed scrolled" data-sticky="top"
  101.             style="max-width: 1519.2px; top: 0px;">
  102.             <div class="container">
  103.                 <a class="navbar-brand fade-page h1" href="{% url 'home'%}">
  104.                     <h3> H For Help</h3>
  105.                 </a>
  106.                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse"
  107.                     aria-expanded="false" aria-label="Toggle navigation">
  108.                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  109.                         class="injected-svg icon navbar-toggler-open" data-src = "{% static 'img/icons/interface/menu.svg' %}' %}"
  110.                         xmlns:xlink="http://www.w3.org/1999/xlink">
  111.                         <path
  112.                             d="M3 17C3 17.5523 3.44772 18 4 18H20C20.5523 18 21 17.5523 21 17V17C21 16.4477 20.5523 16 20 16H4C3.44772 16 3 16.4477 3 17V17ZM3 12C3 12.5523 3.44772 13 4 13H20C20.5523 13 21 12.5523 21 12V12C21 11.4477 20.5523 11 20 11H4C3.44772 11 3 11.4477 3 12V12ZM4 6C3.44772 6 3 6.44772 3 7V7C3 7.55228 3.44772 8 4 8H20C20.5523 8 21 7.55228 21 7V7C21 6.44772 20.5523 6 20 6H4Z"
  113.                             fill="#212529"></path>
  114.                     </svg>
  115.                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  116.                         class="injected-svg icon navbar-toggler-close" data-src = "{% static 'img/icons/interface/cross.svg' %}' %}"
  117.                         xmlns:xlink="http://www.w3.org/1999/xlink">
  118.                         <path
  119.                             d="M16.2426 6.34311L6.34309 16.2426C5.95257 16.6331 5.95257 17.2663 6.34309 17.6568C6.73362 18.0473 7.36678 18.0473 7.75731 17.6568L17.6568 7.75732C18.0473 7.36679 18.0473 6.73363 17.6568 6.34311C17.2663 5.95258 16.6331 5.95258 16.2426 6.34311Z"
  120.                             fill="#212529"></path>
  121.                         <path
  122.                             d="M17.6568 16.2426L7.75734 6.34309C7.36681 5.95257 6.73365 5.95257 6.34313 6.34309C5.9526 6.73362 5.9526 7.36678 6.34313 7.75731L16.2426 17.6568C16.6331 18.0473 17.2663 18.0473 17.6568 17.6568C18.0474 17.2663 18.0474 16.6331 17.6568 16.2426Z"
  123.                             fill="#212529"></path>
  124.                     </svg>
  125.                 </button>
  126.         <div class="collapse navbar-collapse justify-content-end">
  127.             <div class="py-2 py-lg-0">
  128.               <ul class="navbar-nav">
  129.                 <li class="nav-item dropdown">
  130.                   <a onclick="scrollToView('#faq_question')" class="nav-link dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">FAQ</a>
  131.              
  132.                 </li>
  133.                 <li class="nav-item dropdown">
  134.                   <a href="https://twitter.com/joinhforhelp" class="nav-link dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">Twitter</a>
  135.              
  136.                 </li>
  137.                 <li class="nav-item dropdown">
  138.                   <a href="https://twitter.com/joinhforhelp" class="nav-link dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">Submit Bug</a>
  139.              
  140.                 </li>
  141.                 <li class="nav-item dropdown">
  142.                   <a href="{%url 'privacy'%}" class="nav-link dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">Privacy Policy</a>
  143.              
  144.                 </li>
  145.                 
  146.  
  147.               </ul>
  148.               {% if is_signup %}
  149.                     </div><a href="/download/" class="btn btn-white ml-lg-3">Download Now</a></div>
  150.               {% else %}
  151.                     </div><a onclick="scrollToView('#sign_up')" class="btn btn-white ml-lg-3">Download Now</a></div>
  152.                 {% endif %}
  153.  
  154.             </div>
  155.         </nav>
  156.     </div>
  157.  
  158.     <section class="bg-primary text-light o-hidden">
  159.         <div class="container">
  160.             <div class="row align-items-center min-vh-50">
  161.                 <div class="col-lg-12 text-center text-lg-left mb-4 mb-lg-0">
  162.                     <h1 class="display-3">Realtime helpdesk in your browser.</h1>
  163.                     <div class="my-4">
  164.                         <p class="lead">Your office colleagues aren't always available for help.<br>H For Help enables you to receive help from peers working in other offices.
  165.                         </p>
  166.                     </div>
  167.                     <a onclick="scrollToView('#sign_up')" class="btn btn-lg btn-dark text-light">Signup Now</a>
  168.                 </div>
  169.  
  170.             </div>
  171.         </div>
  172.     </section>
  173.  
  174.     <section>
  175.         <div class="container">
  176.             <div class="row justify-content-center text-center mb-6">
  177.                 <div class="col-xl-8 col-lg-9">
  178.                     {% comment %} <h2 class="display-4 mx-xl-6">Launching Early for Devs & Designers</h2> {% endcomment %}
  179.                     <h2 class="display-4 mx-xl-6">A friend that is always available for help</h2>
  180.                         <p class="lead">
  181.                             H For Help starts as soon as your browser starts , so that you are already connected to people in various offices
  182.                             who are working on the same topic as you.
  183.                     </p>
  184.                     {% comment %} <p class="lead">
  185.             As a programmer I am usually stuck in situations which requires human help or discussion in my daily tasks. 
  186.             Googling isn't enough for those situations.That's why we are building H For Help ,Cofounder -Ashish K Mishra
  187.                     </p> {% endcomment %}
  188.                 </div>
  189.             </div>
  190.             <div class="row text-center">
  191.                 <div class="col-md-6 col-lg-3 mb-4 mb-lg-0 aos-init aos-animate" data-aos="fade-up"
  192.                     data-aos-delay="100">
  193.                     <img src = "{% static 'img/saas-sketch-2.svg' %}" alt="Image" class="mb-4">
  194.                     <h5>Install Extension</h5>
  195.                     <p class="px-xl-4">Signup to download the extension.</p>
  196.                     
  197.                 </div>
  198.                 <div class="col-md-6 col-lg-3 mb-4 mb-lg-0 aos-init aos-animate" data-aos="fade-up"
  199.                     data-aos-delay="200">
  200.                     <img src = "{% static 'img/saas-sketch-3.svg' %}" alt="Image" class="mb-4">
  201.                     <h5>Set Topic and Experience</h5>
  202.                     <p class="px-xl-4">Set up the topic you are working on today</p>
  203.                    
  204.                 </div>
  205.                 <div class="col-md-6 col-lg-3 mb-4 mb-lg-0 aos-init aos-animate" data-aos="fade-up"
  206.                     data-aos-delay="300">
  207.                     <img src = "{% static 'img/saas-sketch-4.svg' %}" alt="Image" class="mb-4">
  208.                     <h5>Start Working</h5>
  209.                     <p class="px-xl-4">Give and get 1-1 help via screen share & voice calls</p>
  210.                 </div>
  211.                 <div class="col-md-6 col-lg-3 mb-4 mb-lg-0 aos-init aos-animate" data-aos="fade-up"
  212.                     data-aos-delay="400">
  213.                     <img src = "{% static 'img/saas-sketch-5.svg' %}" alt="Image" class="mb-4">
  214.                     <h5>Keep track of minutes </h5>
  215.                    <p class="px-xl-4">You earn minutes either by helping someone or inviting your friends</p>
  216.                 </div>
  217.             </div>
  218.         </div>
  219.     </section>
  220.  
  221.     {% comment %} <section class="pt-0">
  222.       <div class="container">
  223.         <div class="row justify-content-center text-center mb-6">
  224.           <div class="col-xl-8 col-lg-9">
  225.             <h2 class="display-4 mx-xl-6">Watch it in Action.</h2>
  226.             <p class="lead">
  227.               Take a look at how H For Help works.
  228.             </p>
  229.           </div>
  230.         </div>
  231.         <div class="row justify-content-center">
  232.           <div class="col-xl-9">
  233.             <div class="video-poster rounded">
  234.               <a data-fancybox="" href="https://vimeo.com/40842620" class="btn btn-lg btn-primary btn-round">
  235.                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="injected-svg icon" data-src="assets/img/icons/theme/media/play.svg">
  236.     <title>Icon For Play</title>
  237.     <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  238.         <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
  239.         <path d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z" fill="#000000"></path>
  240.     </g>
  241. </svg>
  242.               </a>
  243.               <img src="{% static 'img/article-5.jpg' %}" alt="Image">
  244.             </div>
  245.           </div>
  246.         </div>
  247.       </div>
  248.     </section> {% endcomment %}
  249.     
  250.     {% comment %} <section class="bg-primary-2-alt o-hidden">
  251.         <div class="container">
  252.             <div class="row align-items-center justify-content-around">
  253.                 <div class="col-md-5 pr-xl-4 mb-4 mb-md-0">
  254.                     <h3 class="h1 text-primary-2">“H For Help is a friend who is always ready to help pinned in your browser.”</h3>
  255.                     <div class="mb-3">Greg Lind, Director of Platform Transparent Path</div>
  256.                     <a href="#" class="hover-arrow">Read Customer Stories</a>
  257.                 </div>
  258.                 <div class="col-xl-5 col-md-6 aos-init aos-animate" data-aos="fade-left">
  259.                     <img src = "{% static 'img/saas-trend-1.jpg' %}" alt="Image" class="rounded shadow-lg layer-1">
  260.                     <div class="decoration top left scale-2 d-none d-md-block">
  261.                         <svg xmlns="http://www.w3.org/2000/svg" width="43" height="122" viewBox="0 0 43 122" fill="none"
  262.                             class="injected-svg bg-primary-2" data-src = "{% static 'img/decorations/deco-blob-13.svg' %}"
  263.                             xmlns:xlink="http://www.w3.org/1999/xlink">
  264.                             <path
  265.                                 d="M27.7833 0.279065C31.5153 -0.395935 34.1643 0.647081 35.8243 3.52708C37.3013 3.75308 38.6543 3.75507 39.8533 4.18507C42.1543 5.01007 42.9763 6.54608 42.4253 8.85508C41.9003 11.0481 41.2363 13.2141 40.5173 15.3541C39.3333 18.8831 38.0523 22.3801 36.8223 25.8941C36.5623 26.6401 36.3473 27.4031 36.1253 28.1161C37.0183 29.7191 37.8983 31.1721 38.6433 32.6931C38.9753 33.3751 39.2763 34.2291 39.1643 34.9391C38.7993 37.2861 38.4123 39.6531 37.7263 41.9191C34.3003 53.2441 30.6563 64.5041 27.3223 75.8571C24.0643 86.9611 21.6093 98.2541 20.5933 109.813C20.3373 112.721 20.3023 115.648 20.1133 118.563C20.0643 119.327 19.8203 120.077 19.6813 120.759C15.5443 121.634 15.1673 121.063 12.5563 118.159C10.5703 115.952 10.0543 113.611 9.89033 110.991C9.78533 109.283 9.15631 107.965 7.99531 106.752C5.98531 104.652 4.13033 102.404 2.07933 100.35C1.36233 99.6311 0.903309 98.9591 0.886309 97.9751C0.820309 94.3911 0.722321 90.8071 0.698321 87.2231C0.682321 84.7301 1.61831 82.2831 0.753314 79.7161C0.466314 78.8631 1.1893 77.7051 1.3173 76.6701C1.5593 74.6961 1.55332 72.6821 1.92232 70.7361C2.96332 65.2691 4.04931 59.8211 5.40431 54.4081C7.37531 46.5491 9.58832 38.7701 11.8923 31.0121C12.5353 28.8511 13.2773 26.7081 14.1303 24.6221C16.2923 19.3441 18.5343 14.0991 20.7713 8.85109C21.0273 8.24809 21.3243 7.49607 21.8303 7.19307C24.5723 5.55607 25.8093 2.64406 27.7833 0.279065Z"
  266.                                 fill="black"></path>
  267.                         </svg>
  268.                     </div>
  269.                     <div class="decoration bottom middle-x scale-2">
  270.                         <svg xmlns="http://www.w3.org/2000/svg" width="110" height="116" viewBox="0 0 110 116"
  271.                             fill="none" class="injected-svg bg-primary"
  272.                             data-src = "{% static 'img/decorations/deco-dots-3.svg' %}"
  273.                             xmlns:xlink="http://www.w3.org/1999/xlink">
  274.                             <path
  275.                                 d="M56.0201 7.05393C59.1721 4.51793 59.7681 4.46094 62.2881 6.41394C62.0951 6.69994 61.9211 7.01594 61.6921 7.28394C61.1841 7.88094 61.1741 7.87095 61.8561 8.97595C61.3271 9.84795 60.7561 10.786 60.1081 11.855C60.6431 12.46 61.1801 13.029 61.6701 13.635C62.1681 14.251 62.7231 14.8549 63.0631 15.5549C63.3851 16.2189 63.4631 17.002 63.6741 17.834C61.8561 18.334 60.2351 18.0659 58.8281 16.7719C58.2441 16.2349 57.6871 15.6679 57.1821 15.1749C56.2431 15.0949 55.7871 15.743 55.2171 16.135C53.3071 17.447 51.3931 18.7399 49.1231 19.3709C48.8961 19.4339 48.6581 19.4569 48.4691 19.4919C48.2741 19.4259 48.1001 19.4089 47.9791 19.3199C46.3381 18.1189 46.1781 17.4189 47.3031 15.8059C47.6551 15.3039 48.1841 14.9089 48.6781 14.5269C49.2421 14.0899 49.8931 13.7629 50.4511 13.3179C53.4801 10.8969 53.0801 11.0889 51.2521 8.46894C49.9811 6.64594 48.9201 4.67293 47.8111 2.73993C47.3131 1.87393 47.3461 0.917928 47.8421 0.536928C48.5101 0.0219278 49.2811 -0.108072 50.1001 0.161928C51.0711 0.481928 51.6641 1.24693 52.2331 2.01593C53.1781 3.29693 54.0751 4.61694 55.0121 5.90494C55.2831 6.28094 55.6231 6.60693 56.0201 7.05393Z"
  276.                                 fill="black"></path>
  277.                             <path
  278.                                 d="M45.2522 52.563C45.6802 53.121 45.8982 53.446 46.1582 53.735C46.5842 54.211 47.0332 54.6671 47.4802 55.1261C49.0032 56.6921 49.6262 58.568 49.4842 60.869C48.4452 60.965 47.5882 60.5641 46.7712 60.1421C46.0742 59.7831 45.2692 59.4151 44.8262 58.8201C43.6172 57.1911 41.8062 56.2541 40.6542 54.6871C39.7752 54.8601 39.0842 55.004 38.3882 55.132C37.0792 55.372 36.1932 54.8641 35.8572 53.6091C35.7382 53.1581 35.6072 52.572 35.7912 52.201C36.5312 50.712 35.6662 49.5981 35.0312 48.4401C34.6852 47.8071 34.2602 47.2361 34.2672 46.4651C34.2752 45.6621 34.8082 45.0261 35.6092 45.1341C36.2972 45.2281 37.0002 45.4641 37.6092 45.7971C38.1562 46.0961 38.6462 46.562 39.0502 47.046C40.0402 48.224 41.1552 48.3071 42.4562 47.6401C43.2372 47.2391 44.0502 46.9001 44.8542 46.5481C45.5122 46.2611 46.1842 46.0071 46.8402 45.7201C49.0592 44.7491 50.9102 46.8641 51.0632 48.8941C51.1082 49.5121 50.8132 50.0041 50.2742 50.2671C49.3422 50.7221 48.3762 51.106 47.4302 51.533C46.7832 51.825 46.1452 52.14 45.2522 52.563Z"
  279.                                 fill="black"></path>
  280.                             <path
  281.                                 d="M70.824 40.181C70.357 40.472 69.8729 40.739 69.4259 41.059C68.7969 41.512 68.141 41.636 67.364 41.35C66.548 40.289 66.532 39.2 67.315 38.089C67.999 37.12 68.6859 36.153 69.4609 35.058C68.9789 34.524 68.5389 33.972 68.0329 33.488C66.9839 32.484 66.2029 31.295 65.4179 30.087C64.7319 29.033 64.717 28.035 65.203 26.77C65.746 26.841 66.348 26.767 66.769 27.007C67.589 27.474 68.3569 28.067 69.0599 28.701C70.2439 29.764 71.359 30.901 72.527 32.03C73.672 31.734 74.2299 30.79 75.0039 30.147C75.9019 29.399 76.8419 28.883 78.0629 29.19C78.6059 29.326 79.135 29.419 79.514 29.923C79.793 30.297 80.1859 30.585 80.6119 30.991C80.5589 33.131 78.7249 34.322 77.6329 36.135C77.8769 36.432 78.123 36.818 78.449 37.114C79.707 38.251 80.2669 39.66 80.2009 41.443C78.6309 42.078 77.3239 41.327 76.0429 40.561C75.6409 40.32 75.318 39.938 74.984 39.596C74.466 39.065 73.8379 39.13 73.1969 39.21L73.2399 39.261C72.8629 39.052 72.4879 38.923 72.1189 39.277C72.0019 39.344 71.8919 39.422 71.7909 39.511C71.4469 39.75 71.103 39.99 70.76 40.228L70.824 40.181Z"
  282.                                 fill="black"></path>
  283.                             <path
  284.                                 d="M96.1969 45.298C95.2609 44.256 94.5079 43.44 93.7809 42.602C93.1009 41.821 92.3918 41.057 91.8038 40.21C91.1558 39.277 91.7079 38.274 92.8249 38.171C93.6489 38.095 94.4229 38.198 95.0869 38.719C95.8369 39.307 96.5689 39.916 97.2979 40.528C98.0269 41.139 98.7389 41.766 99.5419 42.457C100.458 42.04 101.009 41.271 101.649 40.588C102.602 39.573 104.172 39.237 105.364 39.766C106.288 40.176 106.975 40.789 106.88 41.942C106.847 42.334 106.837 42.738 106.896 43.124C107.029 43.992 106.81 44.633 106.05 45.176C105.421 45.624 104.941 46.275 104.413 46.816C104.772 47.655 105.151 48.343 105.358 49.079C105.542 49.736 105.532 50.447 105.631 51.329C103.625 51.114 101.963 50.533 100.447 49.324C99.7199 49.663 99.0109 49.994 98.3009 50.325C96.8339 51.011 95.2909 51.363 93.6699 51.312C92.8299 51.286 92.3768 50.75 92.3728 49.925C92.3648 48.594 93.1519 47.706 94.0639 46.91C94.6599 46.395 95.3219 45.956 96.1969 45.298Z"
  285.                                 fill="black"></path>
  286.                             <path
  287.                                 d="M101.844 91.355C102.533 90.708 103.045 90.219 103.565 89.738C104.352 89.009 105.28 88.59 106.346 88.473C107.282 88.371 108.116 88.97 108.166 89.915C108.268 91.837 108.137 93.727 106.768 95.423C108.45 96.804 109.608 98.433 109.563 100.773C108.346 101.144 107.262 100.505 106.223 100.104C105.217 99.716 104.348 98.97 103.33 98.326C101.726 98.993 100.053 99.693 98.373 100.385C98.08 100.506 97.783 100.629 97.475 100.697C96.645 100.881 95.815 100.256 95.86 99.408C95.889 98.869 96.03 98.293 96.278 97.814C96.825 96.761 97.471 95.758 98.178 94.563C98.037 94.205 97.905 93.663 97.625 93.21C97.336 92.741 96.9 92.363 96.541 91.937C95.252 90.409 94.629 88.672 94.853 86.662C96.527 86.557 97.419 86.893 98.632 88.123C99.193 88.691 99.696 89.314 100.253 89.885C100.695 90.336 101.18 90.745 101.844 91.355Z"
  288.                                 fill="black"></path>
  289.                             <path
  290.                                 d="M23.8872 15.5589C22.6252 16.2679 21.4532 16.9369 20.2702 17.5889C19.5822 17.9669 18.9482 18.371 18.0512 18.294C17.4892 18.246 16.8932 18.718 16.2972 18.911C15.7872 19.078 15.3522 18.905 15.0652 18.445C14.5652 17.646 14.4672 16.811 14.8952 15.945C15.4382 14.842 16.2172 13.9829 17.3132 13.3779C18.2802 12.8449 19.3152 12.3549 19.9202 11.1969C19.3592 9.76695 17.7032 9.25894 16.9362 8.01094C16.8932 7.24394 17.2312 6.65994 17.8252 6.39894C18.7062 6.00994 19.6772 5.88596 20.6122 6.28096C21.1262 6.49696 21.6142 6.77695 22.0922 7.06395C22.7742 7.47495 23.4342 7.91995 24.2092 8.41795C24.7172 8.15295 25.2932 7.89896 25.8202 7.56496C26.7812 6.95896 27.7732 7.01394 28.8182 7.26094C29.9662 7.53194 30.3612 8.55595 30.9042 9.37795C31.0842 9.64995 30.8492 10.318 30.6272 10.7C30.3972 11.094 29.9572 11.3709 29.5922 11.6789C29.1082 12.0869 28.6082 12.4749 28.1312 12.8569C28.4202 14.3099 28.7292 15.684 28.9552 17.071C29.0742 17.812 28.4632 18.199 27.7152 17.906C27.0492 17.645 26.3522 17.423 25.7442 17.057C25.1452 16.698 24.6412 16.1789 23.8872 15.5589Z"
  291.                                 fill="black"></path>
  292.                             <path
  293.                                 d="M69.8009 69.525C69.1799 68.537 68.5409 67.532 67.9119 66.521C67.3529 65.621 67.0229 64.642 67.0159 63.58C67.0039 62.432 67.9179 61.762 68.9379 62.264C69.6289 62.604 70.2659 63.135 70.8009 63.7C71.5629 64.504 72.2109 65.417 72.9669 66.358C73.7209 66.049 74.4259 65.711 75.1619 65.469C76.9219 64.891 78.1719 65.803 78.5489 67.666C78.8359 69.082 78.6329 70.163 77.2109 70.859C77.6349 73.103 79.7929 74.8 79.2129 77.494C77.3889 76.984 75.6059 76.826 74.3259 75.264C73.4779 74.231 72.7649 74.256 71.6149 75.024C70.6209 75.686 69.6499 76.385 68.6399 77.02C67.9329 77.464 67.2119 77.227 66.8369 76.483C66.2609 75.338 66.1319 74.174 66.9419 73.094C67.7969 71.954 68.7209 70.867 69.8009 69.525Z"
  294.                                 fill="black"></path>
  295.                             <path
  296.                                 d="M11.2291 50.851C12.3481 53.413 12.3931 53.754 11.8481 55.872C11.4161 55.737 10.9671 55.659 10.5781 55.459C9.80111 55.06 8.99812 54.671 8.31212 54.141C6.20712 52.516 6.17311 52.571 3.67711 53.987C3.16711 53.747 2.60311 53.481 2.13611 53.261C1.51111 51.93 1.95211 50.83 2.50511 49.796C1.85111 48.519 1.2841 47.296 0.616104 46.134C-0.160896 44.784 -0.115892 43.569 1.02611 42.371C3.56311 42.53 4.2331 45.257 6.2921 46.302C7.2761 46.048 7.9011 45.2 8.5631 44.438C9.0941 43.825 9.64111 43.278 10.4181 42.984C12.0331 42.374 13.3071 42.783 14.3031 44.259C15.3191 45.762 15.3601 46.257 14.2371 47.622C13.3361 48.723 12.2991 49.713 11.2291 50.851Z"
  297.                                 fill="black"></path>
  298.                             <path
  299.                                 d="M103.832 64.201C106.49 63.505 107.318 63.6351 108.391 64.8361C109.336 65.8931 109.405 66.6721 108.692 68.6721C109.68 70.3131 110.381 72.0931 109.698 74.3111C109.05 73.9241 108.542 73.5901 108.005 73.3091C107.368 72.9771 106.683 72.735 106.067 72.373C105.526 72.054 105.049 71.6231 104.512 71.2161C103.106 71.6291 101.725 72.0101 100.362 72.4441C99.5981 72.6871 98.8421 73.1131 98.1711 72.3221C97.5541 71.5961 97.4911 70.3191 98.0711 69.4281C98.4561 68.8361 98.9441 68.3051 99.4261 67.7831C99.6801 67.5081 100.02 67.3081 100.401 67.0121C100.012 66.4651 99.6881 66.0281 99.3831 65.5781C98.6251 64.4541 97.8771 63.3241 97.1211 62.1971C96.2131 60.8421 96.2541 59.3161 96.4511 57.8141C96.5131 57.3341 97.0121 56.9111 97.2651 56.5281C98.2981 56.5371 98.6011 57.2771 99.0091 57.8311C100.142 59.3731 101.212 60.9631 102.347 62.5041C102.811 63.1331 103.377 63.686 103.832 64.201Z"
  300.                                 fill="black"></path>
  301.                             <path
  302.                                 d="M107.551 8.04991C106.336 9.03991 105.123 10.0309 103.949 10.9879C104.795 13.7779 104.896 14.5269 104.662 16.3629C102.621 15.9779 101.082 14.7979 99.6482 13.3439C97.8102 13.9219 95.9982 14.4909 94.1682 15.0659C93.5982 14.7179 93.0662 14.3949 92.5762 14.0969C92.1762 12.8759 93.1172 12.2839 93.6832 11.5759C94.2242 10.9019 94.9212 10.3529 95.5582 9.74193C95.4432 8.91993 94.7202 8.62893 94.1812 8.19493C93.6282 7.74893 93.0312 7.35792 92.4842 6.96492C92.9982 5.24492 93.9632 4.56193 95.4272 4.95393C96.4192 5.21993 97.3762 5.64192 98.3232 6.05492C98.8992 6.30792 99.4272 6.67694 100.096 7.06194C100.524 6.76194 100.965 6.45292 101.407 6.14192C102.319 5.49992 103.19 4.78992 104.151 4.23192C105.473 3.46392 107.128 3.76191 108.051 4.89891C108.604 5.57991 108.459 6.38891 108.197 7.16591C108.31 6.78191 108.156 6.50592 107.783 6.70192C107.201 7.00592 107.16 7.51791 107.551 8.04991Z"
  303.                                 fill="black"></path>
  304.                             <path
  305.                                 d="M16.3109 105.689C16.0039 105.412 15.8518 105.205 15.6488 105.103C13.2268 103.898 11.4479 101.953 9.70985 99.96C9.50485 99.724 9.26885 99.465 9.18885 99.177C9.06785 98.738 8.90787 98.2 9.05787 97.82C9.27887 97.266 9.85485 97.515 10.3219 97.603C11.7479 97.873 13.0599 98.323 14.2729 99.205C15.4919 100.092 16.8879 100.73 18.2089 101.473C18.9839 101.909 19.7729 102.17 20.7109 102.112C22.2789 102.016 23.4749 102.688 24.1719 104.163C24.3399 104.515 24.6349 104.808 24.8789 105.122C25.4399 105.849 25.7969 106.579 25.4039 107.554C25.2559 107.923 25.4369 108.427 25.4779 109.033C24.2769 108.762 23.2789 108.537 22.3449 108.327C20.9969 109.16 19.7489 110.016 18.4229 110.727C17.1609 111.403 15.8179 111.926 14.5749 112.487C13.8699 111.966 13.2059 111.532 12.6119 111.016C12.2289 110.682 12.0728 110.155 12.4208 109.722C12.9128 109.105 13.4479 108.496 14.0599 108.004C14.8709 107.353 15.7149 106.758 16.3109 105.689Z"
  306.                                 fill="black"></path>
  307.                             <path
  308.                                 d="M49.1802 86.532C49.6552 88.307 50.2012 90.069 49.4182 92.006C47.9752 92.111 46.9712 91.287 46.0572 90.28C45.5362 89.706 45.0282 89.119 44.4832 88.502C43.6042 88.721 42.8542 88.906 42.0202 89.113C41.3502 87.704 42.0082 86.396 41.9362 84.813C41.0822 83.431 40.0862 81.808 39.0812 80.192C38.8272 79.786 38.5153 79.416 38.2823 79C37.7573 78.061 38.2622 77.047 39.3392 76.835C40.2572 76.654 41.1092 76.844 41.7962 77.458C42.4462 78.04 43.0152 78.715 43.6162 79.352C44.2122 79.982 44.6652 80.771 45.6732 81.115C45.8682 80.995 46.2143 80.897 46.3683 80.671C47.3063 79.299 48.6432 79.369 50.0182 79.622C50.9912 79.802 51.8252 80.741 51.9832 81.744C52.0322 82.058 52.0492 82.378 52.1002 82.692C52.2072 83.374 52.0393 83.926 51.4933 84.395C50.7133 85.066 49.9792 85.789 49.1802 86.532Z"
  309.                                 fill="black"></path>
  310.                             <path
  311.                                 d="M67.0101 115.141C67.0281 114.983 67.0451 114.825 67.0781 114.52C66.5881 114.52 66.0961 114.557 65.6131 114.502C65.4001 114.479 65.1521 114.313 65.0151 114.136C64.7281 113.767 64.5051 113.348 64.2921 113.008C64.7801 111.246 65.6731 109.895 67.3801 109.008C66.3231 107.477 65.0621 106.319 63.8101 105.217C64.2611 103.867 65.351 103.764 66.369 103.842C67.221 103.906 68.0641 104.25 68.8751 104.565C69.4591 104.794 69.98 105.178 70.58 105.521C71.488 104.877 72.3441 104.182 73.2811 103.627C74.8771 102.682 76.9781 103.578 77.4201 105.334C77.4571 105.48 77.4711 105.715 77.3871 105.795C76.7871 106.361 77.0181 107.047 77.0161 107.722C77.0161 107.998 76.7501 108.287 76.5691 108.544C76.2491 109 75.9011 109.436 75.4791 109.994C75.4791 111.053 75.4791 112.223 75.4791 113.238C74.8111 113.9 74.2801 113.631 73.7881 113.39C72.4381 112.734 71.2221 112.945 69.9761 113.738C69.0501 114.328 68.1031 114.957 66.9531 115.078L67.0101 115.141Z"
  312.                                 fill="black"></path>
  313.                             <path
  314.                                 d="M18.5682 79.488C20.3222 82.367 20.4922 83.267 19.5802 85.064C18.3182 84.46 16.9713 84.06 15.8593 83.108C14.8753 82.265 14.1542 82.273 13.0562 82.98C12.7242 83.195 12.4112 83.45 12.1202 83.718C11.4792 84.312 10.7782 84.134 10.1282 83.826C9.54424 83.55 9.48924 82.961 9.58924 82.376C9.72424 81.595 9.75326 80.769 10.0403 80.046C10.5073 78.871 10.3513 77.885 9.57126 76.934C9.37226 76.691 9.19426 76.405 9.10026 76.109C8.91426 75.513 8.62326 74.88 9.17026 74.318C9.62726 73.849 10.2113 73.959 10.7463 74.107C11.1973 74.234 11.6292 74.453 12.0512 74.669C12.4732 74.886 12.8732 75.148 13.4012 75.461C13.8402 75.044 14.2622 74.596 14.7312 74.207C15.6982 73.408 16.7843 72.988 18.0533 73.334C19.0453 73.604 19.6702 74.367 19.7662 75.389C19.9322 77.162 19.8552 77.431 18.5682 79.488Z"
  315.                                 fill="black"></path>
  316.                         </svg>
  317.                     </div>
  318.                 </div>
  319.             </div>
  320.         </div>
  321.     </section> {% endcomment %}
  322.  
  323.     {% comment %} <section>
  324.         <div class="container">
  325.             <div class="row justify-content-center text-center mb-6">
  326.                 <div class="col-xl-8 col-lg-9">
  327.                     <h2 class="display-4 mx-xl-6">Build it from the ground up.</h2>
  328.                     <p class="lead">
  329.                         Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
  330.                         laudantium, totam rem aperiam, eaque ipsa.
  331.                     </p>
  332.                 </div>
  333.             </div>
  334.             <div class="row">
  335.                 <div class="col-md-6 col-lg-3 d-flex aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
  336.                     <a href="#" class="card card-icon-2 card-body justify-content-between hover-shadow-3d">
  337.                         <div class="icon-round mb-3 mb-md-4 icon bg-primary">
  338.                             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  339.                                 width="24px" height="24px" viewBox="0 0 24 24" version="1.1"
  340.                                 class="injected-svg icon bg-primary" data-src = "{% static 'img/icons/theme/general/user.svg' %}">
  341.                                 <title>Icon For User</title>
  342.                                 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  343.                                     <polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
  344.                                     <path
  345.                                         d="M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z"
  346.                                         fill="#000000" fill-rule="nonzero" opacity="0.3"></path>
  347.                                     <path
  348.                                         d="M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z"
  349.                                         fill="#000000" fill-rule="nonzero"></path>
  350.                                 </g>
  351.                             </svg>
  352.                         </div>
  353.                         <h5 class="mb-0">Freelancing in the modern economy</h5>
  354.                     </a>
  355.                 </div>
  356.                 <div class="col-md-6 col-lg-3 d-flex aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
  357.                     <a href="#"
  358.                         class="card card-icon-2 card-body justify-content-between hover-shadow-3d bg-primary text-light">
  359.                         <div class="icon-round mb-3 mb-md-4 icon bg-white">
  360.                             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  361.                                 width="24px" height="24px" viewBox="0 0 24 24" version="1.1"
  362.                                 class="injected-svg icon bg-white" data-src = "{% static 'img/icons/theme/home/clock.svg' %}">
  363.                                 <title>Icon For Clock</title>
  364.                                 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  365.                                     <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
  366.                                     <path
  367.                                         d="M12,22 C7.02943725,22 3,17.9705627 3,13 C3,8.02943725 7.02943725,4 12,4 C16.9705627,4 21,8.02943725 21,13 C21,17.9705627 16.9705627,22 12,22 Z"
  368.                                         fill="#000000" opacity="0.3"></path>
  369.                                     <path
  370.                                         d="M11.9630156,7.5 L12.0475062,7.5 C12.3043819,7.5 12.5194647,7.69464724 12.5450248,7.95024814 L13,12.5 L16.2480695,14.3560397 C16.403857,14.4450611 16.5,14.6107328 16.5,14.7901613 L16.5,15 C16.5,15.2109164 16.3290185,15.3818979 16.1181021,15.3818979 C16.0841582,15.3818979 16.0503659,15.3773725 16.0176181,15.3684413 L11.3986612,14.1087258 C11.1672824,14.0456225 11.0132986,13.8271186 11.0316926,13.5879956 L11.4644883,7.96165175 C11.4845267,7.70115317 11.7017474,7.5 11.9630156,7.5 Z"
  371.                                         fill="#000000"></path>
  372.                                 </g>
  373.                             </svg>
  374.                         </div>
  375.                         <h5 class="mb-0">Time management for creatives</h5>
  376.                     </a>
  377.                 </div>
  378.                 <div class="col-md-6 col-lg-3 d-flex aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
  379.                     <a href="#"
  380.                         class="card card-icon-2 card-body justify-content-between hover-shadow-3d bg-primary-2 text-light">
  381.                         <div class="icon-round mb-3 mb-md-4 icon bg-white">
  382.                             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  383.                                 width="24px" height="24px" viewBox="0 0 24 24" version="1.1"
  384.                                 class="injected-svg icon bg-white" data-src = "{% static 'img/icons/theme/devices/mic.svg' %}">
  385.                                 <title>Icon For Mic</title>
  386.                                 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  387.                                     <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
  388.                                     <path
  389.                                         d="M12.9975507,17.929461 C12.9991745,17.9527631 13,17.9762852 13,18 L13,21 C13,21.5522847 12.5522847,22 12,22 C11.4477153,22 11,21.5522847 11,21 L11,18 C11,17.9762852 11.0008255,17.9527631 11.0024493,17.929461 C7.60896116,17.4452857 5,14.5273206 5,11 L7,11 C7,13.7614237 9.23857625,16 12,16 C14.7614237,16 17,13.7614237 17,11 L19,11 C19,14.5273206 16.3910388,17.4452857 12.9975507,17.929461 Z"
  390.                                         fill="#000000" fill-rule="nonzero"></path>
  391.                                     <rect fill="#000000" opacity="0.3"
  392.                                         transform="translate(12.000000, 8.000000) rotate(-360.000000) translate(-12.000000, -8.000000) "
  393.                                         x="9" y="2" width="6" height="12" rx="3"></rect>
  394.                                 </g>
  395.                             </svg>
  396.                         </div>
  397.                         <h5 class="mb-0">Marketing your unique skill-set</h5>
  398.                     </a>
  399.                 </div>
  400.                 <div class="col-md-6 col-lg-3 d-flex aos-init aos-animate" data-aos="fade-up" data-aos-delay="400">
  401.                     <a href="#"
  402.                         class="card card-icon-2 card-body justify-content-between hover-shadow-3d bg-primary-3 text-light">
  403.                         <div class="icon-round mb-3 mb-md-4 icon bg-white">
  404.                             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  405.                                 width="24px" height="24px" viewBox="0 0 24 24" version="1.1"
  406.                                 class="injected-svg icon bg-white"
  407.                                 data-src = "{% static 'img/icons/theme/devices/battery-half.svg' %}">
  408.                                 <title>Icon For Battery-half</title>
  409.                                 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  410.                                     <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
  411.                                     <path
  412.                                         d="M11,9 L11,15 L17,15 L17,9 L11,9 Z M4,7 L17,7 C18.1045695,7 19,7.8954305 19,9 L19,15 C19,16.1045695 18.1045695,17 17,17 L4,17 C2.8954305,17 2,16.1045695 2,15 L2,9 C2,7.8954305 2.8954305,7 4,7 Z"
  413.                                         fill="#000000" fill-rule="nonzero"></path>
  414.                                     <path
  415.                                         d="M20,10 L21,10 C21.5522847,10 22,10.4477153 22,11 L22,13 C22,13.5522847 21.5522847,14 21,14 L20,14 L20,10 Z"
  416.                                         fill="#000000" opacity="0.3"></path>
  417.                                 </g>
  418.                             </svg>
  419.                         </div>
  420.                         <h5 class="mb-0">Recharging your creativity</h5>
  421.                     </a>
  422.                 </div>
  423.             </div>
  424.         </div>
  425.     </section> {% endcomment %}
  426.     <section class="pt-0">
  427.         <div class="container">
  428.             <div class="row justify-content-around align-items-center">
  429.                 <div class="col-6 col-md-5 mb-4 mb-md-0">
  430.                     <img src = "{% static 'img/saas-sketch-6.svg' %}" alt="Image">
  431.                 </div>
  432.                 <div class="col-xl-5 col-md-6">
  433.                     <h3 class="h1">Getting help shouldn't be hard.</h3>
  434.                     <div class="mt-4 mb-3">
  435.                         <div class="border-bottom pb-3 mb-3">
  436.                             <div data-target="#panel-3" class="accordion-panel-title collapsed" data-toggle="collapse"
  437.                                 role="button" aria-expanded="false">
  438.                                 <span class="h6 mb-0">Always connected to peers in other office</span>
  439.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
  440.                                     fill="none" class="injected-svg icon" data-src = "{% static 'img/icons/interface/plus.svg' %}"
  441.                                     xmlns:xlink="http://www.w3.org/1999/xlink">
  442.                                     <path
  443.                                         d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z"
  444.                                         fill="#212529"></path>
  445.                                     <path
  446.                                         d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z"
  447.                                         fill="#212529"></path>
  448.                                 </svg>
  449.                             </div>
  450.                             <div class="collapse" id="panel-3" style="">
  451.                                 <div class="pt-3">
  452.                                     <p class="mb-0">
  453.                                         You are always connected to peers working in other offices.
  454.                                     </p>
  455.                                 </div>
  456.                             </div>
  457.                         </div>
  458.                         <div class="border-bottom pb-3 mb-3">
  459.                             <div data-target="#panel-4" class="accordion-panel-title collapsed" data-toggle="collapse"
  460.                                 role="button" aria-expanded="false">
  461.                                 <span class="h6 mb-0">Switch topics as you switch work</span>
  462.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
  463.                                     fill="none" class="injected-svg icon" data-src = "{% static 'img/icons/interface/plus.svg' %}"
  464.                                     xmlns:xlink="http://www.w3.org/1999/xlink">
  465.                                     <path
  466.                                         d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z"
  467.                                         fill="#212529"></path>
  468.                                     <path
  469.                                         d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z"
  470.                                         fill="#212529"></path>
  471.                                 </svg>
  472.                             </div>
  473.                             <div class="collapse" id="panel-4" style="">
  474.                                 <div class="pt-3">
  475.                                     <p class="mb-0">
  476.                                         Switch topic as you switch your work. From Design to Devops we have got you covered. 
  477.                                     </p>
  478.                                 </div>
  479.                             </div>
  480.                         </div>
  481.                         <div class="border-bottom pb-3 mb-3">
  482.                             <div data-target="#panel-5" class="accordion-panel-title collapsed" data-toggle="collapse"
  483.                                 role="button" aria-expanded="false">
  484.                                 <span class="h6 mb-0">Bring your team with you</span>
  485.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
  486.                                     fill="none" class="injected-svg icon" data-src = "{% static 'img/icons/interface/plus.svg' %}"
  487.                                     xmlns:xlink="http://www.w3.org/1999/xlink">
  488.                                     <path
  489.                                         d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z"
  490.                                         fill="#212529"></path>
  491.                                     <path
  492.                                         d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z"
  493.                                         fill="#212529"></path>
  494.                                 </svg>
  495.                             </div>
  496.                             <div class="collapse" id="panel-5" style="">
  497.                                 <div class="pt-3">
  498.                                     <p class="mb-0">
  499.                                         Get additional minutes when you invite your peers
  500.                                     </p>
  501.                                 </div>
  502.                             </div>
  503.                         </div>
  504.                     </div>
  505.                     <div class="text-small text-muted">Still have questions? <a href="#" class="hover-arrow">Get in
  506.                             touch</a>
  507.                     </div>
  508.                 </div>
  509.             </div>
  510.         </div>
  511.     </section>
  512.  
  513.  
  514.     <section class="pt-5"  id="faq_question">
  515.       <div class="container">
  516.         <div class="row justify-content-center">
  517.           <div class="col-xl-8 col-lg-9">
  518.             <h3 class="h2">Frequently Asked Questions</h3>
  519.             <div class="my-4">
  520.               <div class="card mb-2 card-sm card-body hover-shadow-sm aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
  521.                 <div data-target="#panel-1" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-1">
  522.                   <span class="h6 mb-0">How is this different from Q & A sites?</span>
  523.                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  524. <path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
  525. <path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
  526. </svg>
  527.                 </div>
  528.                 <div class="collapse" id="panel-1">
  529.                   <div class="pt-3">
  530.                     <p>Three things - it's built for getting private 1-1 help, it's realtime and it's pinned right in your browser.</p>
  531.  
  532.                   </div>
  533.                 </div>
  534.               </div>
  535.               <div class="card mb-2 card-sm card-body hover-shadow-sm aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
  536.                 <div data-target="#panel-2" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-2">
  537.                   <span class="h6 mb-0">How do i get credit minutes via referral ? And exactly how much do i get </span>
  538.                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  539. <path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
  540. <path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
  541. </svg>
  542.                 </div>
  543.                 <div class="collapse" id="panel-2">
  544.                   <div class="pt-3">
  545.                     <p>You get credit minutes either by helping someone or by inviting your friends on our platform.You get 30 credit minutes per referral.
  546.                                                                                                         Every minute you help someone on the platform , the credit minutes are added to your account</p>
  547.  
  548.                   </div>
  549.                 </div>
  550.               </div>
  551.  
  552.               <div class="card mb-2 card-sm card-body hover-shadow-sm aos-init aos-animate" data-aos="fade-up" data-aos-delay="400">
  553.                 <div data-target="#panel-4" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-4">
  554.                   <span class="h6 mb-0">What is the difference between pro and free plan?</span>
  555.                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  556. <path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
  557. <path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
  558. </svg>
  559.                 </div>
  560.                 <div class="collapse" id="panel-4">
  561.                   <div class="pt-3">
  562.                     <p>Pro plan lets you have 1-1 voice calls , screen share and chat. While the free plan offers chat feature only. </a>
  563.                     </p>
  564.  
  565.                   </div>
  566.                 </div>
  567.               </div>
  568.               <div class="card mb-2 card-sm card-body hover-shadow-sm aos-init aos-animate" data-aos="fade-up" data-aos-delay="400">
  569.                 <div data-target="#panel-4" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-4">
  570.                   <span class="h6 mb-0">Can i try before i buy?</span>
  571.                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  572. <path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
  573. <path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
  574. </svg>
  575.                 </div>
  576.                 <div class="collapse" id="panel-4">
  577.                   <div class="pt-3">
  578.                     <p>Yes you can . Try H For Help free for a 30 days.</a>
  579.                     </p>
  580.  
  581.                   </div>
  582.                 </div>
  583.               </div>
  584.  
  585.  
  586.             <span>Still have questions? <a href="https://twitter.com/joinhforhelp" class="hover-arrow" data-toggle="modal" data-target="#ask-modal">Reach us on Twitter</a>
  587.             </span>
  588.             <div class="modal fade" id="ask-modal" tabindex="-1" role="dialog" aria-hidden="true">
  589.               <div class="modal-dialog modal-dialog-centered" role="document">
  590.                 <div class="modal-content">
  591.                   <div class="modal-body">
  592.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  593.                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon bg-dark" data-src="assets/img/icons/interface/cross.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  594. <path d="M16.2426 6.34311L6.34309 16.2426C5.95257 16.6331 5.95257 17.2663 6.34309 17.6568C6.73362 18.0473 7.36678 18.0473 7.75731 17.6568L17.6568 7.75732C18.0473 7.36679 18.0473 6.73363 17.6568 6.34311C17.2663 5.95258 16.6331 5.95258 16.2426 6.34311Z" fill="#212529"></path>
  595. <path d="M17.6568 16.2426L7.75734 6.34309C7.36681 5.95257 6.73365 5.95257 6.34313 6.34309C5.9526 6.73362 5.9526 7.36678 6.34313 7.75731L16.2426 17.6568C16.6331 18.0473 17.2663 18.0473 17.6568 17.6568C18.0474 17.2663 18.0474 16.6331 17.6568 16.2426Z" fill="#212529"></path>
  596. </svg>
  597.                     </button>
  598.  
  599.                   </div>
  600.                 </div>
  601.               </div>
  602.             </div>
  603.           </div>
  604.         </div>
  605.       </div>
  606.     </section>
  607.     <section>
  608.         <div class="container">
  609.           <div class="row mb-4">
  610.             <div class="col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
  611.               <div class="card card-body align-items-center ">
  612.                 <div class="pt-md-2">
  613.                   <h4>Free</h4>
  614.                 </div>
  615.                 <div class="d-flex align-items-start pb-md-2">
  616.                   <span class="h3">INR</span>
  617.                   <span class="display-4 mb-0">0</span>
  618.                 </div>
  619.                 <span class="text-small text-dark">help via chat with limited credit minutes</span>
  620.               </div>
  621.             </div>
  622.             <div class="col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
  623.               <div class="card card-body align-items-center shadow-3d">
  624.                 <span class="badge badge-top badge-dark">Most Popular</span>
  625.                 <div class="pt-md-2">
  626.                   <h4>Pro</h4>
  627.                 </div>
  628.                 <div class="d-flex align-items-start pb-md-2">
  629.                   <span class="h3">INR</span>
  630.                   <span class="display-4 mb-0">15</span>
  631.                 </div>
  632.                 <span class="text-small text-dark">25 screen share and voice call minutes + 15 credit minutes</span>
  633.               </div>
  634.             </div>
  635.  
  636.           </div>
  637.  
  638.         </div>
  639.       </section>
  640.     <section class="bg-primary-3 text-light o-hidden" id="sign_up">
  641.         <div class="container layer-1">
  642.             <div class="row justify-content-center text-center mb-6">
  643.                 <div class="col-xl-8 col-lg-9">
  644.                     <h2 class="display-4 mx-xl-6">Let's get started.</h2>
  645.                     <p class="lead">
  646.                         Signup to download the extension
  647.                     </p>
  648.                 </div>
  649.             </div>
  650.             <div class="row justify-content-center">
  651.                 <div class="col-xl-4 col-lg-5 col-md-6">
  652.                     {%if otp %}
  653.                         <form method="post" action="/auth/verify_otp/">
  654.                             {% csrf_token %}
  655.                             
  656.                             <div class="form-group">
  657.                                 <label for="otp">Enter OTP</label>
  658.                                 <input type="text" name="phone_number" value={{phone_number}} hidden>
  659.                                 <input name="otp" pattern="\d*" maxlength="10" minlength="10" id="otp" type="number"
  660.                                     class="form-control form-control-lg" placeholder="Enter OTP" required>
  661.                                 {%if otp_error %}
  662.                                     <small class="text-danger">{{msg}}</small>
  663.                                 {% endif %}
  664.                             </div>
  665.                             <div class="form-group text-center mt-5">
  666.                                 <button class="btn btn-lg btn-dark btn-block mb-2" type="submit">Sign Up</button>
  667.                                 {%if resp == "success" %}
  668.                                     <small class="text-success">You are successfully registered now please download the extension</small>
  669.                                 {% endif %}
  670.                             </div>  
  671.                         </form>
  672.                     {% else %}
  673.                         {% comment %} <form method="post" action="/auth/register/"> {% endcomment %}
  674.                             {% csrf_token %}
  675.                             <div class="form-group">
  676.                                 <label for="email">Email Address</label>
  677.                                 <input name="email" id="email" type="email"
  678.                                     class="form-control form-control-lg" placeholder="Enter your email" value='{{user.email}}' required>
  679.                                 {%if email_error %}
  680.                                     <small class="text-danger">{{msg}}</small>
  681.                                 {% endif %}
  682.                             </div>
  683.                             <div class="form-group">
  684.                                 <label for="phone_number">Phone</label>
  685.                                 <input name="phone_number" pattern="\d*" maxlength="10" minlength="10" id="phone_number" type="text"
  686.                                     class="form-control form-control-lg" placeholder="Enter your phone number" value="{{user.phone_number}}" required>
  687.                                 {%if phone_error %}
  688.                                     <small class="text-danger">{{msg}}</small>
  689.                                 {% endif %}
  690.                             </div>
  691.                             <div class="form-group">
  692.                                 <label for="password">Password</label>
  693.                                 <input name="password" minlength="6" id="password" type="password"
  694.                                     class="form-control form-control-lg" value="{{user.password}}" placeholder="Enter your password">
  695.                             </div>
  696.                             <div class="form-group">
  697.                                 <label for="invite_code">Referal Id (optional)</label>
  698.                                 <input name="invite_code" id="invite_code" type="text"
  699.                                     class="form-control form-control-lg" value="{{referal_id}}" placeholder="Enter your Referal Id">
  700.                                 {%if invite_error %}
  701.                                     <small class="text-danger">{{msg}}</small>
  702.                                 {% endif %}
  703.                             </div>
  704.                             <div class="form-group text-center mt-5">
  705.                                 <button class="btn btn-lg btn-dark btn-block mb-2" id='submitBtn' onclick='register()'>Sign Up</button>
  706.                                 {%if resp == "success" %}
  707.                                     <small class="text-success">You are successfully registered now please download the extension</small>
  708.                                 {% endif %}
  709.                             </div>  
  710.                         {% comment %} </form> {% endcomment %}
  711.                     {% endif %}
  712.                 </div>
  713.             </div>
  714.         <div data-jarallax-element="0 50"
  715.             style="position: relative; z-index: 0; transform: translate3d(-3458.19px, 0px, 0px);">
  716.             <div class="decoration bottom left scale-3">
  717.                 <svg xmlns="http://www.w3.org/2000/svg" width="135" height="206" viewBox="0 0 135 206" fill="none"
  718.                     class="injected-svg bg-primary-2" data-src = "{% static 'img/decorations/deco-blob-5.svg' %}"
  719.                     xmlns:xlink="http://www.w3.org/1999/xlink">
  720.                     <path
  721.                         d="M60.5599 1.23097C64.9269 1.44397 69.7339 1.598 74.5289 1.946C77.0019 2.126 79.4569 2.61399 81.9099 3.02299C85.7209 3.65899 89.4979 4.637 93.3319 4.95C100.982 5.572 108.102 8.05497 115.238 10.567C118.152 11.593 121.043 12.692 123.97 13.684C125.589 14.233 126.911 15.155 127.816 16.563C129.066 18.508 130.453 20.428 131.296 22.55C132.007 24.338 132.097 26.393 132.343 28.344C132.997 33.537 133.73 38.728 134.14 43.942C134.312 46.13 133.915 48.408 133.49 50.588C132.371 56.318 131.154 62.032 129.863 67.727C128.574 73.424 127.207 79.106 125.767 84.768C124.263 90.678 122.726 96.583 121.025 102.439C119.877 106.389 118.421 110.25 117.095 114.148C116.847 114.88 116.497 115.582 116.292 116.324C114.382 123.22 111.356 129.695 108.813 136.353C107.067 140.927 105.219 145.468 103.637 150.099C102.428 153.636 100.489 156.771 98.8339 160.068C96.8609 164.002 94.6599 167.775 91.9059 171.216C91.6379 171.55 91.3419 171.888 91.1739 172.275C89.5079 176.127 86.7209 179.199 84.0979 182.373C81.5259 185.486 78.9519 188.615 76.1549 191.523C68.6159 199.361 59.4519 204.023 48.5589 205.109C48.0469 205.16 47.5199 205.214 47.0159 205.148C43.4569 204.679 39.9029 204.185 36.3479 203.689C31.0319 202.945 25.9359 201.337 21.0389 199.251C17.6619 197.813 14.5429 195.771 11.3199 193.976C10.6459 193.603 10.0559 193.078 9.37891 192.714C4.71891 190.216 2.12291 186.216 1.18991 181.14C0.240908 175.974 0.117912 170.738 0.183912 165.486C0.249912 160.334 0.0549003 155.179 0.0379003 150.025C0.0239003 145.132 0.0968999 140.238 0.1219 135.345C0.1549 129.251 0.0989109 123.156 0.226911 117.062C0.361911 110.714 -0.183096 104.348 0.781904 98.018C1.11791 95.811 1.1709 93.561 1.4929 91.351C2.3699 85.319 3.32891 79.298 4.24091 73.272C4.43391 71.998 4.5069 70.703 4.7429 69.437C5.7469 64.036 6.73491 58.631 7.83691 53.249C8.78591 48.622 9.78391 44.001 10.9439 39.424C11.7859 36.098 12.8639 32.828 13.9459 29.57C15.5419 24.763 16.7549 19.807 19.2289 15.329C21.2019 11.76 23.6059 8.51399 26.9769 6.14699C29.7679 4.18699 33.0549 3.32797 36.3189 2.57997C44.7239 0.651972 51.2199 0.329973 60.5599 1.23097ZM105.419 53.443C105.22 53.077 105.023 52.712 104.823 52.346C104.702 52.446 104.581 52.545 104.458 52.645C104.778 52.911 105.099 53.177 105.417 53.444C105.478 53.936 105.427 54.477 105.618 54.911C106.126 56.062 106.862 55.945 107.761 55.212C107.261 54.83 106.884 54.539 106.503 54.252C106.144 53.979 105.78 53.711 105.419 53.443ZM76.2879 124.701C75.1119 122.146 74.0989 121.558 72.7819 122.418C72.5549 122.564 72.4169 122.965 72.3909 123.26C72.3769 123.442 72.6209 123.768 72.8109 123.822C73.8409 124.121 74.8899 124.357 76.2879 124.701ZM67.4479 116.584C65.6959 117.957 65.6919 118.332 67.5669 119.297C67.8579 118.342 68.3679 117.496 67.4479 116.584ZM57.7059 114.078C59.6399 113.396 59.6399 113.396 58.9949 111.521C58.5869 112.334 58.2709 112.961 57.7059 114.078ZM94.2389 47.635C94.3579 47.316 94.5339 47.081 94.4829 46.916C94.4319 46.748 94.1569 46.647 93.9809 46.518C93.8739 46.707 93.6609 46.916 93.6899 47.08C93.7239 47.257 93.9829 47.392 94.2389 47.635ZM43.9439 25.55C43.8599 25.65 43.7759 25.748 43.6919 25.847C43.7799 25.982 43.8439 26.2 43.9629 26.234C44.2269 26.309 44.5179 26.295 44.7969 26.316C44.5129 26.061 44.2279 25.806 43.9439 25.55ZM75.6459 39.062C75.7259 38.946 75.8879 38.808 75.8649 38.718C75.8339 38.592 75.6619 38.502 75.5509 38.397C75.4729 38.513 75.3109 38.65 75.3319 38.742C75.3619 38.866 75.5319 38.957 75.6459 39.062Z"
  722.                         fill="black"></path>
  723.                 </svg>
  724.             </div>
  725.             <div id="jarallax-container-0"
  726.                 style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: -100;">
  727.                 <div
  728.                     style="pointer-events: none; transform-style: preserve-3d; backface-visibility: hidden; will-change: transform, opacity; position: fixed;">
  729.                 </div>
  730.             </div>
  731.         </div>
  732.     </section>
  733.  
  734.  
  735.  
  736.  
  737.     <footer class="pb-5 bg-dark text-light">
  738.         <div class="container">
  739.             <div class="row mb-4 justify-content-center">
  740.                 <div class="col-auto">
  741.                     <a href="{%url 'home'%}" class="text-light">
  742.                         <h3 class="text-light">H For Help</h3>
  743.                     </a>
  744.                 </div>
  745.             </div>
  746.  
  747.             <div class="row justify-content-center mt-5 mb-5">
  748.                 <div class="col-auto">
  749.                     <ul class="nav">
  750.  
  751.                         <li class="nav-item">
  752.                             <a href="#" class="nav-link">
  753.                                 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24"
  754.                                     class="injected-svg icon" data-src = "{% static 'img/icons/social/twitter.svg' %}"
  755.                                     xmlns:xlink="http://www.w3.org/1999/xlink">
  756.                                     <title>Twitter icon</title>
  757.                                     <path
  758.                                         d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z">
  759.                                     </path>
  760.                                 </svg>
  761.                             </a>
  762.                         </li>
  763.  
  764.                         <li class="nav-item">
  765.                             <a href="#" class="nav-link">
  766.                                 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24"
  767.                                     class="injected-svg icon" data-src = "{% static 'img/icons/social/facebook.svg' %}"
  768.                                     xmlns:xlink="http://www.w3.org/1999/xlink">
  769.                                     <title>Facebook icon</title>
  770.                                     <path
  771.                                         d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0">
  772.                                     </path>
  773.                                 </svg>
  774.                             </a>
  775.                         </li>
  776.                     </ul>
  777.                 </div>
  778.             </div>
  779.             <div class="row justify-content-center text-center">
  780.                 <div class="col-xl-10">
  781.                     <small class="text-muted">©2021 All Rights Reserved to H For Help. Apple and the Apple logo are trademarks of Apple Inc., registered in the U.S. and other
  782.                         countries. Mac App Store is a service mark of Apple Inc. Google
  783.                         Play and the Google Play logo are trademarks of Google Inc.</small>
  784.                 </div>
  785.             </div>
  786.         </div>
  787.     </footer> 
  788.  
  789.     <a href="#" class="btn back-to-top btn-primary btn-round aos-init" data-smooth-scroll="" data-aos="fade-up"
  790.         data-aos-offset="2000" data-aos-mirror="true" data-aos-once="false">
  791.         <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px"
  792.             viewBox="0 0 24 24" version="1.1" class="injected-svg icon"
  793.             data-src = "{% static 'img/icons/theme/navigation/arrow-up.svg' %}">
  794.             <title>Icon For Arrow-up</title>
  795.             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  796.                 <polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
  797.                 <rect fill="#000000" x="11" y="5" width="2" height="14" rx="1"></rect>
  798.                 <path
  799.                     d="M6.70710678,12.7071068 C6.31658249,13.0976311 5.68341751,13.0976311 5.29289322,12.7071068 C4.90236893,12.3165825 4.90236893,11.6834175 5.29289322,11.2928932 L11.2928932,5.29289322 C11.6714722,4.91431428 12.2810586,4.90106866 12.6757246,5.26284586 L18.6757246,10.7628459 C19.0828436,11.1360383 19.1103465,11.7686056 18.7371541,12.1757246 C18.3639617,12.5828436 17.7313944,12.6103465 17.3242754,12.2371541 L12.0300757,7.38413782 L6.70710678,12.7071068 Z"
  800.                     fill="#000000" fill-rule="nonzero"></path>
  801.             </g>
  802.         </svg>
  803.     </a>
  804.     <!-- Required vendor scripts (Do not remove) -->
  805.     <script type="text/javascript" src = "{% static 'js/jquery.min.js' %}"></script>
  806.     <script type="text/javascript" src = "{% static 'js/popper.min.js' %}"></script>
  807.     <script type="text/javascript" src = "{% static 'js/bootstrap.js' %}"></script>
  808.  
  809.     <!-- 
  810.              This appears in the demo only.  This script ensures our demo countdowns are always showing a date in the future 
  811.              by altering the date before the countdown is initialized 
  812.         -->
  813.     <script type="text/javascript">
  814.         (function ($) {
  815.             var now = new Date;
  816.             var day = 864e5;
  817.             var weeksToAdd = 2;
  818.             var tenWeeksFromNow = new Date(+now + day * 7 * weeksToAdd).toISOString().slice(0, 10).replace(/\-/g, '/');
  819.             $('[data-countdown-date].add-countdown-time').attr('data-countdown-date', tenWeeksFromNow);
  820.         })(jQuery);
  821.     </script>
  822.  
  823.     <!-- Optional Vendor Scripts (Remove the plugin script here and comment initializer script out of index.js' %} if site does not use that feature) -->
  824.  
  825.     <!-- AOS (Animate On Scroll - animates elements into view while scrolling down) -->
  826.     <script type="text/javascript" src = "{% static 'js/aos.js' %}"></script>
  827.     <!-- Clipboard (copies content from browser into OS clipboard) -->
  828.     <script type="text/javascript" src = "{% static 'js/clipboard.min.js' %}"></script>
  829.     <!-- Fancybox (handles image and video lightbox and galleries) -->
  830.     <script type="text/javascript" src = "{% static 'js/jquery.fancybox.min.js' %}"></script>
  831.     <!-- Flatpickr (calendar/date/time picker UI) -->
  832.     <script type="text/javascript" src = "{% static 'js/flatpickr.min.js' %}"></script>
  833.     <!-- Flickity (handles touch enabled carousels and sliders) -->
  834.     <script type="text/javascript" src = "{% static 'js/flickity.pkgd.min.js' %}"></script>
  835.     <!-- Ion rangeSlider (flexible and pretty range slider elements) -->
  836.     <script type="text/javascript" src = "{% static 'js/ion.rangeSlider.min.js' %}"></script>
  837.     <!-- Isotope (masonry layouts and filtering) -->
  838.     <script type="text/javascript" src = "{% static 'js/isotope.pkgd.min.js' %}"></script>
  839.     <!-- jarallax (parallax effect and video backgrounds) -->
  840.     <script type="text/javascript" src = "{% static 'js/jarallax.min.js' %}"></script>
  841.     <script type="text/javascript" src = "{% static 'js/jarallax-video.min.js' %}"></script>
  842.     <script type="text/javascript" src = "{% static 'js/jarallax-element.min.js' %}"></script>
  843.     <!-- jQuery Countdown (displays countdown text to a specified date) -->
  844.     <script type="text/javascript" src = "{% static 'js/jquery.countdown.min.js' %}"></script>
  845.     <!-- jQuery smartWizard facilitates steppable wizard content -->
  846.     <script type="text/javascript" src = "{% static 'js/jquery.smartWizard.min.js' %}"></script>
  847.     <!-- Plyr (unified player for Video, Audio, Vimeo and Youtube) -->
  848.     <script type="text/javascript" src = "{% static 'js/plyr.polyfilled.min.js' %}"></script>
  849.     <!-- Prism (displays formatted code boxes) -->
  850.     <script type="text/javascript" src = "{% static 'js/prism.js' %}"></script>
  851.     <!-- ScrollMonitor (manages events for elements scrolling in and out of view) -->
  852.     <script type="text/javascript" src = "{% static 'js/scrollMonitor.js' %}"></script>
  853.     <!-- Smooth scroll (animation to links in-page)-->
  854.     <script type="text/javascript" src = "{% static 'js/smooth-scroll.polyfills.min.js' %}"></script>
  855.     <!-- SVGInjector (replaces img tags with SVG code to allow easy inclusion of SVGs with the benefit of inheriting colors and styles)-->
  856.     <script type="text/javascript" src = "{% static 'js/svg-injector.umd.production.js' %}"></script>
  857.     <!-- TwitterFetcher (displays a feed of tweets from a specified account)-->
  858.     <script type="text/javascript" src = "{% static 'js/twitterFetcher_min.js' %}"></script>
  859.     <!-- Typed text (animated typing effect)-->
  860.     <script type="text/javascript" src = "{% static 'js/typed.min.js' %}"></script>
  861.     <!-- Required theme scripts (Do not remove) -->
  862.     <script type="text/javascript" src = "{% static 'js/theme.js' %}"></script>
  863.  
  864.     <script type="text/javascript">
  865.         // This script appears only in the demo - it disables forms with no action attribute to prevent 
  866.         // navigating away from the page.
  867.         jQuery("form:not([action])").on('submit', function () { return false; });
  868.     </script>
  869.     
  870.     <script type="text/javascript">
  871.         function register(){
  872.             var phone_number = document.getElementById("phone_number")
  873.             var password = document.getElementById("password")
  874.             var email = document.getElementById("email")
  875.             var invite_code = document.getElementById("invite_code")
  876.             console.log("USER DATA",phone_number.value,password.value,email.value,invite_code.value)
  877.         }
  878.         {% comment %} $.ajax({
  879.             method: "GET",
  880.             url: "/question/user_queue/",
  881.             data: { name: "John", location: "Boston" }
  882.             })
  883.             .done(function( msg ) {
  884.                 console.log("DONE ",msg)
  885.             }); {% endcomment %}
  886.     </script>
  887.  
  888.  
  889. </body>
  890.  
  891. </html>

Editor

You can edit this paste and save as new:


File Description
  • Main code
  • Paste Code
  • 18 Sep-2021
  • 71.06 Kb
You can Share it: