https://trze.me/portfolio/index.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<title>
6    Портфолио | Глеб Трж.
7    
8</title> 
9<!--style-->
10<link rel = "stylesheet" href = "https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap" >
11<link rel = "stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
12<link rel="stylesheet" href="../theme/style.css">
13<!--sharing-->
14<meta name = "viewport" content="width=device-width, initial-scale=1.0">
15<meta name = "description" content = "Здравствуйте">
16<meta name = "title" content = "Портфолио">
17<meta property = "og:title" content = "Портфолио">
18<meta property = "og:description" content = "Здравствуйте">
19<meta property = "og:image" content = "https://trze.me/1200x630.jpg">
20<meta name = "twitter:card" content="summary_large_image">
21<meta name =" twitter:image" content="https://trze.me/1200x630.jpg">
22
23<link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png">
24<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
25<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
26<link rel="manifest" href="../site.webmanifest">
27<link rel="mask-icon" href="../safari-pinned-tab.svg" color="#c44930">
28<meta name="msapplication-TileColor" content="#da532c">
29<meta name="theme-color" content="#425b6b">

30<script src = "../theme/theme.js"></script>

30
31</head>
32<body>
33
34<nav class="top_menu vblock">
35    
36    
37    <div class="logo"><a href="../index.html"><span style="font-family: 'Fira Sans',sans-serif">←</span> Trze.me</a></div>
38    
39    <ul class="main_links">
40        <li><a href="index.html">Портфолио</a></li>
41        <li><a href="../blog/index.html">Блог</a></li>
42        <li><a href="../tags/index.html">Метки</a></li>
43        <li><a href="../cki.html">Обо мне</a></li>
44
45    </ul>
46    
47
48</nav>
49
50
51    
52
53<!--main-->
54
55<div class="subindex_header vblock">
56    <div class="inner">
57        <h1>Портфолио</h1>
58        <div class="intro main_content"><p>Мои работы. <br></p> </div>
59    </div>
60</div>
61
62<!--portfolio block-->
63
64<div class="portfolio vblock">
65    <div class="inner">
66        <!--portfolio list-->
67        <!--2010/10/23 00:00:00-->
68        <ul class="portfolio front_page cards">
69            
70            <!--[object Object]-->
71                
72<li class="card">
73<a href = "../portfolio/litra.html">
74    <div class="cover portfolio">
75<img src = "../uploads/portfolio/litra.jpg">
76    </div>
77<h4>«Список чтения»</h4>
78</a>
79
80        <ul class="tagsblock">
81            
82                <!--/tags/intieraktiv.html : /portfolio/litra.html -->
83                <li class="tag ">
84                    <a href="../tags/intieraktiv.html">Интерактив</a>
85                </li>
86                
87                <!--/tags/d3.html : /portfolio/litra.html -->
88                <li class="tag ">
89                    <a href="../tags/d3.html">D3</a>
90                </li>
91                
92                <!--/tags/litieraturnaia_tiematika.html : /portfolio/litra.html -->
93                <li class="tag ">
94                    <a href="../tags/litieraturnaia_tiematika.html">литературная тематика</a>
95                </li>
96                
97                <!--/tags/nauchnaia_tiematika.html : /portfolio/litra.html -->
98                <li class="tag ">
99                    <a href="../tags/nauchnaia_tiematika.html">научная тематика</a>
100                </li>
101                
102            </ul>
103        
104</li>
105                
106            <!--[object Object]-->
107                
108<li class="card">
109<a href = "../portfolio/katusha.html">
110    <div class="cover portfolio">
111<img src = "../uploads/portfolio/katusha_1.jpg">
112    </div>
113<h4>Катюша</h4>
114</a>
115
116        <ul class="tagsblock">
117            
118                <!--/tags/statika.html : /portfolio/katusha.html -->
119                <li class="tag ">
120                    <a href="../tags/statika.html">Статика</a>
121                </li>
122                
123            </ul>
124        
125</li>
126                
127            <!--[object Object]-->
128                
129<li class="card">
130<a href = "../portfolio/nevskii_2021.html">
131    <div class="cover portfolio">
132<img src = "../uploads/portfolio/6122729.png">
133    </div>
134<h4>Две инфографики об&nbsp;Александре Невском</h4>
135</a>
136
137        <ul class="tagsblock">
138            
139                <!--/tags/statika.html : /portfolio/nevskii_2021.html -->
140                <li class="tag ">
141                    <a href="../tags/statika.html">Статика</a>
142                </li>
143                
144            </ul>
145        
146</li>
147                
148            <!--[object Object]-->
149                
150<li class="card">
151<a href = "../portfolio/russian-aviation.html">
152    <div class="cover portfolio">
153<img src = "../uploads/portfolio/cover_aiation_1.jpg">
154    </div>
155<h4>История гражданской авиации России</h4>
156</a>
157
158        <ul class="tagsblock">
159            
160                <!--/tags/d3.html : /portfolio/russian-aviation.html -->
161                <li class="tag ">
162                    <a href="../tags/d3.html">D3</a>
163                </li>
164                
165                <!--/tags/intieraktiv.html : /portfolio/russian-aviation.html -->
166                <li class="tag ">
167                    <a href="../tags/intieraktiv.html">Интерактив</a>
168                </li>
169                
170            </ul>
171        
172</li>
173                
174            <!--[object Object]-->
175                
176<li class="card">
177<a href = "../portfolio/olivier_2020.html">
178    <div class="cover portfolio">
179<img src = "../uploads/portfolio/olivier_screen_1.png">
180    </div>
181<h4>Новый индекс Оливье</h4>
182</a>
183
184        <ul class="tagsblock">
185            
186                <!--/tags/intieraktiv.html : /portfolio/olivier_2020.html -->
187                <li class="tag ">
188                    <a href="../tags/intieraktiv.html">Интерактив</a>
189                </li>
190                
191                <!--/tags/d3.html : /portfolio/olivier_2020.html -->
192                <li class="tag ">
193                    <a href="../tags/d3.html">D3</a>
194                </li>
195                
196            </ul>
197        
198</li>
199                
200            <!--[object Object]-->
201                
202<li class="card">
203<a href = "../portfolio/space_junk.html">
204    <div class="cover portfolio">
205<img src = "../uploads/portfolio/spacejunk_cover.jpg">
206    </div>
207<h4>Космический мусор</h4>
208</a>
209
210        <ul class="tagsblock">
211            
212                <!--/tags/processing.html : /portfolio/space_junk.html -->
213                <li class="tag ">
214                    <a href="../tags/processing.html">Processing</a>
215                </li>
216                
217                <!--/tags/animatsiia.html : /portfolio/space_junk.html -->
218                <li class="tag ">
219                    <a href="../tags/animatsiia.html">Анимация</a>
220                </li>
221                
222            </ul>
223        
224</li>
225                
226            <!--[object Object]-->
227                
228<li class="card">
229<a href = "../portfolio/agatha.html">
230    <div class="cover portfolio">
231<img src = "../uploads/blog/agatha_lr.png">
232    </div>
233<h4>Биография Агаты Кристи</h4>
234</a>
235
236        <ul class="tagsblock">
237            
238                <!--/tags/litieraturnaia_tiematika.html : /portfolio/agatha.html -->
239                <li class="tag ">
240                    <a href="../tags/litieraturnaia_tiematika.html">литературная тематика</a>
241                </li>
242                
243                <!--/tags/d3.html : /portfolio/agatha.html -->
244                <li class="tag ">
245                    <a href="../tags/d3.html">D3</a>
246                </li>
247                
248                <!--/tags/statika.html : /portfolio/agatha.html -->
249                <li class="tag ">
250                    <a href="../tags/statika.html">Статика</a>
251                </li>
252                
253            </ul>
254        
255</li>
256                
257            <!--[object Object]-->
258                
259<li class="card">
260<a href = "../portfolio/piotr_the_cruiser.html">
261    <div class="cover portfolio">
262<img src = "../uploads/portfolio/piotr_poster_1.jpg">
263    </div>
264<h4>Крейсер «Петр Великий»</h4>
265</a>
266
267        <ul class="tagsblock">
268            
269                <!--/tags/javascript.html : /portfolio/piotr_the_cruiser.html -->
270                <li class="tag ">
271                    <a href="../tags/javascript.html">JavaScript</a>
272                </li>
273                
274                <!--/tags/d3.html : /portfolio/piotr_the_cruiser.html -->
275                <li class="tag ">
276                    <a href="../tags/d3.html">D3</a>
277                </li>
278                
279                <!--/tags/voiennaia_tiematika.html : /portfolio/piotr_the_cruiser.html -->
280                <li class="tag ">
281                    <a href="../tags/voiennaia_tiematika.html">Военная тематика</a>
282                </li>
283                
284                <!--/tags/intieraktiv.html : /portfolio/piotr_the_cruiser.html -->
285                <li class="tag ">
286                    <a href="../tags/intieraktiv.html">Интерактив</a>
287                </li>
288                
289            </ul>
290        
291</li>
292                
293            <!--[object Object]-->
294                
295<li class="card">
296<a href = "../portfolio/heroes_of_russia.html">
297    <div class="cover portfolio">
298<img src = "../uploads/portfolio/heroes_of_russia_cover.jpg">
299    </div>
300<h4>Герои России</h4>
301</a>
302
303        <ul class="tagsblock">
304            
305                <!--/tags/intieraktiv.html : /portfolio/heroes_of_russia.html -->
306                <li class="tag ">
307                    <a href="../tags/intieraktiv.html">Интерактив</a>
308                </li>
309                
310                <!--/tags/d3.html : /portfolio/heroes_of_russia.html -->
311                <li class="tag ">
312                    <a href="../tags/d3.html">D3</a>
313                </li>
314                
315            </ul>
316        
317</li>
318                
319            <!--[object Object]-->
320                
321<li class="card">
322<a href = "../portfolio/tu160.html">
323    <div class="cover portfolio">
324<img src = "../uploads/portfolio/tu160_cover.jpg">
325    </div>
326<h4>Ту-160 ПАК ДА</h4>
327</a>
328
329        <ul class="tagsblock">
330            
331                <!--/tags/voiennaia_tiematika.html : /portfolio/tu160.html -->
332                <li class="tag ">
333                    <a href="../tags/voiennaia_tiematika.html">Военная тематика</a>
334                </li>
335                
336                <!--/tags/readymag.html : /portfolio/tu160.html -->
337                <li class="tag ">
338                    <a href="../tags/readymag.html">Readymag</a>
339                </li>
340                
341                <!--/tags/animatsiia.html : /portfolio/tu160.html -->
342                <li class="tag ">
343                    <a href="../tags/animatsiia.html">Анимация</a>
344                </li>
345                
346            </ul>
347        
348</li>
349                
350            <!--[object Object]-->
351                
352<li class="card">
353<a href = "../portfolio/luna2.html">
354    <div class="cover portfolio">
355<img src = "../uploads/portfolio/luna-cover.png">
356    </div>
357<h4>Луна-2</h4>
358</a>
359
360        <ul class="tagsblock">
361            
362                <!--/tags/d3.html : /portfolio/luna2.html -->
363                <li class="tag ">
364                    <a href="../tags/d3.html">D3</a>
365                </li>
366                
367                <!--/tags/javascript.html : /portfolio/luna2.html -->
368                <li class="tag ">
369                    <a href="../tags/javascript.html">JavaScript</a>
370                </li>
371                
372                <!--/tags/blender.html : /portfolio/luna2.html -->
373                <li class="tag ">
374                    <a href="../tags/blender.html">Blender</a>
375                </li>
376                
377                <!--/tags/tree.js.html : /portfolio/luna2.html -->
378                <li class="tag ">
379                    <a href="../tags/tree.js.html">Tree.js</a>
380                </li>
381                
382                <!--/tags/red_dot_award.html : /portfolio/luna2.html -->
383                <li class="tag ">
384                    <a href="../tags/red_dot_award.html">Red Dot Award</a>
385                </li>
386                
387                <!--/tags/malofei_award.html : /portfolio/luna2.html -->
388                <li class="tag ">
389                    <a href="../tags/malofei_award.html">Malofei Award</a>
390                </li>
391                
392            </ul>
393        
394</li>
395                
396            <!--[object Object]-->
397                
398<li class="card">
399<a href = "../portfolio/archangelskoe.html">
400    <div class="cover portfolio">
401<img src = "../uploads/portfolio/archangelskoe_jun_2019_cover.jpg">
402    </div>
403<h4>Интерактивная схема для спецпроекта об&nbsp;Архангельском</h4>
404</a>
405
406        <ul class="tagsblock">
407            
408                <!--/tags/intieraktiv.html : /portfolio/archangelskoe.html -->
409                <li class="tag ">
410                    <a href="../tags/intieraktiv.html">Интерактив</a>
411                </li>
412                
413                <!--/tags/d3.html : /portfolio/archangelskoe.html -->
414                <li class="tag ">
415                    <a href="../tags/d3.html">D3</a>
416                </li>
417                
418            </ul>
419        
420</li>
421                
422            </ul>
423        </div>
424    </div>
425
426    <!--pager-->
427    
428    <div class="vblock pager">
429        <div class="inner">
430            
431            
432                <ul class="pagination">
433                    
434                        <!--/portfolio/index.html :  -->
435                        <li class="current" >
436                            <a href="index.html">1</a>
437                        </li>
438                        
439                        <!--/portfolio/index_1.html :  -->
440                        <li>
441                            <a href="../portfolio/index_1.html">2</a>
442                        </li>
443                        
444                    </ul>
445                    
446                    
447        </div>
448    </div>
449    
450
451    <footer class="vblock">
452<div class="inner">
453<div class="column">
454&copy; Глеб Тржемецкий
455</div>
456<div class="column">
457Под капотом &mdash;  &#128031;
458<a href="https://github.com/girobusan/latid" style="color: white;font-weight:bold;border-bottom:1px solid white">Latid</a>
459</div>
460<div class="column">Хостинг в непростые времена&nbsp;&mdash; <a href="https://beget.com/p1680745" style="color: white;font-weight:bold;border-bottom:1px solid white">beget</a></div>
461</div>
462</footer>
463</body>
464</html>