sharix-open-landing/templates/landing/menu.html

{% load static %}

<div class="flex-row service-wrapper">
    <div class="servises-block hideScrollbar">
        <h1 class="title new-font-size">Услуги</h1>
        
        {% for item in menu %}
        {% comment %} {% url item.slug %} {% endcomment %}
            <li><a href="#"><h5>{{ item.title }}</h5></a></li>
        {% endfor %}
        
        <button class="flex-row text-style button-selection cursor-pointer">
            <svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M11.3 9.22C11.8336 8.75813 12.2616 8.18688 12.5549 7.54502C12.8482 6.90316 13 6.20571 13 5.5C13 4.17392 12.4732 2.90215 11.5355 1.96447C10.5979 1.02678 9.32608 0.5 8 0.5C6.67392 0.5 5.40215 1.02678 4.46447 1.96447C3.52678 2.90215 3 4.17392 3 5.5C2.99999 6.20571 3.1518 6.90316 3.44513 7.54502C3.73845 8.18688 4.16642 8.75813 4.7 9.22C3.30014 9.85388 2.11247 10.8775 1.27898 12.1685C0.445495 13.4596 0.00147185 14.9633 0 16.5C0 16.7652 0.105357 17.0196 0.292893 17.2071C0.48043 17.3946 0.734784 17.5 1 17.5C1.26522 17.5 1.51957 17.3946 1.70711 17.2071C1.89464 17.0196 2 16.7652 2 16.5C2 14.9087 2.63214 13.3826 3.75736 12.2574C4.88258 11.1321 6.4087 10.5 8 10.5C9.5913 10.5 11.1174 11.1321 12.2426 12.2574C13.3679 13.3826 14 14.9087 14 16.5C14 16.7652 14.1054 17.0196 14.2929 17.2071C14.4804 17.3946 14.7348 17.5 15 17.5C15.2652 17.5 15.5196 17.3946 15.7071 17.2071C15.8946 17.0196 16 16.7652 16 16.5C15.9985 14.9633 15.5545 13.4596 14.721 12.1685C13.8875 10.8775 12.6999 9.85388 11.3 9.22ZM8 8.5C7.40666 8.5 6.82664 8.32405 6.33329 7.99441C5.83994 7.66476 5.45542 7.19623 5.22836 6.64805C5.0013 6.09987 4.94189 5.49667 5.05764 4.91473C5.1734 4.33279 5.45912 3.79824 5.87868 3.37868C6.29824 2.95912 6.83279 2.6734 7.41473 2.55764C7.99667 2.44189 8.59987 2.5013 9.14805 2.72836C9.69623 2.95542 10.1648 3.33994 10.4944 3.83329C10.8241 4.32664 11 4.90666 11 5.5C11 6.29565 10.6839 7.05871 10.1213 7.62132C9.55871 8.18393 8.79565 8.5 8 8.5ZM17.74 8.82C18.38 8.09933 18.798 7.20905 18.9438 6.25634C19.0896 5.30362 18.9569 4.32907 18.5618 3.45C18.1666 2.57093 17.5258 1.8248 16.7165 1.30142C15.9071 0.77805 14.9638 0.499742 14 0.5C13.7348 0.5 13.4804 0.605357 13.2929 0.792893C13.1054 0.98043 13 1.23478 13 1.5C13 1.76522 13.1054 2.01957 13.2929 2.20711C13.4804 2.39464 13.7348 2.5 14 2.5C14.7956 2.5 15.5587 2.81607 16.1213 3.37868C16.6839 3.94129 17 4.70435 17 5.5C16.9986 6.02524 16.8593 6.5409 16.5961 6.99542C16.3328 7.44994 15.9549 7.82738 15.5 8.09C15.3517 8.17552 15.2279 8.29766 15.1404 8.44474C15.0528 8.59182 15.0045 8.7589 15 8.93C14.9958 9.09976 15.0349 9.2678 15.1137 9.41826C15.1924 9.56872 15.3081 9.69665 15.45 9.79L15.84 10.05L15.97 10.12C17.1754 10.6917 18.1923 11.596 18.901 12.7263C19.6096 13.8566 19.9805 15.1659 19.97 16.5C19.97 16.7652 20.0754 17.0196 20.2629 17.2071C20.4504 17.3946 20.7048 17.5 20.97 17.5C21.2352 17.5 21.4896 17.3946 21.6771 17.2071C21.8646 17.0196 21.97 16.7652 21.97 16.5C21.9782 14.9654 21.5938 13.4543 20.8535 12.1101C20.1131 10.7659 19.0413 9.63331 17.74 8.82Z"
                    fill="#479FF8" />
            </svg>
            <p>Услуга 1</p>
        </button>
        <button class="flex-row text-style button-selection cursor-pointer">
            <svg width="28" height="17" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M10.6701 8.72C10.1365 8.25813 9.70854 7.68688 9.41522 7.04502C9.12189 6.40316 8.97009 5.70571 8.97009 5C8.97009 3.67392 9.49688 2.40215 10.4346 1.46447C11.3722 0.526784 12.644 1.78911e-07 13.9701 1.78911e-07C15.2962 1.78911e-07 16.5679 0.526784 17.5056 1.46447C18.4433 2.40215 18.9701 3.67392 18.9701 5C18.9701 5.70571 18.8183 6.40316 18.525 7.04502C18.2316 7.68688 17.8037 8.25813 17.2701 8.72C18.67 9.35388 19.8576 10.3775 20.6911 11.6685C21.5246 12.9596 21.9686 14.4633 21.9701 16C21.9701 16.2652 21.8647 16.5196 21.6772 16.7071C21.4897 16.8946 21.2353 17 20.9701 17C20.7049 17 20.4505 16.8946 20.263 16.7071C20.0754 16.5196 19.9701 16.2652 19.9701 16C19.9701 14.4087 19.338 12.8826 18.2127 11.7574C17.0875 10.6321 15.5614 10 13.9701 10C12.3788 10 10.8527 10.6321 9.72745 11.7574C8.60223 12.8826 7.97009 14.4087 7.97009 16C7.97009 16.2652 7.86474 16.5196 7.6772 16.7071C7.48966 16.8946 7.23531 17 6.97009 17C6.70488 17 6.45052 16.8946 6.26299 16.7071C6.07545 16.5196 5.97009 16.2652 5.97009 16C5.97156 14.4633 6.41559 12.9596 7.24907 11.6685C8.08256 10.3775 9.27023 9.35388 10.6701 8.72V8.72ZM13.9701 8C14.5634 8 15.1435 7.82405 15.6368 7.49441C16.1302 7.16476 16.5147 6.69623 16.7417 6.14805C16.9688 5.59987 17.0282 4.99667 16.9124 4.41473C16.7967 3.83279 16.511 3.29824 16.0914 2.87868C15.6719 2.45912 15.1373 2.1734 14.5554 2.05764C13.9734 1.94189 13.3702 2.0013 12.822 2.22836C12.2739 2.45542 11.8053 2.83994 11.4757 3.33329C11.146 3.82664 10.9701 4.40666 10.9701 5C10.9701 5.79565 11.2862 6.55871 11.8488 7.12132C12.4114 7.68393 13.1744 8 13.9701 8ZM4.23009 8.32C3.59013 7.59933 3.17208 6.70905 3.02629 5.75634C2.8805 4.80362 3.01317 3.82907 3.40833 2.95C3.80349 2.07093 4.4443 1.3248 5.25362 0.801423C6.06295 0.27805 7.00629 -0.0002576 7.97009 1.78911e-07C8.23531 1.78911e-07 8.48966 0.105357 8.6772 0.292893C8.86474 0.48043 8.97009 0.734784 8.97009 1C8.97009 1.26522 8.86474 1.51957 8.6772 1.70711C8.48966 1.89464 8.23531 2 7.97009 2C7.17444 2 6.41138 2.31607 5.84877 2.87868C5.28616 3.44129 4.97009 4.20435 4.97009 5C4.97151 5.52524 5.1108 6.0409 5.37403 6.49542C5.63727 6.94994 6.01522 7.32738 6.47009 7.59C6.61835 7.67552 6.74218 7.79766 6.82973 7.94474C6.91727 8.09182 6.9656 8.2589 6.97009 8.43C6.97428 8.59976 6.93516 8.7678 6.85643 8.91826C6.7777 9.06872 6.66195 9.19665 6.52009 9.29L6.13009 9.55L6.00009 9.62C4.7947 10.1917 3.77778 11.096 3.06911 12.2263C2.36045 13.3566 1.98955 14.6659 2.00009 16C2.00009 16.2652 1.89474 16.5196 1.7072 16.7071C1.51966 16.8946 1.26531 17 1.00009 17C0.734877 17 0.480522 16.8946 0.292986 16.7071C0.10545 16.5196 9.34601e-05 16.2652 9.34601e-05 16C-0.00808105 14.4654 0.376269 12.9543 1.11662 11.6101C1.85698 10.2659 2.92875 9.13331 4.23009 8.32V8.32Z"
                    fill="#479FF8" />
                <path
                    d="M17.2701 8.72C17.8037 8.25813 18.2316 7.68688 18.525 7.04502C18.8183 6.40316 18.9701 5.70571 18.9701 5C18.9701 3.67392 18.4433 2.40215 17.5056 1.46447C16.5679 0.526784 15.2962 1.78911e-07 13.9701 1.78911e-07C12.644 1.78911e-07 11.3722 0.526784 10.4346 1.46447C9.49688 2.40215 8.97009 3.67392 8.97009 5C8.97009 5.70571 9.12189 6.40316 9.41522 7.04502C9.70854 7.68688 10.1365 8.25813 10.6701 8.72C9.27023 9.35388 8.08256 10.3775 7.24907 11.6685C6.41559 12.9596 5.97156 14.4633 5.97009 16C5.97009 16.2652 6.07545 16.5196 6.26299 16.7071C6.45052 16.8946 6.70488 17 6.97009 17C7.23531 17 7.48966 16.8946 7.6772 16.7071C7.86474 16.5196 7.97009 16.2652 7.97009 16C7.97009 14.4087 8.60223 12.8826 9.72745 11.7574C10.8527 10.6321 12.3788 10 13.9701 10C15.5614 10 17.0875 10.6321 18.2127 11.7574C19.338 12.8826 19.9701 14.4087 19.9701 16C19.9701 16.2652 20.0754 16.5196 20.263 16.7071C20.4505 16.8946 20.7049 17 20.9701 17C21.2353 17 21.4897 16.8946 21.6772 16.7071C21.8647 16.5196 21.9701 16.2652 21.9701 16C21.9686 14.4633 21.5246 12.9596 20.6911 11.6685C19.8576 10.3775 18.67 9.35388 17.2701 8.72V8.72ZM13.9701 8C13.3767 8 12.7967 7.82405 12.3034 7.49441C11.81 7.16476 11.4255 6.69623 11.1985 6.14805C10.9714 5.59987 10.912 4.99667 11.0277 4.41473C11.1435 3.83279 11.4292 3.29824 11.8488 2.87868C12.2683 2.45912 12.8029 2.1734 13.3848 2.05764C13.9668 1.94189 14.57 2.0013 15.1181 2.22836C15.6663 2.45542 16.1349 2.83994 16.4645 3.33329C16.7941 3.82664 16.9701 4.40666 16.9701 5C16.9701 5.79565 16.654 6.55871 16.0914 7.12132C15.5288 7.68393 14.7657 8 13.9701 8ZM23.7101 8.32C24.3501 7.59933 24.7681 6.70905 24.9139 5.75634C25.0597 4.80362 24.927 3.82907 24.5319 2.95C24.1367 2.07093 23.4959 1.3248 22.6866 0.801423C21.8772 0.27805 20.9339 -0.0002576 19.9701 1.78911e-07C19.7049 1.78911e-07 19.4505 0.105357 19.263 0.292893C19.0754 0.48043 18.9701 0.734784 18.9701 1C18.9701 1.26522 19.0754 1.51957 19.263 1.70711C19.4505 1.89464 19.7049 2 19.9701 2C20.7657 2 21.5288 2.31607 22.0914 2.87868C22.654 3.44129 22.9701 4.20435 22.9701 5C22.9687 5.52524 22.8294 6.0409 22.5662 6.49542C22.3029 6.94994 21.925 7.32738 21.4701 7.59C21.3218 7.67552 21.198 7.79766 21.1105 7.94474C21.0229 8.09182 20.9746 8.2589 20.9701 8.43C20.9659 8.59976 21.005 8.7678 21.0838 8.91826C21.1625 9.06872 21.2782 9.19665 21.4201 9.29L21.8101 9.55L21.9401 9.62C23.1455 10.1917 24.1624 11.096 24.8711 12.2263C25.5797 13.3566 25.9506 14.6659 25.9401 16C25.9401 16.2652 26.0455 16.5196 26.233 16.7071C26.4205 16.8946 26.6749 17 26.9401 17C27.2053 17 27.4597 16.8946 27.6472 16.7071C27.8347 16.5196 27.9401 16.2652 27.9401 16C27.9483 14.4654 27.5639 12.9543 26.8236 11.6101C26.0832 10.2659 25.0114 9.13331 23.7101 8.32V8.32Z"
                    fill="#479FF8" />
            </svg>
            </svg>
            <p>Услуга 2</p>
        </button>
        <button class="flex-row text-style button-selection cursor-pointer">
            <svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M15.8701 6.60001C15.7956 6.42872 15.6746 6.28173 15.5209 6.17569C15.3671 6.06964 15.1867 6.00878 15.0001 6.00001H10.4201L11.6901 1.26001C11.7306 1.11168 11.7363 0.956028 11.7068 0.80514C11.6773 0.654253 11.6134 0.512196 11.5201 0.390007C11.427 0.268992 11.3073 0.170922 11.1704 0.103318C11.0334 0.0357144 10.8828 0.000373726 10.7301 6.64638e-06H3.73012C3.50436 -0.00772659 3.28263 0.0612064 3.10104 0.195579C2.91946 0.329951 2.78872 0.521845 2.73012 0.740007L0.0501216 10.74C0.00967373 10.8883 0.00396998 11.044 0.0334537 11.1949C0.0629375 11.3458 0.126814 11.4878 0.220121 11.61C0.314307 11.7324 0.435547 11.8312 0.574342 11.8989C0.713138 11.9666 0.865716 12.0012 1.02012 12H4.89012L3.08012 18.74C3.02082 18.9573 3.03664 19.1883 3.12502 19.3956C3.21341 19.6028 3.36917 19.7741 3.56708 19.8817C3.76499 19.9894 3.99344 20.027 4.21543 19.9886C4.43741 19.9502 4.63991 19.8379 4.79012 19.67L15.6901 7.67001C15.8199 7.52789 15.9059 7.35134 15.9379 7.16154C15.9698 6.97175 15.9463 6.77677 15.8701 6.60001ZM6.08012 15.28L7.15012 11.28C7.19057 11.1317 7.19627 10.976 7.16679 10.8251C7.13731 10.6743 7.07343 10.5322 6.98012 10.41C6.88696 10.289 6.76733 10.1909 6.63039 10.1233C6.49345 10.0557 6.34284 10.0204 6.19012 10.02H2.35012L4.49012 2.00001H9.42012L8.15012 6.74001C8.10935 6.89106 8.10459 7.04958 8.13623 7.20281C8.16786 7.35604 8.23501 7.49971 8.33228 7.62226C8.42955 7.74482 8.55421 7.84284 8.69625 7.90845C8.8383 7.97405 8.99375 8.00541 9.15012 8.00001H12.7201L6.08012 15.28Z"
                    fill="#479FF8" />
            </svg>

            <p>Услуга 3</p>
        </button>
    </div>