docs/drawio/MentorshipSitemap.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1921px" height="2151px" viewBox="-0.5 -0.5 1921 2151" content="&lt;mxfile host=&quot;aef4228c-6db8-4c00-b790-183bbc9b560d&quot; modified=&quot;2020-11-11T13:43:55.529Z&quot; agent=&quot;5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Code/1.51.0 Chrome/83.0.4103.122 Electron/9.3.3 Safari/537.36&quot; etag=&quot;kTU8X4-yk-vHrR6ltMXr&quot; version=&quot;13.6.5&quot; pages=&quot;2&quot;&gt;&lt;diagram id=&quot;sl4jYDQpXL26dIF0QCip&quot; name=&quot;Sitemap&quot;&gt;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&lt;/diagram&gt;&lt;diagram id=&quot;TOuwrbKEz25f2T6oidaI&quot; name=&quot;Group permissions&quot;&gt;5ZVdb9sgFIZ/jS9X+aNxmst8p12rdWumqbuJCJwEWhssPhKnv36AcZwok6ZO21VvDLzAOZjnPXaUjct6LlFFHwSBIkpjUkfZJErTJM77tnHKoVH6vawRtpKRsKgTntgbtDuDahgBdbZQC1FoVp2LWHAOWJ9pSEqxP1+2EcV51gpt4UJ4wqi4VH8wommj3qT9Tl8A29I2c5IPmpkStYvDmyiKiNifSNk0ysZSCN30ynoMhbu89l4+X6vV5ma2/Glgxr6N5HKClp+aYLP3bDm+ggSu/zp0/uV10H9+Ht7fPd7tV8TM+19fwpZ4hwoT7utJG+LTDK1OkXIYuHtgDEp5ev5RMexHFGnnDqawaaYpuKRcg+SKOsppLDYOMEiNGPeoywpxZl2Rjv3sxobzeYi7d1YD8aSlKW27Z5ZDGkNZFeIA0m7KUVlF2YivlWsCHH1oiWuo7fFHVJeFFRLbRQXbctvH4I5lhZ09C7MeGYaJkhHito8kKPaG1j5UbMeVsG/iHdgbRb2Ji2W0UI3Lk2P2P6IJCF1eqE+MGVDNQZSg5cEuqc/LJ1RdFob7zsJ5P2j0xL6tV1Gomu0xcOcM2wnmeIdRkgujTAOQximESVe9vo418j1vFERKxgNoqDFFfAutI1RjNdX5hwm39gPwTNJLoNngPwEVyT3evCxGr5PH29Vu8X06z29/U/lDh4opLZEWgSqWgDT40uTCcAxl4KWpnSGBqzQFqGP9gsZXtnkwyplg7XcXe3RQ/rPgfWEw7Qob+bMaZUv76kOwP45P2Peu/w17O+x+SH7u5LeeTX8B&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs>
        <style type="text/css">
            /* latin-ext */&#xa;@font-face {&#xa;  font-family: 'Lato';&#xa;  font-style: normal;&#xa;  font-weight: 400;&#xa;  src: local('Lato Regular'), local('Lato-Regular'), url("https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXjeu.woff2") format('woff2');&#xa;  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;&#xa;}&#xa;/* latin */&#xa;@font-face {&#xa;  font-family: 'Lato';&#xa;  font-style: normal;&#xa;  font-weight: 400;&#xa;  src: local('Lato Regular'), local('Lato-Regular'), url("https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXg.woff2") format('woff2');&#xa;  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;&#xa;}&#xa;
        </style>
    </defs>
    <g>
        <rect x="0" y="1680" width="380" height="470" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <path d="M 0 1950 L 380 1950" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 0 2000 L 380 2000" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 0 2050 L 380 2050" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 0 2100 L 380 2100" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 190 1680 L 190 2150" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 0 1680 M 380 1680 M 380 1950 M 0 1950" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="1680" width="190" height="270" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 0 1680 M 190 1680 M 190 1950 M 0 1950" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="190" y="1680" width="190" height="270" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 190 1680 M 380 1680 M 380 1950 M 190 1950" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 1815px; margin-left: 191px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 266px; overflow: hidden; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Sample of the screen
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="285" y="1819" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Sample of the screen
                </text>
            </switch>
        </g>
        <path d="M 0 1950 M 380 1950 M 380 2000 M 0 2000" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="1950" width="190" height="50" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 0 1950 M 190 1950 M 190 2000 M 0 2000" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 1975px; margin-left: 1px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <font style="font-size: 23px">
                                    []
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="95" y="1979" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    []
                </text>
            </switch>
        </g>
        <rect x="190" y="1950" width="190" height="50" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 190 1950 M 380 1950 M 380 2000 M 190 2000" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 1975px; margin-left: 191px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                methods, requests, conditions
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="285" y="1979" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    methods, requests, conditions
                </text>
            </switch>
        </g>
        <path d="M 0 2000 M 380 2000 M 380 2050 M 0 2050" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="2000" width="190" height="50" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 0 2000 M 190 2000 M 190 2050 M 0 2050" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 2025px; margin-left: 1px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <span style="font-size: 23px">
                                    {}
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="95" y="2029" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    {}
                </text>
            </switch>
        </g>
        <rect x="190" y="2000" width="190" height="50" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 190 2000 M 380 2000 M 380 2050 M 190 2050" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 2025px; margin-left: 191px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                optinal fields
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="285" y="2029" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    optinal fields
                </text>
            </switch>
        </g>
        <path d="M 0 2050 M 380 2050 M 380 2100 M 0 2100" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="2050" width="190" height="50" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 0 2050 M 190 2050 M 190 2100 M 0 2100" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 2075px; margin-left: 1px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <span style="font-size: 23px">
                                    ()
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="95" y="2079" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    ()
                </text>
            </switch>
        </g>
        <rect x="190" y="2050" width="190" height="50" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 190 2050 M 380 2050 M 380 2100 M 190 2100" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 2075px; margin-left: 191px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                hints, suggestions
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="285" y="2079" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    hints, suggestions
                </text>
            </switch>
        </g>
        <path d="M 0 2100 M 380 2100 M 380 2150 M 0 2150" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="2100" width="190" height="50" fill="#ffe6cc" stroke="none" pointer-events="all"/>
        <path d="M 0 2100 M 190 2100 M 190 2150 M 0 2150" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="190" y="2100" width="190" height="50" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 190 2100 M 380 2100 M 380 2150 M 190 2150" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 2125px; margin-left: 191px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 46px; overflow: hidden; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                feature
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="285" y="2129" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    feature
                </text>
            </switch>
        </g>
        <rect x="52.5" y="1722.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <path d="M 50 1728 C 50 1718.06 58.06 1710 68 1710 L 132 1710 C 141.94 1710 150 1718.06 150 1728 L 150 1887 C 150 1896.94 141.94 1905 132 1905 L 68 1905 C 58.06 1905 50 1896.94 50 1887 Z Z M 54 1727.5 L 54 1887.5 L 146.5 1887.5 L 146.5 1727.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="83.5" cy="1714" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="88" y="1893" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="88.5" y="1713.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="115" cy="1714" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="120" cy="1714" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="132.5" cy="1716" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="382.5" y="462.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 548px; margin-left: 384px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Who are
                                <br/>
                                you?
                                <hr/>
                                Student
                                <br/>
                                Employer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="430" y="551" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Who are...
                </text>
            </switch>
        </g>
        <path d="M 380 468 C 380 458.06 388.06 450 398 450 L 462 450 C 471.94 450 480 458.06 480 468 L 480 627 C 480 636.94 471.94 645 462 645 L 398 645 C 388.06 645 380 636.94 380 627 Z Z M 384 467.5 L 384 627.5 L 476.5 627.5 L 476.5 467.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="413.5" cy="454" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="418" y="633" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="418.5" y="453.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="445" cy="454" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="450" cy="454" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="462.5" cy="456" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="532.5" y="462.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 548px; margin-left: 534px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Registration
                                <br/>
                                Stage 1
                                <hr/>
                                email
                                <br/>
                                username
                                <br/>
                                password
                                <br/>
                                repeat password
                                <br/>
                                Next
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="580" y="551" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Registration...
                </text>
            </switch>
        </g>
        <path d="M 530 468 C 530 458.06 538.06 450 548 450 L 612 450 C 621.94 450 630 458.06 630 468 L 630 627 C 630 636.94 621.94 645 612 645 L 548 645 C 538.06 645 530 636.94 530 627 Z Z M 534 467.5 L 534 627.5 L 626.5 627.5 L 626.5 467.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="563.5" cy="454" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="568" y="633" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="568.5" y="453.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="595" cy="454" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="600" cy="454" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="612.5" cy="456" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="232.5" y="462.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 548px; margin-left: 234px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Login
                                <hr/>
                                Logo
                                <br/>
                                <font style="font-size: 11px">
                                    {Sign up with VK}
                                </font>
                                <br/>
                                Sign up with email
                                <br/>
                                Sign in
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="280" y="551" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    LoginLogo...
                </text>
            </switch>
        </g>
        <path d="M 230 468 C 230 458.06 238.06 450 248 450 L 312 450 C 321.94 450 330 458.06 330 468 L 330 627 C 330 636.94 321.94 645 312 645 L 248 645 C 238.06 645 230 636.94 230 627 Z Z M 234 467.5 L 234 627.5 L 326.5 627.5 L 326.5 467.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="263.5" cy="454" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="268" y="633" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="268.5" y="453.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="295" cy="454" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="300" cy="454" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="312.5" cy="456" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="327.5" y="692.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 778px; margin-left: 329px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                email/username
                                <br/>
                                password
                                <br/>
                                Sign in
                                <br/>
                                Forgot password
                                <br/>
                                <font style="font-size: 10px">
                                    Terms&amp;Conditions
                                    <br/>
                                    Need an account? Register
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="375" y="781" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    email/username...
                </text>
            </switch>
        </g>
        <path d="M 325 698 C 325 688.06 333.06 680 343 680 L 407 680 C 416.94 680 425 688.06 425 698 L 425 857 C 425 866.94 416.94 875 407 875 L 343 875 C 333.06 875 325 866.94 325 857 Z Z M 329 697.5 L 329 857.5 L 421.5 857.5 L 421.5 697.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="358.5" cy="684" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="363" y="863" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="363.5" y="683.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="390" cy="684" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="395" cy="684" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="407.5" cy="686" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 279.2 644.03 Q 279.2 800.3 318.93 800.31" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 324.18 800.31 L 317.18 803.81 L 318.93 800.31 L 317.18 796.81 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 745px; margin-left: 279px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Sign in
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="279" y="748" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    Sign in
                </text>
            </switch>
        </g>
        <rect x="772.5" y="463.81" width="95" height="167.38" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 548px; margin-left: 774px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Registration
                                <br/>
                                Stage 2
                                <hr/>
                                firstname
                                <br/>
                                lastname
                                <br/>
                                phone
                                <br/>
                                profile picture
                                <br/>
                                Register
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="820" y="551" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Registration...
                </text>
            </switch>
        </g>
        <path d="M 770 469.22 C 770 459.43 778.06 451.5 788 451.5 L 852 451.5 C 861.94 451.5 870 459.43 870 469.22 L 870 625.78 C 870 635.57 861.94 643.5 852 643.5 L 788 643.5 C 778.06 643.5 770 635.57 770 625.78 Z Z M 774 468.73 L 774 626.27 L 866.5 626.27 L 866.5 468.73 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="803.5" cy="455.44" rx="1.5" ry="1.476923076923077" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="808" y="631.68" width="24" height="6.89" rx="2.95" ry="2.95" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="808.5" y="454.95" width="22.5" height="2.46" rx="0.98" ry="0.98" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="835" cy="455.44" rx="1.5" ry="1.476923076923077" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="840" cy="455.44" rx="1.5" ry="1.476923076923077" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="852.5" cy="457.41" rx="2" ry="1.9692307692307693" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 627.5 547.5 Q 627.5 547.5 766.13 547.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 771.38 547.5 L 764.38 551 L 766.13 547.5 L 764.38 544 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="12.5" y="252.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 338px; margin-left: 14px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Mentorship
                                <br/>
                                (logo)
                                <br/>
                                [loading screen]
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="341" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Mentorship...
                </text>
            </switch>
        </g>
        <path d="M 10 258 C 10 248.06 18.06 240 28 240 L 92 240 C 101.94 240 110 248.06 110 258 L 110 417 C 110 426.94 101.94 435 92 435 L 28 435 C 18.06 435 10 426.94 10 417 Z Z M 14 257.5 L 14 417.5 L 106.5 417.5 L 106.5 257.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="43.5" cy="244" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="48" y="423" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="48.5" y="243.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="75" cy="244" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="80" cy="244" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="92.5" cy="246" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 110 337.5 Q 266.4 337.5 266.4 443.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 266.4 448.88 L 262.9 441.88 L 266.4 443.63 L 269.9 441.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 354px; margin-left: 207px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                is not logged in
                                <br/>
                                [isLogged==false]
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="207" y="357" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    is not logged in...
                </text>
            </switch>
        </g>
        <rect x="692.5" y="802.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 888px; margin-left: 694px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Homepage
                                <hr/>
                                search
                                <br/>
                                top vacancies
                                <br/>
                                nearby vacancies
                                <br/>
                                navbar(Home, Search, Profile,{DM}, {Forum}, {Post vacancy})
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="740" y="891" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Homepagesearch...
                </text>
            </switch>
        </g>
        <path d="M 690 808 C 690 798.06 698.06 790 708 790 L 772 790 C 781.94 790 790 798.06 790 808 L 790 967 C 790 976.94 781.94 985 772 985 L 708 985 C 698.06 985 690 976.94 690 967 Z Z M 694 807.5 L 694 967.5 L 786.5 967.5 L 786.5 807.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="723.5" cy="794" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="728" y="973" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="728.5" y="793.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="755" cy="794" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="760" cy="794" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="772.5" cy="796" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="882.5" y="982.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 1068px; margin-left: 884px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Search for vacancy
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="930" y="1071" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Search for vacan...
                </text>
            </switch>
        </g>
        <path d="M 880 988 C 880 978.06 888.06 970 898 970 L 962 970 C 971.94 970 980 978.06 980 988 L 980 1147 C 980 1156.94 971.94 1165 962 1165 L 898 1165 C 888.06 1165 880 1156.94 880 1147 Z Z M 884 987.5 L 884 1147.5 L 976.5 1147.5 L 976.5 987.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="913.5" cy="974" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="918" y="1153" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="918.5" y="973.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="945" cy="974" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="950" cy="974" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="962.5" cy="976" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 789.5 971.35 Q 791 971.4 795.5 971.2 Q 800 971 800 955.5 Q 800 940 865.75 940 Q 931.5 940 931.5 965" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 931.5 970.25 L 928 963.25 L 931.5 965 L 935 963.25 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 942px; margin-left: 842px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Search
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="842" y="945" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    Search
                </text>
            </switch>
        </g>
        <rect x="932.5" y="1232.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 1318px; margin-left: 934px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Search for vacancy
                                <hr/>
                                Result
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="980" y="1321" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Search for vacan...
                </text>
            </switch>
        </g>
        <path d="M 930 1238 C 930 1228.06 938.06 1220 948 1220 L 1012 1220 C 1021.94 1220 1030 1228.06 1030 1238 L 1030 1397 C 1030 1406.94 1021.94 1415 1012 1415 L 948 1415 C 938.06 1415 930 1406.94 930 1397 Z Z M 934 1237.5 L 934 1397.5 L 1026.5 1397.5 L 1026.5 1237.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="963.5" cy="1224" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="968" y="1403" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="968.5" y="1223.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="995" cy="1224" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1000" cy="1224" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1012.5" cy="1226" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 930 1165 Q 930 1192.5 953.7 1192.5 Q 977.4 1192.5 977.4 1212.46" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 977.4 1217.71 L 973.9 1210.71 L 977.4 1212.46 L 980.9 1210.71 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1193px; margin-left: 948px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                [POST vacancies/id]
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="948" y="1196" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    [POST vacancies/id]
                </text>
            </switch>
        </g>
        <rect x="1142.5" y="1202.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 1288px; margin-left: 1144px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Vacancy
                                <br/>
                                picture
                                <br/>
                                logo
                                <br/>
                                vacancy_title
                                <br/>
                                company_name
                                <br/>
                                country,city
                                <br/>
                                salary
                                <br/>
                                dutyType
                                <br/>
                                experience
                                <br/>
                                description
                                <br/>
                                requirements
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1190" y="1291" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Vacancy...
                </text>
            </switch>
        </g>
        <path d="M 1140 1208 C 1140 1198.06 1148.06 1190 1158 1190 L 1222 1190 C 1231.94 1190 1240 1198.06 1240 1208 L 1240 1367 C 1240 1376.94 1231.94 1385 1222 1385 L 1158 1385 C 1148.06 1385 1140 1376.94 1140 1367 Z Z M 1144 1207.5 L 1144 1367.5 L 1236.5 1367.5 L 1236.5 1207.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="1173.5" cy="1194" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1178" y="1373" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1178.5" y="1193.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1205" cy="1194" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1210" cy="1194" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1222.5" cy="1196" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1172.5" y="792.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 878px; margin-left: 1174px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Profile
                                <hr/>
                                profile_picture
                                <br/>
                                firstname
                                <br/>
                                lastname
                                <br/>
                                contacts
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1220" y="881" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Profileprofile_p...
                </text>
            </switch>
        </g>
        <path d="M 1170 798 C 1170 788.06 1178.06 780 1188 780 L 1252 780 C 1261.94 780 1270 788.06 1270 798 L 1270 957 C 1270 966.94 1261.94 975 1252 975 L 1188 975 C 1178.06 975 1170 966.94 1170 957 Z Z M 1174 797.5 L 1174 957.5 L 1266.5 957.5 L 1266.5 797.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="1203.5" cy="784" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1208" y="963" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1208.5" y="783.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1235" cy="784" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1240" cy="784" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1252.5" cy="786" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 790.3 869.37 Q 1100 869.4 1100 884.25 Q 1100 899.1 1164.93 899.14" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1170.18 899.14 L 1163.18 902.64 L 1164.93 899.14 L 1163.18 895.64 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 871px; margin-left: 983px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Profile
                                <br/>
                                [GET /me]
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="983" y="874" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    Profile...
                </text>
            </switch>
        </g>
        <rect x="1402.5" y="792.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 878px; margin-left: 1404px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Settings
                                <hr/>
                                profile_settings
                                <br/>
                                security
                                <br/>
                                confidentiality
                                <br/>
                                notifications
                                <br/>
                                terms &amp; conditions
                                <br/>
                                app_version
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1450" y="881" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Settingsprofile_...
                </text>
            </switch>
        </g>
        <path d="M 1400 798 C 1400 788.06 1408.06 780 1418 780 L 1482 780 C 1491.94 780 1500 788.06 1500 798 L 1500 957 C 1500 966.94 1491.94 975 1482 975 L 1418 975 C 1408.06 975 1400 966.94 1400 957 Z Z M 1404 797.5 L 1404 957.5 L 1496.5 957.5 L 1496.5 797.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="1433.5" cy="784" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1438" y="963" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1438.5" y="783.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1465" cy="784" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1470" cy="784" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1482.5" cy="786" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1392.5" y="1152.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 1238px; margin-left: 1394px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                CV
                                <hr/>
                                resume
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1440" y="1241" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    CVresume
                </text>
            </switch>
        </g>
        <path d="M 1390 1158 C 1390 1148.06 1398.06 1140 1408 1140 L 1472 1140 C 1481.94 1140 1490 1148.06 1490 1158 L 1490 1317 C 1490 1326.94 1481.94 1335 1472 1335 L 1408 1335 C 1398.06 1335 1390 1326.94 1390 1317 Z Z M 1394 1157.5 L 1394 1317.5 L 1486.5 1317.5 L 1486.5 1157.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="1423.5" cy="1144" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1428" y="1323" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1428.5" y="1143.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1455" cy="1144" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1460" cy="1144" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1472.5" cy="1146" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="312.5" y="1252.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 1338px; margin-left: 314px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Forum
                                <hr/>
                                Forum topics
                                <br/>
                                Active topics
                                <br/>
                                Start new discussion
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="360" y="1341" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    ForumForum topic...
                </text>
            </switch>
        </g>
        <path d="M 310 1258 C 310 1248.06 318.06 1240 328 1240 L 392 1240 C 401.94 1240 410 1248.06 410 1258 L 410 1417 C 410 1426.94 401.94 1435 392 1435 L 328 1435 C 318.06 1435 310 1426.94 310 1417 Z Z M 314 1257.5 L 314 1417.5 L 406.5 1417.5 L 406.5 1257.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="343.5" cy="1244" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="348" y="1423" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="348.5" y="1243.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="375" cy="1244" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="380" cy="1244" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="392.5" cy="1246" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 690 887.5 Q 369 887.5 369 1233.63" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 369 1238.88 L 365.5 1231.88 L 369 1233.63 L 372.5 1231.88 Z" fill="#d6b656" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 975px; margin-left: 443px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Forum
                                <br/>
                                [GET /threads]
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="443" y="978" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    Forum...
                </text>
            </switch>
        </g>
        <rect x="132.5" y="1412.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 1498px; margin-left: 134px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                topic_name
                                <br/>
                                comment_about_
                                <br/>
                                topic
                                <br/>
                                Messages_at_the topic
                                <br/>
                                later..
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="180" y="1501" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    topic_name...
                </text>
            </switch>
        </g>
        <path d="M 130 1418 C 130 1408.06 138.06 1400 148 1400 L 212 1400 C 221.94 1400 230 1408.06 230 1418 L 230 1577 C 230 1586.94 221.94 1595 212 1595 L 148 1595 C 138.06 1595 130 1586.94 130 1577 Z Z M 134 1417.5 L 134 1577.5 L 226.5 1577.5 L 226.5 1417.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="163.5" cy="1404" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="168" y="1583" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="168.5" y="1403.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="195" cy="1404" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="200" cy="1404" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="212.5" cy="1406" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 1027.5 1317.5 Q 1085 1317.5 1085 1302.5 Q 1085 1287.5 1136.13 1287.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1141.38 1287.5 L 1134.38 1291 L 1136.13 1287.5 L 1134.38 1284 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1322px; margin-left: 1082px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                onClick Vacancy
                                <br/>
                                [GET vacancy/id]
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1082" y="1325" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    onClick Vacancy...
                </text>
            </switch>
        </g>
        <path d="M 330 547.5 Q 330 547.5 376.13 547.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 381.38 547.5 L 374.38 551 L 376.13 547.5 L 374.38 544 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="340" y="520" width="40" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 527px; margin-left: 342px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: left; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <div style="text-align: center">
                                    <font face="helvetica">
                                        <span style="font-size: 11px ; background-color: rgb(255 , 255 , 255)">
                                            sign in
                                        </span>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="342" y="539" fill="#000000" font-family="Lato" font-size="12px">
                    sign in
                </text>
            </switch>
        </g>
        <path d="M 477.5 547.5 Q 477.5 547.5 526.13 547.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 531.38 547.5 L 524.38 551 L 526.13 547.5 L 524.38 544 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="480" y="520" width="70" height="60" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 68px; height: 1px; padding-top: 527px; margin-left: 482px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: left; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; background-color: rgb(255 , 255 , 255) ; display: inline ; float: none">
                                    save info
                                </span>
                                <br style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px"/>
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; background-color: rgb(255 , 255 , 255) ; display: inline ; float: none">
                                    about
                                </span>
                                <br style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px"/>
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; background-color: rgb(255 , 255 , 255) ; display: inline ; float: none">
                                    status
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="482" y="539" fill="#000000" font-family="Lato" font-size="12px">
                    save info...
                </text>
            </switch>
        </g>
        <rect x="690" y="680" width="130" height="40" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 128px; height: 1px; padding-top: 687px; margin-left: 692px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: left; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; background-color: rgb(255 , 255 , 255) ; display: inline ; float: none">
                                    Register
                                </span>
                                <br style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px"/>
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; background-color: rgb(255 , 255 , 255) ; display: inline ; float: none">
                                    [POST user(entries)]
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="692" y="699" fill="#000000" font-family="Lato" font-size="12px">
                    Register...
                </text>
            </switch>
        </g>
        <rect x="640" y="520" width="120" height="40" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 118px; height: 1px; padding-top: 527px; margin-left: 642px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: left; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; background-color: rgb(255 , 255 , 255) ; display: inline ; float: none">
                                    Next
                                </span>
                                <br style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px"/>
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; background-color: rgb(255 , 255 , 255) ; display: inline ; float: none">
                                    [POST isRegistered
                                </span>
                                <br style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px"/>
                                <span style="color: rgb(0 , 0 , 0) ; font-family: &quot;helvetica&quot; ; font-size: 11px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: center ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; background-color: rgb(255 , 255 , 255) ; display: inline ; float: none">
                                    (email, username)]
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="642" y="539" fill="#000000" font-family="Lato" font-size="12px">
                    Next...
                </text>
            </switch>
        </g>
        <path d="M 772.5 589.35 Q 739.7 589.3 739.7 786.56" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 739.7 791.81 L 736.2 784.81 L 739.7 786.56 L 743.2 784.81 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 787.5 887.5 Q 1189.6 887.5 1189.6 1184.8" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1189.6 1190.05 L 1186.1 1183.05 L 1189.6 1184.8 L 1193.1 1183.05 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1010px; margin-left: 1130px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                onClick Vacancy
                                <br/>
                                [GET vacancy/Id]
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1130" y="1014" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    onClick Vacancy...
                </text>
            </switch>
        </g>
        <path d="M 1319.76 599.91 Q 1330 599.9 1330 859.95 Q 1330 1120 1385.15 1120 Q 1440.3 1120 1440.3 1134.61" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1440.3 1139.86 L 1436.8 1132.86 L 1440.3 1134.61 L 1443.8 1132.86 Z" fill="#d79b00" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 1267.5 877.5 Q 1267.5 877.5 1396.13 877.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1401.38 877.5 L 1394.38 881 L 1396.13 877.5 L 1394.38 874 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 878px; margin-left: 1318px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                settings
                                <br/>
                                GET /me/settings
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1318" y="881" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    settings...
                </text>
            </switch>
        </g>
        <path d="M 425 777.5 Q 557.5 777.5 557.5 821.4 Q 557.5 865.3 683.53 865.27" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 688.78 865.27 L 681.78 868.77 L 683.53 865.27 L 681.78 861.77 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 832px; margin-left: 557px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Sign in
                                <br/>
                                [POST login(email, password)]
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="557" y="835" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    Sign in...
                </text>
            </switch>
        </g>
        <rect x="512.5" y="1022.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 1108px; margin-left: 514px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                DM
                                <hr/>
                                Messages list
                                <br/>
                                search message
                                <br/>
                                filter messages
                                <br/>
                                write message
                                <br/>
                                manage chats
                                <br/>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="560" y="1111" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    DMMessages list...
                </text>
            </switch>
        </g>
        <path d="M 510 1028 C 510 1018.06 518.06 1010 528 1010 L 592 1010 C 601.94 1010 610 1018.06 610 1028 L 610 1187 C 610 1196.94 601.94 1205 592 1205 L 528 1205 C 518.06 1205 510 1196.94 510 1187 Z Z M 514 1027.5 L 514 1187.5 L 606.5 1187.5 L 606.5 1027.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="543.5" cy="1014" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="548" y="1193" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="548.5" y="1013.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="575" cy="1014" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="580" cy="1014" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="592.5" cy="1016" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="512.5" y="1322.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 1408px; margin-left: 514px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Companion name
                                <br/>
                                Message with date
                                <br/>
                                Create group
                                <br/>
                                Delete message
                                <br/>
                                Write message
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="560" y="1411" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Companion name...
                </text>
            </switch>
        </g>
        <path d="M 510 1328 C 510 1318.06 518.06 1310 528 1310 L 592 1310 C 601.94 1310 610 1318.06 610 1328 L 610 1487 C 610 1496.94 601.94 1505 592 1505 L 528 1505 C 518.06 1505 510 1496.94 510 1487 Z Z M 514 1327.5 L 514 1487.5 L 606.5 1487.5 L 606.5 1327.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="543.5" cy="1314" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="548" y="1493" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="548.5" y="1313.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="575" cy="1314" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="580" cy="1314" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="592.5" cy="1316" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 693 921.04 Q 569 921 569 1003.44" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 569 1008.69 L 565.5 1001.69 L 569 1003.44 L 572.5 1001.69 Z" fill="#d6b656" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 963px; margin-left: 601px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                DM
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="601" y="966" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    DM
                </text>
            </switch>
        </g>
        <path d="M 560 1205 Q 560 1205 560 1303.83" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 560 1309.08 L 556.5 1302.08 L 560 1303.83 L 563.5 1302.08 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1258px; margin-left: 560px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                onClick message
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="560" y="1261" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    onClick message
                </text>
            </switch>
        </g>
        <path d="M 312.5 1337.5 Q 177.2 1337.5 177.2 1393.83" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 177.2 1399.08 L 173.7 1392.08 L 177.2 1393.83 L 180.7 1392.08 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1350px; margin-left: 234px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Forum topics
                                <br/>
                                [GET /threads/id]
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="234" y="1353" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    Forum topics...
                </text>
            </switch>
        </g>
        <rect x="1145.25" y="216.25" width="199.5" height="357" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 197px; height: 1px; padding-top: 395px; margin-left: 1146px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Student Profile
                                <hr/>
                                profile_picture
                                <br/>
                                firstname
                                <br/>
                                lastname
                                <br/>
                                status
                                <br/>
                                current_studying_institute
                                <br/>
                                country
                                <br/>
                                city
                                <br/>
                                number_of_friends
                                <br/>
                                working_experience
                                <br/>
                                education_places
                                <br/>
                                licenses
                                <br/>
                                skills
                                <br/>
                                achievements
                                <br/>
                                languages
                                <br/>
                                {CV}
                                <br/>
                                applied_jobs (if private)
                                <br/>
                                liked_jobs
                                <br/>
                                settings
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1245" y="398" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Student Profileprofile_picture...
                </text>
            </switch>
        </g>
        <path d="M 1140 227.8 C 1140 217.77 1143.98 208.16 1151.07 201.07 C 1158.16 193.98 1167.77 190 1177.8 190 L 1312.2 190 C 1322.23 190 1331.84 193.98 1338.93 201.07 C 1346.02 208.16 1350 217.77 1350 227.8 L 1350 561.7 C 1350 571.73 1346.02 581.34 1338.93 588.43 C 1331.84 595.52 1322.23 599.5 1312.2 599.5 L 1177.8 599.5 C 1167.77 599.5 1158.16 595.52 1151.07 588.43 C 1143.98 581.34 1140 571.73 1140 561.7 Z Z M 1148.4 226.75 L 1148.4 562.75 L 1342.65 562.75 L 1342.65 226.75 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="1210.35" cy="198.4" rx="3.1500000000000004" ry="3.1500000000000004" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1219.8" y="574.3" width="50.4" height="14.7" rx="6.3" ry="6.3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1220.85" y="197.35" width="47.25" height="5.25" rx="2.1" ry="2.1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1276.5" cy="198.4" rx="3.1500000000000004" ry="3.1500000000000004" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1287" cy="198.4" rx="3.1500000000000004" ry="3.1500000000000004" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1313.25" cy="202.6" rx="4.2" ry="4.2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 1220 780 Q 1220 689.8 1233.55 689.8 Q 1247.1 689.8 1247.1 603" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1247.1 597.75 L 1250.6 604.75 L 1247.1 603 L 1243.6 604.75 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 661px; margin-left: 1240px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                if userType=='student'
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1240" y="664" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    if userType=='student'
                </text>
            </switch>
        </g>
        <rect x="1682.5" y="562.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 648px; margin-left: 1684px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Profile settings
                                <hr/>
                                profile_picture
                                <br/>
                                firstname
                                <br/>
                                lastname
                                <br/>
                                country
                                <br/>
                                city
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1730" y="651" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Profile settings...
                </text>
            </switch>
        </g>
        <path d="M 1680 568 C 1680 558.06 1688.06 550 1698 550 L 1762 550 C 1771.94 550 1780 558.06 1780 568 L 1780 727 C 1780 736.94 1771.94 745 1762 745 L 1698 745 C 1688.06 745 1680 736.94 1680 727 Z Z M 1684 567.5 L 1684 727.5 L 1776.5 727.5 L 1776.5 567.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="1713.5" cy="554" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1718" y="733" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1718.5" y="553.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1745" cy="554" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1750" cy="554" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1762.5" cy="556" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 1497.5 877.5 Q 1560 877.5 1560 746.5 Q 1560 615.5 1674.93 615.52" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1680.18 615.52 L 1673.18 619.02 L 1674.93 615.52 L 1673.18 612.02 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 697px; margin-left: 1566px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                profile_settings
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1566" y="700" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    profile_settings
                </text>
            </switch>
        </g>
        <path d="M 1310 170 L 1430 170 L 1430 220 L 1390 220 L 1330.4 250 L 1370 220 L 1310 220 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 195px; margin-left: 1311px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #5C5C5C; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Every field is editable
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1370" y="199" fill="#5C5C5C" font-family="Lato" font-size="12px" text-anchor="middle">
                    Every field is edita...
                </text>
            </switch>
        </g>
        <rect x="1455.25" y="216.25" width="199.5" height="357" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 197px; height: 1px; padding-top: 395px; margin-left: 1456px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Employer Profile
                                <hr/>
                                profile_picture
                                <br/>
                                firstname
                                <br/>
                                lastname
                                <br/>
                                status
                                <br/>
                                current_working_company_name
                                <br/>
                                country
                                <br/>
                                city
                                <br/>
                                number_of_friends
                                <br/>
                                list_of_vacancies
                                <br/>
                                settings
                                <br/>
                                create company
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1555" y="398" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Employer Profileprofile_picture...
                </text>
            </switch>
        </g>
        <path d="M 1450 227.8 C 1450 217.77 1453.98 208.16 1461.07 201.07 C 1468.16 193.98 1477.77 190 1487.8 190 L 1622.2 190 C 1632.23 190 1641.84 193.98 1648.93 201.07 C 1656.02 208.16 1660 217.77 1660 227.8 L 1660 561.7 C 1660 571.73 1656.02 581.34 1648.93 588.43 C 1641.84 595.52 1632.23 599.5 1622.2 599.5 L 1487.8 599.5 C 1477.77 599.5 1468.16 595.52 1461.07 588.43 C 1453.98 581.34 1450 571.73 1450 561.7 Z Z M 1458.4 226.75 L 1458.4 562.75 L 1652.65 562.75 L 1652.65 226.75 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="1520.35" cy="198.4" rx="3.1500000000000004" ry="3.1500000000000004" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1529.8" y="574.3" width="50.4" height="14.7" rx="6.3" ry="6.3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1530.85" y="197.35" width="47.25" height="5.25" rx="2.1" ry="2.1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1586.5" cy="198.4" rx="3.1500000000000004" ry="3.1500000000000004" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1597" cy="198.4" rx="3.1500000000000004" ry="3.1500000000000004" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1623.25" cy="202.6" rx="4.2" ry="4.2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 1273 824.85 Q 1330 824.9 1330 727.45 Q 1330 630 1421.6 630 Q 1513.2 630 1513.21 605.46" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1513.21 600.21 L 1516.71 607.21 L 1513.21 605.46 L 1509.71 607.21 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 676px; margin-left: 1343px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                is userType=='employer'
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1343" y="680" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    is userType=='employer'
                </text>
            </switch>
        </g>
        <path d="M 1620 170 L 1740 170 L 1740 220 L 1700 220 L 1640.4 250 L 1680 220 L 1620 220 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 195px; margin-left: 1621px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #5C5C5C; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Every field is editable
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1680" y="199" fill="#5C5C5C" font-family="Lato" font-size="12px" text-anchor="middle">
                    Every field is edita...
                </text>
            </switch>
        </g>
        <rect x="742.5" y="1182.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 1268px; margin-left: 744px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Post Vacancy
                                <hr/>
                                picture
                                <br/>
                                vacancy_title
                                <br/>
                                company_name
                                <br/>
                                salary
                                <br/>
                                experience
                                <br/>
                                dutyType
                                <br/>
                                requirements
                                <br/>
                                description
                                <br/>
                                map
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="790" y="1271" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Post Vacancypict...
                </text>
            </switch>
        </g>
        <path d="M 740 1188 C 740 1178.06 748.06 1170 758 1170 L 822 1170 C 831.94 1170 840 1178.06 840 1188 L 840 1347 C 840 1356.94 831.94 1365 822 1365 L 758 1365 C 748.06 1365 740 1356.94 740 1347 Z Z M 744 1187.5 L 744 1347.5 L 836.5 1347.5 L 836.5 1187.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="773.5" cy="1174" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="778" y="1353" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="778.5" y="1173.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="805" cy="1174" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="810" cy="1174" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="822.5" cy="1176" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 740 985 Q 740 1077.5 759.45 1077.5 Q 778.9 1077.5 778.9 1160.9" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 778.9 1166.15 L 775.4 1159.15 L 778.9 1160.9 L 782.4 1159.15 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1064px; margin-left: 749px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Post vacancy
                                <br/>
                                [if userType=='employer']
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="749" y="1067" fill="#000000" font-family="Lato" font-size="11px" text-anchor="middle">
                    Post vacancy...
                </text>
            </switch>
        </g>
        <path d="M 1421 130 Q 1421 160 1321.35 160 Q 1221.7 160 1221.69 183.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1221.69 188.88 L 1218.19 181.88 L 1221.69 183.63 L 1225.19 181.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 1421 130 Q 1421 160 1497.25 160 Q 1573.5 160 1573.48 181.18" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1573.48 186.43 L 1569.99 179.42 L 1573.48 181.18 L 1576.99 179.43 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="1270" y="0" width="302" height="130" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 300px; height: 1px; padding-top: 65px; margin-left: 1271px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Administrator is able to edit everything
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1421" y="69" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Administrator is able to edit everything
                </text>
            </switch>
        </g>
        <rect x="1822.5" y="272.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 358px; margin-left: 1824px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Create company
                                <hr/>
                                company_name
                                <br/>
                                logo
                                <br/>
                                address
                                <br/>
                                location
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1870" y="361" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Create companyco...
                </text>
            </switch>
        </g>
        <path d="M 1820 278 C 1820 268.06 1828.06 260 1838 260 L 1902 260 C 1911.94 260 1920 268.06 1920 278 L 1920 437 C 1920 446.94 1911.94 455 1902 455 L 1838 455 C 1828.06 455 1820 446.94 1820 437 Z Z M 1824 277.5 L 1824 437.5 L 1916.5 437.5 L 1916.5 277.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="1853.5" cy="264" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1858" y="443" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1858.5" y="263.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1885" cy="264" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1890" cy="264" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1902.5" cy="266" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 1654.75 394.8 Q 1737.4 394.8 1737.4 378.3 Q 1737.4 361.8 1812.23 361.79" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1817.48 361.79 L 1810.48 365.29 L 1812.23 361.79 L 1810.48 358.29 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 390px; margin-left: 1724px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Create  company
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1724" y="394" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Create  company
                </text>
            </switch>
        </g>
        <rect x="1292.5" y="1347.5" width="95" height="170" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 93px; height: 1px; padding-top: 1433px; margin-left: 1294px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Lato; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Company
                                <hr/>
                                logo
                                <br/>
                                company_name
                                <br/>
                                country
                                <br/>
                                city
                                <br/>
                                description
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1340" y="1436" fill="#000000" font-family="Lato" font-size="12px" text-anchor="middle">
                    Companylogo...
                </text>
            </switch>
        </g>
        <path d="M 1290 1353 C 1290 1343.06 1298.06 1335 1308 1335 L 1372 1335 C 1381.94 1335 1390 1343.06 1390 1353 L 1390 1512 C 1390 1521.94 1381.94 1530 1372 1530 L 1308 1530 C 1298.06 1530 1290 1521.94 1290 1512 Z Z M 1294 1352.5 L 1294 1512.5 L 1386.5 1512.5 L 1386.5 1352.5 Z" fill="#000000" stroke="#c0c0c0" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="1323.5" cy="1339" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1328" y="1518" width="24" height="7" rx="3" ry="3" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <rect x="1328.5" y="1338.5" width="22.5" height="2.5" rx="1" ry="1" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1355" cy="1339" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1360" cy="1339" rx="1.5" ry="1.5" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <ellipse cx="1372.5" cy="1341" rx="2" ry="2" fill="#ffffff" stroke="#c0c0c0" pointer-events="all"/>
        <path d="M 1240 1287.5 Q 1312.5 1287.5 1312.5 1329.61" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1312.5 1334.86 L 1309 1327.86 L 1312.5 1329.61 L 1316 1327.86 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1293px; margin-left: 1286px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                onClick logo
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1286" y="1296" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    onClick logo
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>