images/demo-img-log.svg

<svg style="background-color:#2D3436" viewBox="0 0 19440 2610" xmlns="http://www.w3.org/2000/svg">
<rect fill="#2D3436" height="2610" width="19440" x="0" y="0"/>
<marker fill="#64727D" id="arrowhead" markerHeight="4" markerWidth="6.47213595499958" orient="auto" refX="0" refY="2">
<polygon points="0 0, 6.47213595499958, 2, 0 4"/>
</marker>
<line marker-end="url(#arrowhead)" stroke="#64727D" stroke-width="30" x1="7824.535128181575" x2="7824.535128181575" y1="585" y2="1305"/>
<polyline fill="none" points="1080 1665,1080 2160,18360 2160,18360 1665" stroke="#64727D" stroke-width="30"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="7824.535128181575" y="405">
You Are Here
</text>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="1080" y="2520">
0
</text>
<line stroke="#64727D" stroke-width="30" x1="1873.3360291752583" x2="1873.3360291752583" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="1873.3360291752583" y="2520">
1
</text>
<line stroke="#64727D" stroke-width="30" x1="2630.6137114387343" x2="2630.6137114387343" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="2630.6137114387343" y="2520">
2
</text>
<line stroke="#64727D" stroke-width="30" x1="3353.4719543077804" x2="3353.4719543077804" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="3353.4719543077804" y="2520">
3
</text>
<line stroke="#64727D" stroke-width="30" x1="4043.475174423719" x2="4043.475174423719" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="4043.475174423719" y="2520">
4
</text>
<line stroke="#64727D" stroke-width="30" x1="4702.11668327708" x2="4702.11668327708" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="4702.11668327708" y="2520">
5
</text>
<line stroke="#64727D" stroke-width="30" x1="5330.821919046475" x2="5330.821919046475" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="5330.821919046475" y="2520">
6
</text>
<line stroke="#64727D" stroke-width="30" x1="5930.951531545374" x2="5930.951531545374" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="5930.951531545374" y="2520">
7
</text>
<line stroke="#64727D" stroke-width="30" x1="6503.804326953253" x2="6503.804326953253" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="6503.804326953253" y="2520">
8
</text>
<line stroke="#64727D" stroke-width="30" x1="7050.62007870427" x2="7050.62007870427" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="7050.62007870427" y="2520">
9
</text>
<line stroke="#64727D" stroke-width="30" x1="7572.582210616577" x2="7572.582210616577" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="7572.582210616577" y="2520">
10
</text>
<line stroke="#64727D" stroke-width="30" x1="8070.820358069395" x2="8070.820358069395" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="8070.820358069395" y="2520">
11
</text>
<line stroke="#64727D" stroke-width="30" x1="8546.41281277053" x2="8546.41281277053" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="8546.41281277053" y="2520">
12
</text>
<line stroke="#64727D" stroke-width="30" x1="9000.388856405512" x2="9000.388856405512" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="9000.388856405512" y="2520">
13
</text>
<line stroke="#64727D" stroke-width="30" x1="9847.377051347588" x2="9847.377051347588" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="9847.377051347588" y="2520">
15
</text>
<line stroke="#64727D" stroke-width="30" x1="10619.121149448294" x2="10619.121149448294" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="10619.121149448294" y="2520">
17
</text>
<line stroke="#64727D" stroke-width="30" x1="11322.305628889593" x2="11322.305628889593" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="11322.305628889593" y="2520">
19
</text>
<line stroke="#64727D" stroke-width="30" x1="11963.021137234966" x2="11963.021137234966" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="11963.021137234966" y="2520">
21
</text>
<line stroke="#64727D" stroke-width="30" x1="12546.81724570487" x2="12546.81724570487" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="12546.81724570487" y="2520">
23
</text>
<line stroke="#64727D" stroke-width="30" x1="13078.750516907809" x2="13078.750516907809" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="13078.750516907809" y="2520">
25
</text>
<line stroke="#64727D" stroke-width="30" x1="13563.4283023666" x2="13563.4283023666" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="13563.4283023666" y="2520">
27
</text>
<line stroke="#64727D" stroke-width="30" x1="14210.92126954174" x2="14210.92126954174" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="14210.92126954174" y="2520">
30
</text>
<line stroke="#64727D" stroke-width="30" x1="14774.077631944347" x2="14774.077631944347" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="14774.077631944347" y="2520">
33
</text>
<line stroke="#64727D" stroke-width="30" x1="15263.882316461875" x2="15263.882316461875" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="15263.882316461875" y="2520">
36
</text>
<line stroke="#64727D" stroke-width="30" x1="15819.183457866813" x2="15819.183457866813" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="15819.183457866813" y="2520">
40
</text>
<line stroke="#64727D" stroke-width="30" x1="16280.20422106493" x2="16280.20422106493" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="16280.20422106493" y="2520">
44
</text>
<line stroke="#64727D" stroke-width="30" x1="16748.018579958065" x2="16748.018579958065" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="16748.018579958065" y="2520">
49
</text>
<line stroke="#64727D" stroke-width="30" x1="17244.52851778459" x2="17244.52851778459" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="17244.52851778459" y="2520">
56
</text>
<line stroke="#64727D" stroke-width="30" x1="17724.377221769406" x2="17724.377221769406" y1="2160" y2="1665"/>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="17724.377221769406" y="2520">
66
</text>
<text fill="#64727D" font-size="360px" stroke="#64727D" text-anchor="middle" x="18360" y="2520">
99
</text>
</svg>