-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
461 lines (433 loc) · 68.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
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
<!--
Sentra Template https://templatemo.com/tm-518-sentra
-->
<!DOCTYPE html>
<html lang="prt-br"> <!-- português -->
<head>
<meta charset="utf-8"> <!-- caracteres especiais -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- Permite usar o plug-in do Google Chrome que tem um mecanismo rápido de JavaScript ao abrir páginas no navegador -->
<title>FluxPRT</title> <!-- nome do Guia Interativo FluxPRT -->
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- permite controlar a janela de visualização, reduzindo a página web inteira para caber na tela de celulares e ipads-->
<link rel="apple-touch-icon" href="apple-touch-icon.png"> <!-- Adapta os icones para vários dispositivos da apple-->
<!-- arquivos CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/fontAwesome.css">
<link rel="stylesheet" href="css/light-box.css">
<link rel="stylesheet" href="css/owl-carousel.css">
<link rel="stylesheet" href="css/templatemo-style.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> <!-- chamar a familia da fonte OpenSans -->
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> <!-- biblioteca de js que detecta os recursos disponíveis no navegador e informa quando o navegador não é compatível -->
</head>
<body>
<header class="nav-down responsive-nav hidden-lg hidden-md">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
<span class="sr-only">Toggle navigation</span> <!-- têcnica usada para acessibilidade-->
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- cabecalho da barra de navegação /navbar-header/ -->
<div id="main-nav" class="collapse navbar-collapse">
<nav>
<ul class="nav navbar-nav">
<li><a href="#top">Início</a></li>
<li><a href="#video">Apresentação</a></li>
li><a href="#projects">Fluxo de Trabalho</a></li>
<li><a href="#blog">Guia</a></li>
<li><a href="#contact">Contato</a></li>
</ul>
</nav>
</div>
</header>
<div class="sidebar-navigation hidde-sm hidden-xs">
<div class="logo">
<a href="#"><em>Flux</em>PRT</a>
</div>
<nav>
<ul>
<li>
<a href="#top">
<span class="rect"></span>
<span class="circle"></span>
Início
</a>
</li>
<li>
<a href="#video">
<span class="rect"></span>
<span class="circle"></span>
Apresentação
</a>
</li>
<li>
<a href="#projects">
<span class="rect"></span>
<span class="circle"></span>
Fluxo de Trabalho
</a>
</li>
<li>
<a href="#blog">
<span class="rect"></span>
<span class="circle"></span>
Atividades
</a>
</li>
<li>
<a href="#contact">
<span class="rect"></span>
<span class="circle"></span>
Contato
</a>
</li>
</ul>
</nav>
<ul class="social-icons">
<!-- github do guia FluxPRT -->
<li><a href="http://cabernet.luar.dcc.ufmg.br:7070/groups/luar" target="_blank"><i class="fa fa-github"></i></a></li>
<!-- webpage do LUAR -->
<li><a href="http://luar.dcc.ufmg.br/" target="_blank"><i class="fa fa-share-alt"></i></a></li>
<!-- email da desenvolvedora -->
<li><a href="mailto:[email protected]" target="_blank"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
<div class="slider">
<div class="Modern-Slider content-section" id="top">
<!-- slide1 -->
<div class="item item-1">
<div class="img-fill">
<div class="image"></div>
<div class="info">
<div>
<h1>Guia Interativo<br>FluxPRT</h1>
<p>FluxPRT é um pipeline adaptável de proteômica.<br>
Aqui você encontrará o Guia Interativo dele e muito mais.</p>
<div data-message="Clique aqui para ir a seção de vídeo" tabindex="0" class="white-button button">
<a href="#blog">Descubra mais</a>
</div>
</div>
</div>
</div>
</div>
<!-- //slide1 -->
<!-- slide2 -->
<div class="item item-2">
<div class="img-fill">
<div class="image"></div>
<div class="info">
<div>
<h1>Toda a teoria <br>explicada</h1>
<p>Saiba aplicar os métodos com exemplos práticos.
<br>Comente con seus colegas.</p>
<div data-message="Clique aqui para ir a seção de vídeo" tabindex="0" class="white-button button">
<a href="#projects">Compartilhe Já</a>
</div>
</div>
</div>
</div>
</div>
<!-- //slide2 -->
<!-- slide3 -->
<div class="item item-3">
<div class="img-fill">
<div class="image"></div>
<div class="info">
<div>
<h1>Priorizamos todas<br>as etapas</h1>
<p>Desde a Obtenção da Amostra até a Identificação de proteínas<br> para que seu dia a dia no laboratório seja um sucesso.</p>
<div data-message="Clique aqui para ir a seção da Estrutura do Guia do FluxPRT" tabindex="0" class="white-button button">
<a href="#video">Aprenda Mais</a>
</div>
</div>
</div>
</div>
</div>
<!-- //slide3 -->
</div>
</div>
<div class="page-content">
<section id="video" class="content-section">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h1>O <em>FluxPRT</em> é desenvolvido pelo Laboratório de Universalização de Acesso - UFMG.</h1>
<p>O LUAR trabalha na criação de workflows na área de pesquisa biomédica.</p>
</div>
<div class="text-content">
<p>O FluxPRT é um pipeline adaptável de proteômica, este abrange as atividades da Proteômica de bancada e os seus analises em bioinformática. O Guia Interativo deste foi desenvolvido como apoio para o FluxPRT, no guia se explicam os métodos, se fornece exemplos práticos sobre cada atividade.</p>
</div>
<div data-message="Clique aqui para ir a seção da Estrutura do Guia do FluxPRT" tabindex="0" class="accent-button button">
<a href="http://www.dev.luar.dcc.ufmg.br/" target="_blank">Experimente o FluxPRT LIMS</a>
</div>
</div>
<div class="col-md-12">
<div class="box-video">
<div class="bg-video" style="background-image: url(https://unsplash.imgix.net/photo-1425036458755-dc303a604201?fit=crop&fm=jpg&q=75&w=1000);">
<div class="bt-play">Play</div>
</div>
<div class="video-container">
<iframe width="100%" height="520" src="https://www.youtube.com/embed/GJl45EJiJik?rel=0&showinfo=0" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
</div>
</div>
</div>
</section>
<section id="projects" class="content-section">
<div class="section-heading">
<h1>Fluxo de<br><em>Trabalho</em></h1>
<p>O FluxPRT foi desenvolvido como um fluxo de trabalho adaptável de proteômica,
<br>Clique nas atividades e aprenda mais.</p>
</div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="2707px" viewBox="-0.5 -0.5 2707 649" content="<mxfile host="Electron" modified="2021-07-29T20:18:32.686Z" agent="5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/14.6.13 Chrome/89.0.4389.128 Electron/12.0.7 Safari/537.36" etag="clQCYNodSag6ecqBl3th" version="14.6.13" type="device"><diagram name="BS" id="9f46799a-70d6-7492-0946-bef42562c5a5">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</diagram></mxfile>" onclick="(function(svg){var src=window.event.target||window.event.srcElement;while (src!=null&&src.nodeName.toLowerCase()!='a'){src=src.parentNode;}if(src==null){if(svg.wnd!=null&&!svg.wnd.closed){svg.wnd.focus();}else{var r=function(evt){if(evt.data=='ready'&&evt.source==svg.wnd){svg.wnd.postMessage(decodeURIComponent(svg.getAttribute('content')),'*');window.removeEventListener('message',r);}};window.addEventListener('message',r);}}})(this);" style="max-width:100%;max-height:649px;"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-eaf9f9-1-ffffff-1-s-0"><stop offset="0%" style="stop-color:#EAF9F9"/><stop offset="100%" style="stop-color:#ffffff"/></linearGradient></defs><g><rect x="2412.83" y="263.5" width="290" height="155" fill="#000000" stroke="none" transform="translate(2,3)translate(2557.83,0)scale(-1,1)translate(-2557.83,0)" pointer-events="all" opacity="0.25"/><rect x="2412.83" y="263.5" width="290" height="155" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(2557.83,0)scale(-1,1)translate(-2557.83,0)" 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: 288px; height: 1px; padding-top: 341px; margin-left: 2414px;"><a href="identificacao.html#blog"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="text-align: center ; font-size: 40px"><span style="color: rgb(7 , 1 , 61)">Identificação</span><br /></div></div></div></a></div></foreignObject></switch></g><rect x="2074" y="263.5" width="290" height="155" fill="#000000" stroke="none" transform="translate(2,3)translate(2219,0)scale(-1,1)translate(-2219,0)" pointer-events="all" opacity="0.25"/><rect x="2074" y="263.5" width="290" height="155" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(2219,0)scale(-1,1)translate(-2219,0)" 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: 288px; height: 1px; padding-top: 341px; margin-left: 2075px;"><a href="banco-de-dados.html#blog"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="text-align: center ; font-size: 40px"><div><font color="#07013d">Pesquisa em</font></div><div><font color="#07013d">Banco de Dados</font></div></div></div></div></a></div></foreignObject></switch></g><rect x="1735" y="263.5" width="290" height="155" fill="#000000" stroke="none" transform="translate(2,3)translate(1880,0)scale(-1,1)translate(-1880,0)" pointer-events="all" opacity="0.25"/><rect x="1735" y="263.5" width="290" height="155" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(1880,0)scale(-1,1)translate(-1880,0)" 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: 288px; height: 1px; padding-top: 341px; margin-left: 1736px;"><a href="espectrometria.html#blog"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="text-align: center ; font-size: 40px"><span style="color: rgb(7 , 1 , 61)">Espectrometria</span><br /></div></div></div></a></div></foreignObject></switch></g><rect x="1396" y="263.5" width="290" height="155" fill="#000000" stroke="none" transform="translate(2,3)translate(1541,0)scale(-1,1)translate(-1541,0)" pointer-events="all" opacity="0.25"/><rect x="1396" y="263.5" width="290" height="155" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(1541,0)scale(-1,1)translate(-1541,0)" 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: 288px; height: 1px; padding-top: 341px; margin-left: 1397px;"><a href="cromatografia.html#blog"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="text-align: center ; font-size: 40px"><span style="color: rgb(7 , 1 , 61)">Cromatografia</span><br /></div></div></div></a></div></foreignObject></switch></g><rect x="1057" y="263.5" width="290" height="155" fill="#000000" stroke="none" transform="translate(2,3)translate(1202,0)scale(-1,1)translate(-1202,0)" pointer-events="all" opacity="0.25"/><rect x="1057" y="263.5" width="290" height="155" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(1202,0)scale(-1,1)translate(-1202,0)" 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: 288px; height: 1px; padding-top: 341px; margin-left: 1058px;"><a href="quantificacao.html#blog"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="text-align: center ; font-size: 40px"><div><font color="#07013d">Quantificação de </font><span style="color: rgb(7 , 1 , 61)">Proteinas</span></div></div></div></div></a></div></foreignObject></switch></g><rect x="718" y="264" width="290" height="155" fill="#000000" stroke="none" transform="translate(2,3)translate(863,0)scale(-1,1)translate(-863,0)" pointer-events="all" opacity="0.25"/><rect x="718" y="264" width="290" height="155" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(863,0)scale(-1,1)translate(-863,0)" 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: 288px; height: 1px; padding-top: 342px; margin-left: 719px;"><a href="extracao.html#blog"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="text-align: center ; font-size: 40px"><div><font color="#07013d">Extração de</font></div><div><font color="#07013d">Proteinas</font></div></div></div></div></a></div></foreignObject></switch></g><rect x="40" y="263.5" width="290" height="155" fill="#000000" stroke="none" transform="translate(2,3)translate(185,0)scale(-1,1)translate(-185,0)" pointer-events="all" opacity="0.25"/><rect x="40" y="263.5" width="290" height="155" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(185,0)scale(-1,1)translate(-185,0)" 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: 288px; height: 1px; padding-top: 341px; margin-left: 41px;"><a href="cadastro.html#blog"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="text-align: center ; font-size: 40px"><span style="color: rgb(7 , 1 , 61)">Cadastro de Experimento</span><br /></div></div></div></a></div></foreignObject></switch></g><rect x="2412.83" y="46.5" width="290" height="146.5" fill="#000000" stroke="none" transform="translate(2,3)translate(2557.83,0)scale(-1,1)translate(-2557.83,0)" pointer-events="all" opacity="0.25"/><rect x="2412.83" y="46.5" width="290" height="146.5" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(2557.83,0)scale(-1,1)translate(-2557.83,0)" 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: 288px; height: 1px; padding-top: 120px; margin-left: 2414px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="font-size: 40px"><span style="color: rgb(7 , 1 , 61)">Digestão</span><br /></div></div></div></div></foreignObject></switch></g><path d="M 2517.44 524.25 L 2598.22 524.25 C 2633.45 524.25 2662 551.11 2662 584.25 C 2662 617.39 2633.45 644.25 2598.22 644.25 L 2517.44 644.25 C 2482.21 644.25 2453.66 617.39 2453.66 584.25 C 2453.66 551.11 2482.21 524.25 2517.44 524.25 Z" fill="#000000" stroke="none" transform="translate(2,3)translate(2557.83,0)scale(-1,1)translate(-2557.83,0)" pointer-events="all" opacity="0.25"/><path d="M 2517.44 524.25 L 2598.22 524.25 C 2633.45 524.25 2662 551.11 2662 584.25 C 2662 617.39 2633.45 644.25 2598.22 644.25 L 2517.44 644.25 C 2482.21 644.25 2453.66 617.39 2453.66 584.25 C 2453.66 551.11 2482.21 524.25 2517.44 524.25 Z" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(2557.83,0)scale(-1,1)translate(-2557.83,0)" 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: 206px; height: 1px; padding-top: 584px; margin-left: 2455px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font style="font-size: 40px" color="#07013d">Fim</font></div></div></div></foreignObject></switch></g><ellipse cx="185" cy="121.5" rx="105.50000000000001" ry="75" fill="#000000" stroke="none" transform="translate(2,3)translate(185,0)scale(-1,1)translate(-185,0)" pointer-events="all" opacity="0.25"/><ellipse cx="185" cy="121.5" rx="105.50000000000001" ry="75" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(185,0)scale(-1,1)translate(-185,0)" 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: 209px; height: 1px; padding-top: 122px; margin-left: 81px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font style="font-size: 40px" color="#07013d">Início</font></div></div></div></foreignObject></switch></g><rect x="379" y="263.5" width="290" height="155" fill="#000000" stroke="none" transform="translate(2,3)translate(524,0)scale(-1,1)translate(-524,0)" pointer-events="all" opacity="0.25"/><rect x="379" y="263.5" width="290" height="155" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(524,0)scale(-1,1)translate(-524,0)" 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: 288px; height: 1px; padding-top: 341px; margin-left: 380px;"><a href="obtencao.html#blog"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="text-align: center ; font-size: 40px"><span style="font-size: 40px"><font style="font-size: 40px" color="#07013d"><span style="font-size: 40px">Obtenção do Material Fonte de Proteinas</span></font></span></div></div></div></a></div></foreignObject></switch></g><rect x="718" y="43" width="290" height="150" fill="#000000" stroke="none" transform="translate(2,3)translate(863,0)scale(-1,1)translate(-863,0)" pointer-events="all" opacity="0.25"/><rect x="718" y="43" width="290" height="150" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(863,0)scale(-1,1)translate(-863,0)" 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: 288px; height: 1px; padding-top: 118px; margin-left: 719px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="font-size: 40px"><span style="font-size: 40px"><font style="font-size: 40px" color="#07013d"><span style="font-size: 40px">Fracionamento da Amostra</span></font></span></div></div></div></div></foreignObject></switch></g><path d="M 330 341 L 367.03 341" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 374.53 341 L 364.53 346 L 367.03 341 L 364.53 336 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 669 341 L 693.5 341 L 706.03 341.26" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 713.53 341.41 L 703.43 346.2 L 706.03 341.26 L 703.63 336.21 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 185 196.5 L 185 251.53" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 185 259.03 L 180 249.03 L 185 251.53 L 190 249.03 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 1008 341.5 L 1032.5 341.5 L 1045.03 341.24" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1052.53 341.09 L 1042.63 346.29 L 1045.03 341.24 L 1042.43 336.3 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 2024.83 119.8 L 2032 119.8 L 2061.86 119.8" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2069.36 119.8 L 2059.36 124.8 L 2061.86 119.8 L 2059.36 114.8 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 1541 263.5 L 1541 228.3 L 1540.87 204.97" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1540.83 197.47 L 1545.88 207.44 L 1540.87 204.97 L 1535.88 207.5 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 2557.8 193 L 2557.8 224.3 L 1879 224.3 L 1879 251.53" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1879 259.03 L 1874 249.03 L 1879 251.53 L 1884 249.03 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 2557.8 418.5 L 2557.8 471.4 L 2557.88 512.28" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2557.89 519.78 L 2552.87 509.79 L 2557.88 512.28 L 2562.87 509.77 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 862 274.75 L 862 200.72" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 862 193.22 L 867 203.22 L 862 200.72 L 857 203.22 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 1686 341 L 1723.03 341" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1730.53 341 L 1720.53 346 L 1723.03 341 L 1720.53 336 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 2025 341 L 2062.03 341" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2069.53 341 L 2059.53 346 L 2062.03 341 L 2059.53 336 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="30" cy="272.25" rx="30" ry="30" fill="#335eb5" stroke="#e6e6e6" 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: 58px; height: 1px; padding-top: 272px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 49px; font-family: Tahoma; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><font style="font-size: 49px">1</font></div></div></div></foreignObject></switch></g><rect x="718" y="492" width="290" height="147" fill="#000000" stroke="none" transform="translate(2,3)translate(863,0)scale(-1,1)translate(-863,0)" pointer-events="all" opacity="0.25"/><rect x="718" y="492" width="290" height="147" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(863,0)scale(-1,1)translate(-863,0)" 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: 288px; height: 1px; padding-top: 566px; margin-left: 719px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="font-size: 40px"><span style="font-size: 40px"><font style="font-size: 40px" color="#07013d"><span style="font-size: 40px">Dessalinização da Amostra</span></font></span></div></div></div></div></foreignObject></switch></g><path d="M 863 419 L 863 480.03" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 863 487.53 L 858 477.53 L 863 480.03 L 868 477.53 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 1347 341 L 1384.03 341" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1391.53 341 L 1381.53 346 L 1384.03 341 L 1381.53 336 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 2364 341 L 2400.86 341" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2408.36 341 L 2398.36 346 L 2400.86 341 L 2398.36 336 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 1008 118 L 1162 118 L 1162 251.53" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1162 259.03 L 1157 249.03 L 1162 251.53 L 1167 249.03 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><rect x="1734.83" y="46.5" width="290" height="146.5" fill="#000000" stroke="none" transform="translate(2,3)translate(1879.83,0)scale(-1,1)translate(-1879.83,0)" pointer-events="all" opacity="0.25"/><rect x="1734.83" y="46.5" width="290" height="146.5" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(1879.83,0)scale(-1,1)translate(-1879.83,0)" 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: 288px; height: 1px; padding-top: 120px; margin-left: 1736px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="font-size: 40px"><span style="font-size: 40px"><font style="font-size: 40px" color="#07013d"><span style="font-size: 40px">PAGE</span></font></span></div></div></div></div></foreignObject></switch></g><ellipse cx="371" cy="272.25" rx="30" ry="30" fill="#335eb5" stroke="#e6e6e6" 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: 58px; height: 1px; padding-top: 272px; margin-left: 342px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 49px; font-family: Tahoma; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><font style="font-size: 49px">2</font></div></div></div></foreignObject></switch></g><ellipse cx="713" cy="272.25" rx="30" ry="30" fill="#335eb5" stroke="#e6e6e6" 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: 58px; height: 1px; padding-top: 272px; margin-left: 684px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 49px; font-family: Tahoma; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><font style="font-size: 49px">3</font></div></div></div></foreignObject></switch></g><ellipse cx="1054" cy="272.25" rx="30" ry="30" fill="#335eb5" stroke="#e6e6e6" 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: 58px; height: 1px; padding-top: 272px; margin-left: 1025px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 49px; font-family: Tahoma; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><font style="font-size: 49px">4</font></div></div></div></foreignObject></switch></g><ellipse cx="1396" cy="272.25" rx="30" ry="30" fill="#335eb5" stroke="#e6e6e6" 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: 58px; height: 1px; padding-top: 272px; margin-left: 1367px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 49px; font-family: Tahoma; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><font style="font-size: 49px">5</font></div></div></div></foreignObject></switch></g><ellipse cx="1737" cy="272.25" rx="30" ry="30" fill="#335eb5" stroke="#e6e6e6" 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: 58px; height: 1px; padding-top: 272px; margin-left: 1708px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 49px; font-family: Tahoma; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><font style="font-size: 49px"><span style="color: rgba(0 , 0 , 0 , 0) ; font-size: 0px ; font-weight: 400">%3CmxGraphModel%3E%3Croot%3E%3CmxCell%20id%3D%220%22%2F%3E%3CmxCell%20id%3D%221%22%20parent%3D%220%22%2F%3E%3CmxCell%20id%3D%222%22%20value%3D%22%26lt%3Bfont%20style%3D%26quot%3Bfont-size%3A%2049px%26quot%3B%26gt%3B5%26lt%3B%2Ffont%26gt%3B%22%20style%3D%22ellipse%3BwhiteSpace%3Dwrap%3Bhtml%3D1%3Bshadow%3D0%3BfontFamily%3DTahoma%3BfontSize%3D49%3Bsketch%3D0%3BstrokeColor%3D%23E6E6E6%3BfontColor%3D%23FFFFFF%3BfontStyle%3D1%3BfillColor%3D%23335EB5%3Bhorizontal%3D1%3B%22%20vertex%3D%221%22%20parent%3D%221%22%3E%3CmxGeometry%20x%3D%22-6050%22%20y%3D%22706.5%22%20width%3D%2260%22%20height%3D%2260%22%20as%3D%22geometry%22%2F%3E%3C%2FmxCell%3E%3C%2Froot%3E%3C%2FmxGraphModel%3E</span>6</font></div></div></div></foreignObject></switch></g><ellipse cx="2079" cy="272.25" rx="30" ry="30" fill="#335eb5" stroke="#e6e6e6" 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: 58px; height: 1px; padding-top: 272px; margin-left: 2050px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 49px; font-family: Tahoma; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">7</div></div></div></foreignObject></switch></g><ellipse cx="2420" cy="272.25" rx="30" ry="30" fill="#335eb5" stroke="#e6e6e6" 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: 58px; height: 1px; padding-top: 272px; margin-left: 2391px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 49px; font-family: Tahoma; color: #FFFFFF; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><font style="font-size: 49px">8</font></div></div></div></foreignObject></switch></g><rect x="1395.83" y="46.5" width="290" height="146.5" fill="#000000" stroke="none" transform="translate(2,3)translate(1540.83,0)scale(-1,1)translate(-1540.83,0)" pointer-events="all" opacity="0.25"/><rect x="1395.83" y="46.5" width="290" height="146.5" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(1540.83,0)scale(-1,1)translate(-1540.83,0)" 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: 288px; height: 1px; padding-top: 120px; margin-left: 1397px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="font-size: 40px"><span style="color: rgb(7 , 1 , 61)">Focalização Isoelétric</span><span style="color: rgb(7 , 1 , 61)">a</span><br /></div></div></div></div></foreignObject></switch></g><rect x="2073.83" y="46.5" width="290" height="146.5" fill="#000000" stroke="none" transform="translate(2,3)translate(2218.83,0)scale(-1,1)translate(-2218.83,0)" pointer-events="all" opacity="0.25"/><rect x="2073.83" y="46.5" width="290" height="146.5" fill="url(#mx-gradient-eaf9f9-1-ffffff-1-s-0)" stroke="none" transform="translate(2218.83,0)scale(-1,1)translate(-2218.83,0)" 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: 288px; height: 1px; padding-top: 120px; margin-left: 2075px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 40px; font-family: Tahoma; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div style="font-size: 40px"><span style="color: rgb(7 , 1 , 61)">Análise de Imagens</span><br /></div></div></div></div></foreignObject></switch></g><path d="M 2363.83 119.75 L 2388.3 119.8 L 2400.86 119.8" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2408.36 119.8 L 2398.36 124.8 L 2400.86 119.8 L 2398.36 114.8 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 1685.83 119.75 L 1722.86 119.75" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1730.36 119.75 L 1720.36 124.75 L 1722.86 119.75 L 1720.36 114.75 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 1242 263.5 L 1242 119.8 L 1383.86 119.75" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1391.36 119.75 L 1381.36 124.75 L 1383.86 119.75 L 1381.36 114.75 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 1735 373 L 1697.97 373" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1690.47 373 L 1700.47 368 L 1697.97 373 L 1700.47 378 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 1734.83 146.75 L 1697.8 146.75" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1690.3 146.75 L 1700.3 141.75 L 1697.8 146.75 L 1700.3 151.75 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 1008 565.5 L 1202 565.5 L 1202 430.47" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1202 422.97 L 1207 432.97 L 1202 430.47 L 1197 432.97 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 1242 264 L 1242 9 L 2557.8 9 L 2557.82 34.53" fill="none" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 2557.83 42.03 L 2552.82 32.03 L 2557.82 34.53 L 2562.82 32.02 Z" fill="#808080" stroke="#808080" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/></g></svg>
</section>
<section id="blog" class="content-section">
<div class="section-heading">
<h1><em>Atividades</em><br>do Guia</h1>
<p>O Guia Interativo do FluxPRT segue o Fluxo de Trabalho em Proteômica.
<br>Pode acessar a versão <a href="https://drive.google.com/file/d/1M-4k3ut8RCvDMIrDSNu7jGOd9f2TWgnW/view?usp=sharing" target="_blank">e-book</a>.</p>
</div>
<div class="section-content">
<div class="tabs-content">
<div class="wrapper">
<ul class="tabs clearfix" data-tabgroup="first-tab-group">
<li><a href="#tab1" class="active">Cadastro</a></li>
<li><a href="#tab2">Obtenção</a></li>
<li><a href="#tab3">Extração</a></li>
<li><a href="#tab4">Quantificação</a></li>
<li><a href="#tab5">Cromatografia</a></li>
<li><a href="#tab6">Espectrometria</a></li>
<li><a href="#tab7">Dados</a></li>
<li><a href="#tab8">Identificação</a></li>
</ul>
<section id="first-tab-group" class="tabgroup">
<div id="tab1">
<ul>
<!-- Cadastro -->
<li>
<div class="item">
<img src="img/1cadastro.jpg" alt="Cientista lendo um informe no laboratório">
<div class="text-content">
<h4>Objetivo do Experimento</h4>
<span>Fatores a considerar</span>
<p>Tanto sua pergunta biológica como seu objetivo precisam ser claramente definidos. Para isso pode tomar em conta os seguintes fatores: Qual quantidade preciso de proteína? Preciso conservar a atividade biológica...</p>
<div data-message="Clique aqui para ir a seção de Cadastro de Experimento do Guia" tabindex="0" class="accent-button button">
<a href="cadastro.html">Continuar Lendo</a>
</div>
</div>
</div>
</li>
<!-- //Cadastro -->
</ul>
</div>
<div id="tab2">
<ul>
<!-- Obtenção -->
<li>
<div class="item">
<img src="img/2obtencao.jpg" alt="Duas placas de vidro com cultivo de bactérias">
<div class="text-content">
<h4>Protocolo de Obtenção</h4>
<span>Obtenção dos Tecidos</span>
<p>A obtenção do material fonte de proteínas é uma etapa opcional, dependendo de nosso tipo de fonte (animal, vegetal, fungo ou bactéria) e das estratégias escolhidas. Neste capitulo vamos mencionar as mais...</p>
<div data-message="Clique aqui para ir a seção de Obtenção do Guia" tabindex="0" class="accent-button button">
<a href="obtencao.html">Continuar Lendo</a>
</div>
</div>
</div>
</li>
<!-- //Obtenção -->
</ul>
</div>
<div id="tab3">
<ul>
<!-- Extração -->
<li>
<div class="item">
<img src="img/3extracao.jpg" alt="Um cientista pegando uma micropipeta com a mão direita enquanto descarga o líquido da micropipeta num tubinho localizado na mão esquerda do cientista">
<div class="text-content">
<h4>Protocolo da Extração</h4>
<span>Estratégias de Extração</span>
<p>A Extração de Proteínas é uma etapa essencial para a purificação de proteínas, assim como no capítulo anterior, podemos adotar diferentes estratégias de extração de acordo a nossa fonte de proteínas...</p>
<div data-message="Clique aqui para ir a seção de Extração do Guia" tabindex="0" class="accent-button button">
<a href="extracao.html">Continuar Lendo</a>
</div>
</div>
</div>
</li>
<!-- //Extração -->
</ul>
</div>
<div id="tab4">
<ul>
<!-- Quantificação -->
<li>
<div class="item">
<img src="img/4quantificacao.jpg" alt="Um conjunto de tubinhos com líquido azul de diferentes tonalidades, isto se refere a têcnica de Bradford para quantificar proteínas">
<div class="text-content">
<h4>Quantificação de Proteínas Totais</h4>
<span>Têcnicas Principais</span>
<p>Para realizar a quantificação de proteínas existem a técnica de Bradford, de Lowry, do biureto, do BCA, nanoporo, entre outros. Para escolher uma desta técnicas temos que tomar em conta o volume da amostra, a...</p>
<div data-message="Clique aqui para ir a seção de Quantificação do Guia" tabindex="0" class="accent-button button">
<a href="quantificacao.html">Continuar Lendo</a>
</div>
</div>
</div>
</li>
<!-- //Quantificação -->
</ul>
</div>
<div id="tab5">
<ul>
<!-- Cromatografia -->
<li>
<div class="item">
<img src="img/5cromatografia.jpg" alt="Três fitas de papel usadas para cromatografia">
<div class="text-content">
<h4>Tipos de Cromatografia</h4>
<span>De acordo ao mecanismo</span>
<p>A cromatografia é um processo que se baseia na migração dos compostos de uma mistura, os quais apresentam diferentes interações através de duas fases, uma fixa em interação com o soluto (fase estacionária...</p>
<div data-message="Clique aqui para ir a primeira seção de Cromatografía do Guia" tabindex="0" class="accent-button button">
<a href="cromatografia.html">Continuar Lendo</a>
</div>
</div>
</div>
</li>
<li>
<div class="item">
<img src="img/5cromatografia2.jpg" alt="Um cromatógrafo e o gráfico da Taxa de vazão superposto">
<div class="text-content">
<h4>Quociente ou Taxa de vazão</h4>
<span>Efeitos da Taxa de vazão</span>
<p>Este é o volume da fase móvel que passa pela coluna em tempo unitário, a vazão (<em>F</em>, de <em>flow rate</em>) é medida na saída da coluna, a pressão (<em>p<sub>a</sub></em>) e temperatura ambiente (<em>T<sub>a</sub></em>, em Kelvin). Para obter a vazão da fase móvel...</p>
<div data-message="Clique aqui para ir a segunda seção de Cromatografía do Guia" tabindex="0" class="accent-button button">
<a href="cromatografia.html">Continuar Lendo</a>
</div>
</div>
</div>
</li>
<!-- //Cromatografia -->
</ul>
</div>
<div id="tab6">
<ul>
<!-- Espectrometria -->
<li>
<div class="item">
<img src="img/6espectrometria.jpg" alt="Um espectrómetro de Massas e um gráfico com os picos que representam os peptídeos encontrados">
<div class="text-content">
<h4>Modo de trabalho dos Íons</h4>
<span>De acordo ao mecanismo</span>
<p>Para saber sobre o modo de trabalho dos íons, temos que saber que a espectrometria de massas (MS) consiste na pesagem de íons na fase gasosa, sendo este como uma balança sofisticada que determina com...</p>
<div data-message="Clique aqui para ir a segunda seção de Espectrometría do Guia" tabindex="0" class="accent-button button">
<a href="espectrometria.html">Continuar Lendo</a>
</div>
</div>
</div>
</li>
<!-- //Espectrometria -->
</ul>
</div>
<div id="tab7">
<ul>
<!-- Banco de Dados -->
<li>
<div class="item">
<img src="img/7database.jpg" alt="Cientista observando no computador um programa para pesquisa em Banco de Dados de Proteínas">
<div class="text-content">
<h4>Limite de sinal para ruído de fundo</h4>
<span>Importância e Utilidade</span>
<p>O limite de sinal para ruído de fundo ilustra a relação entre o sinal do analito (matriz com o analito) e o ruído medido em um espaço em branco. A importância deste parâmetro se baseia na compreensão dos limites...</p>
<div data-message="Clique aqui para ir a seção de Banco de Dados do Guia" tabindex="0" class="accent-button button">
<a href="banco-de-dados.html">Continuar Lendo</a>
</div>
</div>
</div>
</li>
<!-- //Banco de Dados -->
</ul>
</div>
<div id="tab8">
<ul>
<!-- Identificação -->
<li>
<div class="item">
<img src="img/8identificacao.jpg" alt="Relação entre o número de peptídeos identificados por espectrometría de massas e a probabilidade de erro de identificação destes, enquanto maior o número destes, menor a probabilidade de erro">
<div class="text-content">
<h4>Probabilidade de erro posterior</h4>
<span>Conceito e Aplicabilidade</span>
<p>Na a identificação de peptídeos, proteínas e sites de Modificações Pós-Traducionais (PTM) se usa o conceito de Probabilidade de erro posterior (posterior error probability, PEP) para integrar as múltiplas proprieda...</p>
<div data-message="Clique aqui para ir a seção de Identificação do Guia" tabindex="0" class="accent-button button">
<a href="identificacao.html">Continuar Lendo</a>
</div>
</div>
</div>
</li>
<!-- //Identificação -->
</ul>
</div>
</section>
</div>
</div>
</div>
</section>
<section id="contact" class="content-section">
<div id="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3752.2991074352008!2d-43.96684168578763!3d-19.86958798663761!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xa690f4828e47dd%3A0x1602aa04e56222f1!2sDepartamento%20de%20Ci%C3%AAncia%20da%20Computa%C3%A7%C3%A3o%20-%20ICEx%20-%20UFMG!5e0!3m2!1ses!2sbr!4v1621613776792!5m2!1ses!2sbr" width="100%" height="400px" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div id="contact-content">
<div class="section-heading">
<h1><em>Fale</em><br>Conosco</h1>
<p>Não hesite em entrar em contato conosco por meio deste formulário.
<br>Muito obrigado pela sua preferência.</p>
</div>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdjitDWoXCnWfekrYvztCzZNAsc8svRzV0A5y-YUl6oxvybnw/viewform?embedded=true" width="700" height="320" frameborder="0" marginheight="0" marginwidth="0">Carregando…</iframe>
</div>
</section>
<section class="footer">
<p>Copyright © 2021 <b>Laboratório de Universalização de Acesso </b>. Desenho: TemplateMo. Licença AGPL-3.0. </p>
</section>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script>
// Ocultar Cabeçalho e descer a tela
var didScroll;
var lastScrollTop = 0;
var delta = 5;
var navbarHeight = $('header').outerHeight();
$(window).scroll(function(event){
didScroll = true;
});
setInterval(function() {
if (didScroll) {
hasScrolled();
didScroll = false;
}
}, 250);
function hasScrolled() {
var st = $(this).scrollTop();
// Make sure they scroll more than delta
if(Math.abs(lastScrollTop - st) <= delta)
return;
// If they scrolled down and are past the navbar, add class .nav-up.
// This is necessary so you never see what is "behind" the navbar.
if (st > lastScrollTop && st > navbarHeight){
// Scroll Down
$('header').removeClass('nav-down').addClass('nav-up');
} else {
// Scroll Up
if(st + $(window).height() < $(document).height()) {
$('header').removeClass('nav-up').addClass('nav-down');
}
}
lastScrollTop = st;
}
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
</body>
</html>