-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
339 lines (332 loc) · 24.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Flowchart editor | DGRM</title>
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="css/style.css?v=20240906">
<link rel="alternate" hreflang="ru" href="ru/"/>
<link rel="alternate" hreflang="x-default" href="en/"/>
<meta name="description"
content="Flowchart editor. Fast, no unnecessary buttons. Supports workflow charts, activity diagrams, sequence diagrams, mind maps."/>
</head>
<body>
<img src="https://mc.yandex.ru/watch/94193297" style="position:absolute; left:-9999px;" alt="metric"/>
<header>
<div class="container">
<nav class="navigation">
<a href="./" class="link link_without-arrow me-auto"><span class="logo"><svg viewBox="0 0 24 24" width="24" height="24"><path d="M12.8995 6.85431L17.1421 11.0969L7.24264 20.9964H3V16.7538L12.8995 6.85431ZM14.3137 5.44009L16.435 3.31877C16.8256 2.92825 17.4587 2.92825 17.8492 3.31877L20.6777 6.1472C21.0682 6.53772 21.0682 7.17089 20.6777 7.56141L18.5563 9.68273L14.3137 5.44009Z" fill="rgba(13,110,253,1)"></path></svg>DGRM</span></a>
<a href="en/price.html" class="link link_without-arrow link-txtcolor"><span>Prices</span></a>
<div class="lang-switcher">
<input type="checkbox" id="lang-switcher-checkbox">
<label class="lang-select" for="lang-switcher-checkbox">EN <span class="dropdown-arrow"></span></label>
<ul class="lang-list">
<li><a href="" class="lang-item current">EN</a></li>
<li><a href="ru/" rel="alternate" hreflang="ru" class="lang-item">RU</a></li>
</ul>
</div>
<a href="https://app.dgrm.net/" class="btn btn_primary">Open editor</a>
</nav>
</div>
</header>
<main>
<h1 class="visually-hidden" id="hero">DGRM - Flowchart editor</h1>
<section class="hero section">
<div class="container">
<div class="hero-content">
<h2 class="h1">
Flowchart editor
</h2>
<p class="description">Online editor for creating flowcharts. <br>
Fast, no unnecessary buttons.</p>
<a href="https://app.dgrm.net/" class="btn btn_primary">Open editor</a>
<p class="description-free">Free. No registration required.</p>
</div>
<div class="hero__images">
<figure class="relative hero__img-mb-block">
<picture>
<source srcset="../img/section-1/hero-mb3.webp, ../img/section-1/hero-mb3-x2.webp 2x, ../img/section-1/hero-mb3-x3.webp 3x"
type="image/webp">
<img class="hero__img-mb" src="../img/section-1/hero-mb3.png" alt="Flowchart on a mobile phone">
</picture>
<figcaption class="mt-3">
<a href="https://app.dgrm.net/?k=202408c1b2ef7a" target="_blank"
class="link"><span>Open flowchart</span></a>
</figcaption>
</figure>
<figure class="relative">
<picture>
<source srcset="../img/section-1/hero-pc2.webp 1x, ../img/section-1/hero-pc2-x2.webp 2x, ../img/section-1/hero-pc2-x3.webp 3x"
type="image/webp">
<img class="hero__img-pc" src="../img/section-1/hero-pc2.png"
alt="Flowchart on a computer or tablet">
</picture>
<figcaption class="hero__img-pc-caption">
<a href="https://app.dgrm.net/?k=20240339e781c7" target="_blank"
class="link"><span>Open flowchart</span></a>
</figcaption>
</figure>
</div>
</div>
</section>
<section class="popular-scheme container">
<h2 class="h2" id="extended-scheme-support">Supports popular flowcharts</h2>
<div class="popular-scheme__content">
<p class="popular-scheme__description description">
<a href="en/flowchart.html" class="link link_without-arrow text-nowrap"><span>Business process flowcharts</span></a>,
<a href="en/mind-map.html" class="link link_without-arrow text-nowrap"><span>mind maps</span></a>,
<a href="en/sequence-diagram.html" class="link link_without-arrow text-nowrap"><span>sequence diagrams</span></a>,
activity diagrams.
</p>
<div class="popular-scheme__images">
<figure class="relative">
<figcaption class="popular-scheme__img-1-caption">
<a href="https://app.dgrm.net/?k=2023104981a801" class="link"
target="_blank"><span>Open flowchart</span></a>
</figcaption>
<picture>
<source srcset="../img/section-2/scheme-1.webp 1x, ../img/section-2/scheme-1-x2.webp 2x, ../img/section-2/scheme-1-x3.webp 3x"
type="image/webp">
<img src="../img/section-2/scheme-1.jpg" alt="Restaurant Workflow Diagram"
class="popular-scheme__img-1">
</picture>
</figure>
<figure class="relative">
<figcaption class="popular-scheme__img-2-caption">
<a href="https://app.dgrm.net/?k=20240326021cdd" class="link"
target="_blank"><span>Open flowchart</span></a>
</figcaption>
<picture>
<source srcset="../img/section-2/scheme-2.webp 1x, ../img/section-2/scheme-2-x2.webp 2x, ../img/section-2/scheme-2-x3.webp 3x"
type="image/webp">
<img src="../img/section-2/scheme-2.jpg" alt="Mind map" class="popular-scheme__img-2">
</picture>
</figure>
<figure class="relative popular-scheme__img-3-block">
<figcaption class="popular-scheme__img-3-caption">
<a href="https://app.dgrm.net/?k=2024086536c2b9" class="link"
target="_blank"><span>Open flowchart</span></a>
</figcaption>
<picture>
<source srcset="../img/section-2/scheme1-3.webp 1x, ../img/section-2/scheme1-3-x2.webp 2x, ../img/section-2/scheme1-3-x3.webp 3x"
type="image/webp">
<img src="../img/section-2/scheme1-3.png" alt="Mind map" class="popular-scheme__img-3">
</picture>
</figure>
</div>
</div>
<div class="popular-scheme__content popular-scheme__content_second">
<div class="popular-scheme__images popular-scheme__images_second">
<picture>
<source srcset="../img/section-2/scheme-4.webp 1x, ../img/section-2/scheme-4-x2.webp 2x, ../img/section-2/scheme-4-x3.webp 3x"
type="image/webp">
<img src="../img/section-2/scheme-4.jpg" alt="File upload scheme"
class="popular-scheme__img-4">
</picture>
<picture>
<source srcset="../img/section-2/scheme-5.webp 1x, ../img/section-2/scheme-5-x2.webp 2x, ../img/section-2/scheme-5-x3.webp 3x"
type="image/webp">
<img src="../img/section-2/scheme-5.jpg" alt="Package format scheme" class="popular-scheme__img-5">
</picture>
<a href="https://app.dgrm.net/?k=202403808ba09f" class="link"
target="_blank"><span>Open flowchart</span></a>
</div>
</div>
</section>
<section class="container">
<h2 class="h2" id="features">Features</h2>
<ul class="features">
<li class="btnless">
<picture>
<source srcset="../img/section-3/btnless.webp 1x, ../img/section-3/btnless-x2.webp 2x, ../img/section-3/btnless-x3.webp 3x"
type="image/webp">
<img class="btnless__img" src="../img/section-3/btnless.jpeg"
alt="Context menu for changing the relationship between elements">
</picture>
<ul class="btnless__content">
<li>
<div class="section">
<h3 class="h3" id="no-extra-buttons">No unnecessary buttons</h3>
<p class="description">Suitable for everyone. Draws by cell. No crooked elements as they
align themselves with the grid.</p>
</div>
</li>
<li>
<div class="section">
<h3 class="h3" id="cross-platform">Works on phones, tablets and PCs</h3>
<p class="description">No installation. Works from the browser.</p>
</div>
</li>
</ul>
</li>
<li class="save-to-image">
<div class="save-to-image__section">
<h3 class="h3" id="partial-export">Download parts of the flowchart</h3>
<picture>
<source srcset="../img/section-4/save-to-image.webp 1x, ../img/section-4/save-to-image-x2.webp 2x, ../img/section-4/save-to-image-x3.webp 3x"
type="image/webp">
<img class="save-to-image__img" src="../img/section-4/save-to-image.jpeg"
alt="Context menu for saving a schematic part as an image" loading="lazy">
</picture>
</div>
</li>
<li class="links">
<div class="links__section">
<h3 class="h3" id="links-to-schemes">Links to the flowchart</h3>
<div class="description">
Send links to the flowchart to your colleagues.
</div>
<picture>
<source srcset="../img/section-4/links1.webp 1x, ../img/section-4/links1-x2.webp 2x, ../img/section-4/links1-x3.webp 3x"
type="image/webp">
<img class="links__img" src="../img/section-4/links1.png"
alt="Context menu for getting a link to a flowchart" loading="lazy">
</picture>
</div>
</li>
<li class="copy-to-word">
<div>
<h3 class="h3" id="copy-as-image">Copy into Word</h3>
<p class="copy-to-word__description description">Insert diagrams directly into Word and Google Docs
without intermediate saving of pictures.</p>
<picture>
<source srcset="../img/section-5/coping-src.webp 1x, ../img/section-5/coping-src-x2.webp 2x, ../img/section-5/coping-src-x3.webp 3x"
type="image/webp">
<img class="copy-to-word__img-src" src="../img/section-5/coping-src.jpeg"
alt="Copying a part of a schematic to the clipboard" loading="lazy">
</picture>
<img class="copy-to-word__img-arrow" src="../img/arrow.svg" alt="Arrow">
<picture>
<source srcset="../img/section-5/coping-dest.webp 1x, ../img/section-5/coping-dest-x2.webp 2x, ../img/section-5/coping-dest-x3.webp 3x"
type="image/webp">
<img class="copy-to-word__img-dest" src="../img/section-5/coping-dest.jpeg"
alt="Paste an image from the clipboard into Word"
loading="lazy">
</picture>
</div>
</li>
<li class="through-the-picture">
<div class="through-the-picture__content">
<h3 class="h3" id="upload-via-picture">Open flowcharts from pictures</h3>
<p class="through-the-picture__description description">No need to keep the source. Example: if we
send a flowchart over e-mail and receive a reply a month later, we can immediately edit the
picture from the letter, no need for the source.
</p>
<picture>
<source srcset="../img/section-6/open-src.webp 1x, ../img/section-6/open-src-x2.webp 2x, ../img/section-6/open-src-x3.webp 3x"
type="image/webp">
<img class="through-the-picture__img-src" src="../img/section-6/open-src.jpeg"
alt="Drag and drop image file into DGRM"
loading="lazy">
</picture>
<img class="through-the-picture__img-arrow" src="../img/arrow.svg" alt="Arrow">
<picture>
<source srcset="../img/section-6/open-content.webp 1x, ../img/section-6/open-content-x2.webp 2x, ../img/section-6/open-content-x3.webp 3x"
type="image/webp">
<img class="through-the-picture__img-content" src="../img/section-6/open-content.jpeg"
alt="Dragging an image file into the DGRM program"
loading="lazy">
</picture>
<picture>
<source srcset="../img/section-6/open-dest.webp 1x, ../img/section-6/open-dest-x2.webp 2x, ../img/section-6/open-dest-x3.webp 3x"
type="image/webp">
<img class="through-the-picture__img-dest" src="../img/section-6/open-dest.jpeg"
alt="Opening a chart from an image file"
loading="lazy">
</picture>
</div>
</li>
</ul>
</section>
<section class="promo">
<div class="promo-content">
<h3 class="promo-heading" id="totally-free">
<strong>Free, <br/>no registration required</strong>
</h3>
<p class="promo__description description">Start using editor free and without registering.</p>
<div class="promo__action">
<a href="https://app.dgrm.net/" class="btn btn_primary promo-btn">Open editor</a>
</div>
</div>
</section>
</main>
<footer class="footer container">
<div>
<div>
<h4 class="footer-heading">Features</h4>
<ul>
<li><a href="en/flowchart.html" class="link link_without-arrow text-nowrap"><span>Flowcharts</span></a></li>
<li><a href="en/mind-map.html" class="link link_without-arrow text-nowrap"><span>Mind maps</span></a></li>
<li><a href="en/sequence-diagram.html" class="link link_without-arrow text-nowrap"><span>Sequence diagrams</span></a></li>
</ul>
</div>
<div>
<h4 class="footer-heading" style="margin-top: var(--indent-2)">Instructions</h4>
<a href="en/hints.html" class="link link_without-arrow text-nowrap"><span>Video hints, hotkeys</span></a>
</div>
</div>
<div>
<p class="footer-heading">Editor is developing</p>
<p class="footer-description">New features are being implemented. <br>
Announcements are posted on Twitter and Telegram.</p>
<ul>
<li class="footer-contact">
<a class="footer-contact__link" href="https://t.me/dgrm_net">
<svg class="footer-contact__icon" height="40" width="40">
<symbol id="telegram" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_369_115)">
<path d="M20.0002 33.3335C23.5364 33.3335 26.9278 31.9287 29.4283 29.4283C31.9287 26.9278 33.3335 23.5364 33.3335 20.0002C33.3335 16.4639 31.9287 13.0726 29.4283 10.5721C26.9278 8.07159 23.5364 6.66683 20.0002 6.66683C16.4639 6.66683 13.0726 8.07159 10.5721 10.5721C8.07159 13.0726 6.66683 16.4639 6.66683 20.0002C6.66683 23.5364 8.07159 26.9278 10.5721 29.4283C13.0726 31.9287 16.4639 33.3335 20.0002 33.3335ZM20.0002 36.6668C10.7952 36.6668 3.3335 29.2052 3.3335 20.0002C3.3335 10.7952 10.7952 3.3335 20.0002 3.3335C29.2052 3.3335 36.6668 10.7952 36.6668 20.0002C36.6668 29.2052 29.2052 36.6668 20.0002 36.6668ZM14.8168 21.9502L10.6535 20.6518C9.7535 20.3768 9.7485 19.7568 10.8552 19.3118L27.0768 13.0452C28.0185 12.6618 28.5518 13.1468 28.2468 14.3618L25.4852 27.3952C25.2918 28.3235 24.7335 28.5452 23.9585 28.1168L19.7068 24.9702L17.7252 26.8835C17.5218 27.0802 17.3568 27.2485 17.0435 27.2902C16.7318 27.3335 16.4752 27.2402 16.2868 26.7235L14.8368 21.9385L14.8168 21.9502Z" fill="#1D1D1F"/>
</g>
<defs>
<clipPath id="clip0_369_115">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</symbol>
<use xlink:href="#telegram"></use>
</svg>
<span>https://t.me/dgrm_net</span>
</a>
</li>
<li class="footer-contact">
<a class="footer-contact__link" href="https://x.com/boyko_tech">
<svg class="footer-contact__icon" height="40" width="40">
<symbol id="twitter" width="38" height="38" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 2H1L9.26086 13.0145L1.44995 21.9999H4.09998L10.4883 14.651L16 22H23L14.3917 10.5223L21.8001 2H19.1501L13.1643 8.88578L8 2ZM17 20L5 4H7L19 20H17Z" fill="rgba(29,29,31,1)"></path>
</symbol>
<use xlink:href="#twitter"></use>
</svg>
<span>https://x.com/boyko_tech</span>
</a>
</li>
<li class="footer-contact">
<a class="footer-contact__link" href="mailto:contact@dgrm.net">
<svg class="footer-contact__icon" height="40" width="40" s>
<symbol id="email" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g><path d="M33 19.6106C32.9997 16.6487 32.0065 13.7719 30.1782 11.4368C28.3499 9.10182 25.7912 7.44248 22.9085 6.72233C20.0259 6.00218 16.9844 6.2625 14.2671 7.46195C11.5499 8.6614 9.31255 10.7312 7.91048 13.3427C6.5084 15.9543 6.02193 18.9578 6.52832 21.8763C7.03471 24.7949 8.50493 27.4612 10.7055 29.4518C12.9061 31.4424 15.7109 32.6433 18.6745 32.8637C21.6381 33.0841 24.5907 32.3114 27.0633 30.6683L28.9133 33.4323C26.177 35.2557 22.9583 36.2265 19.6667 36.2212C10.4617 36.2212 3 28.7846 3 19.6106C3 10.4366 10.4617 3 19.6667 3C28.8717 3 36.3333 10.4366 36.3333 19.6106V22.1022C36.3335 23.3459 35.9335 24.5569 35.192 25.5573C34.4506 26.5577 33.4067 27.2947 32.2139 27.6601C31.0211 28.0256 29.7421 28.0001 28.5648 27.5875C27.3876 27.1749 26.3741 26.3969 25.6733 25.3678C24.561 26.5206 23.1383 27.3288 21.5762 27.6952C20.0141 28.0616 18.3791 27.9708 16.8676 27.4335C15.3561 26.8962 14.0324 25.9355 13.0555 24.6666C12.0786 23.3977 11.4901 21.8747 11.3607 20.2805C11.2313 18.6864 11.5665 17.0889 12.326 15.68C13.0856 14.2711 14.2371 13.1107 15.6423 12.3383C17.0475 11.5659 18.6466 11.2143 20.2474 11.3257C21.8483 11.4371 23.3828 12.0068 24.6667 12.9664H28V22.1022C28 22.763 28.2634 23.3968 28.7322 23.864C29.2011 24.3313 29.837 24.5938 30.5 24.5938C31.163 24.5938 31.7989 24.3313 32.2678 23.864C32.7366 23.3968 33 22.763 33 22.1022V19.6106ZM19.6667 14.6274C18.3406 14.6274 17.0688 15.1524 16.1311 16.087C15.1934 17.0215 14.6667 18.289 14.6667 19.6106C14.6667 20.9322 15.1934 22.1997 16.1311 23.1342C17.0688 24.0688 18.3406 24.5938 19.6667 24.5938C20.9927 24.5938 22.2645 24.0688 23.2022 23.1342C24.1399 22.1997 24.6667 20.9322 24.6667 19.6106C24.6667 18.289 24.1399 17.0215 23.2022 16.087C22.2645 15.1524 20.9927 14.6274 19.6667 14.6274Z" fill="#1D1D1F"/></g>
</symbol>
<use xlink:href="#email"></use>
</svg>
<span>contact@dgrm.net</span>
</a>
</li>
<li class="footer-contact">
<a class="footer-contact__link" href="https://github.com/AlexeyBoiko/DgrmJS">
<svg class="footer-contact__icon" height="40" width="40">
<symbol id="github" width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.88401 18.6531C5.58404 18.4523 5.32587 18.1972 5.0239 17.8366C4.91473 17.7062 4.47283 17.1521 4.55811 17.258C4.09533 16.6831 3.80296 16.4168 3.50156 16.3087C2.9817 16.1223 2.7114 15.5497 2.89784 15.0298C3.08428 14.51 3.65685 14.2397 4.17672 14.4261C4.92936 14.696 5.43847 15.1609 6.12425 16.0141C6.03025 15.8972 6.46364 16.4408 6.55731 16.5526C6.74784 16.7802 6.88732 16.918 6.99629 16.9909C7.20118 17.128 7.58451 17.1871 8.14709 17.1308C8.17065 16.7487 8.24136 16.378 8.34919 16.0355C5.38097 15.3101 3.70116 13.3949 3.70116 9.63947C3.70116 8.4006 4.0704 7.28368 4.75917 6.34756C4.5415 5.45368 4.57433 4.37259 5.06092 3.15611C5.1725 2.87715 5.40361 2.66314 5.69031 2.57328C5.77242 2.54949 5.81791 2.5389 5.89878 2.52648C6.70167 2.40319 7.83573 2.69681 9.31449 3.62311C10.181 3.41855 11.0885 3.31476 12.0012 3.31476C12.9129 3.31476 13.8196 3.41835 14.6854 3.62253C16.1619 2.68976 17.2986 2.39625 18.1072 2.52627C18.1919 2.53988 18.2645 2.55758 18.3249 2.57741C18.6059 2.66967 18.8316 2.88155 18.9414 3.15611C19.4279 4.37232 19.4608 5.45319 19.2433 6.34695C19.9342 7.28313 20.3012 8.39184 20.3012 9.63947C20.3012 13.3966 18.627 15.3046 15.6588 16.0318C15.7837 16.4467 15.8496 16.9103 15.8496 17.4118C15.8496 18.0763 15.8471 18.7108 15.8424 19.4223C15.8412 19.6124 15.8397 19.8156 15.8375 20.1279C16.2129 20.2107 16.5229 20.5074 16.6031 20.9086C16.7114 21.4502 16.3602 21.977 15.8186 22.0853C14.6794 22.3132 13.8353 21.5535 13.8353 20.5608C13.8353 20.4705 13.836 20.3414 13.8375 20.1142C13.8398 19.8012 13.8412 19.5987 13.8425 19.4092C13.8471 18.7017 13.8496 18.0714 13.8496 17.4118C13.8496 16.7145 13.6664 16.26 13.4237 16.0508C12.7627 15.481 13.0977 14.3971 13.965 14.2996C16.9314 13.9663 18.3012 12.8174 18.3012 9.63947C18.3012 8.68484 17.9893 7.89547 17.3881 7.23534C17.1301 6.95209 17.0567 6.54634 17.199 6.19062C17.3647 5.77639 17.4354 5.2336 17.2941 4.57678L17.2847 4.57944C16.7928 4.71861 16.1744 5.01956 15.4261 5.52826C15.182 5.69413 14.8772 5.74377 14.5932 5.66388C13.7729 5.43319 12.8913 5.31476 12.0012 5.31476C11.111 5.31476 10.2294 5.43319 9.40916 5.66388C9.12662 5.74335 8.82344 5.69468 8.57997 5.53077C7.8274 5.02414 7.2056 4.72355 6.71079 4.58352C6.56735 5.23672 6.63814 5.77758 6.80336 6.19062C6.94565 6.54634 6.87219 6.95209 6.61423 7.23534C6.01715 7.89096 5.70116 8.69352 5.70116 9.63947C5.70116 12.8114 7.07225 13.9681 10.023 14.2996C10.8883 14.3969 11.2246 15.4767 10.5675 16.048C10.3751 16.2153 10.1384 16.7799 10.1384 17.4118V20.5608C10.1384 21.5472 9.30356 22.2866 8.17878 22.0898C7.63476 21.9946 7.27093 21.4764 7.36613 20.9324C7.43827 20.5201 7.75331 20.2114 8.13841 20.1274V19.1379C7.22829 19.1991 6.47656 19.0496 5.88401 18.6531Z" fill="#1D1D1F"></path>
</symbol>
<use xlink:href="#github"></use>
</svg>
<span>GitHub</span>
</a>
</li>
</ul>
<p class="legal">TIN 500110586920 Boyko A. S. <br /><a href="../ru/terms-of-use.pdf" target="_blank" rel="nofollow">Terms of use</a>.</p>
</div>
</footer>
</body>
</html>