-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
169 lines (151 loc) · 8.86 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&family=Dosis:wght@200&display=swap"
rel="stylesheet">
<title>Fran Pastori|Sobre mim</title>
</head>
<body>
<header>
<img class="cabecalho__elemento__foto" src="images/elemento1.png">
<img class="cabecalho__elemento__curva" src="images/elemento2.png">
<img class="cabecalho__elemento__circulo1" src="images/elemento3.png">
<img class="cabecalho__elemento__circulo2" src="images/elemento3.png">
<img class="cabecalho__elemento__triangulo" src="images/elemento4.png">
<nav>
<ul>
<li><a href="index.html">Sobre mim</a></li>
<li><a href="project.html">Meus projetos </a></li>
<li><a href="content.html">Conteúdo que Produzo</a></li>
<li><a href="robotic.html">Robótica </a></li>
</ul>
</nav>
</header>
<main>
<section class="sobremim">
<h2 class="titulo">Sobre mim</h2>
<div class="texto">
<p>Assessora pedagógica do Programa a União Faz a Vida (SICREDI) onde oriento os professores da Rede
Municipal e Particular de minha cidade na implementação da Aprendizagem Baseada em Projetos através
do método próprio do PUFV, em todas as etapas da Educação Básica ( Educação infantil, fundamental I,
Fundamental II
e Ensino Médio) com assessorias personalizadas e formações sobre o tema. Atualmente estou
gerenciando 87 projetos pedagógicos.
Professora de Robótica e Programação, trabalhando com plataformas visuais de ensino de programação,
MitAppInventor, Scratch. Scratch for Arduíno, LegoMinstrons, Makecode entre outros. Estou
me desenvolvendo em HTML5, CSS3 e JavaScript bem como práticas
pedagógicas para um ensino significativo de programação. Atuando como professora Formadora de
Programação EM para professores da rede estadual do Paraná.</p>
<p>Professora de Matemática, especialista em modelagem matemática, prezo por uma abordagem crítica dos
conceitos matemática através da interação conceito, aplicação e sociedade.</p>
<p> Professora de Física, com foco na aprendizagem Baseada em Problemas, busco trazer para meu aluno os
conceitos físicos como forma de interagir e transformar o mundo.</p>
</div>
</section>
<section class="temas">
<h2 class="titulo">Formação Acadêmica</h2>
<div class="formacao">
<h3 class="texto__principal">Licenciatura em Matemática</h3>
<p class="texto__secundario">Universidade Estadual do Norte do Paraná</p>
<p class="texto__simples">2008-2011</p>
<h3 class="texto__principal">Licenciatura em Física</h3>
<p class="texto__secundario">Universidade Metropolitana de Santos</p>
<p class="texto__simples">2012-2014</p>
<h3 class="texto__principal">Pós-graduação Latus Sensu | Ensino de Matemática</h3>
<p class="texto__secundario">Faculdades integradas do Vale do Ivaí</p>
<p class="texto__simples">2011-2012</p>
<h3 class="texto__principal">Pós-graduação Stricto Sensu | Ensino de Física</h3>
<p class="texto__secundario">Universidade Estadual do Norte do Paraná</p>
<p class="texto__simples">2019 - atualmente</p>
</div>
</section>
</section>
<section class="temas">
<h2 class="titulo">Experiência Profissional</h2>
<div class="formacao">
<h3 class="texto__principal">Assessora Pedagógica do Programa A União Faz a Vida</h3>
<p class="texto__secundario">Realizo o acompanhamento pedagógico e a formação de 185 professores, das
redes pública e privada da cidade de Arapoti.</p>
<p class="texto__simples">Janeiro de 2022-atualmente</p>
<h3 class="texto__principal">Secretaria Estadual do Estado do Paraná</h3>
<p class="texto__secundario">Ministro e planejo aulas nas compomentes de Matemática, Física e Pensamento
Computacional, além de ser professora formadora do Grupo de Estudos Formadores em Ação no tema
Programação Em.</p>
<p class="texto__simples">2009-atualmente</p>
<h3 class="texto__principal">Colégio SESI</h3>
<p class="texto__secundario">Ministrava aulas nas componentes de Matemática, Física e Oficinas
tecnológicas (Robótica Curricular).
Gerenciava a Equipe de Robótica para Competições e Feiras de inovação com treinos semanais.
</p>
<p class="texto__simples">Janeiro de 2016-Dezembro de 2020</p>
<h3 class="texto__principal">Colégio Mega</h3>
<p class="texto__secundario">Ministrava aulas nas compotentes de Física e Programação</p>
<p class="texto__simples"> Julho de 2017 - Janeiro de 2022</p>
</div>
</section>
<section class="temas">
<h2 class="titulo">Cursos Complementares</h2>
<div class="carrossel">
<!-- Slider main container -->
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<h3 class="swiper-titulo__curso">Nome do Curso</h3>
<img class="swiper-imagem__curso" src="###">
<p class="swiper-descricao__curso"> descrição do curso</p>
</div>
<div class="swiper-slide">
<h3 class="swiper-titulo__curso">Nome do Curso</h3>
<img class="swiper-imagem__curso" src="###">
<p class="swiper-descricao__curso"> descrição do curso</p>
</div>
<div class="swiper-slide">
<h3 class="swiper-titulo__curso">Nome do Curso</h3>
<img class="swiper-imagem__curso" src="###">
<p class="swiper-descricao__curso"> descrição do curso</p>
</div>
<div class="swiper-slide">
<h3 class="swiper-titulo__curso">Nome do Curso</h3>
<img class="swiper-imagem__curso" src="###">
<p class="swiper-descricao__curso"> descrição do curso</p>
</div>
<div class="swiper-slide">
<h3 class="swiper-titulo__curso">Nome do Curso</h3>
<img class="swiper-imagem__curso" src="###">
<p class="swiper-descricao__curso"> descrição do curso</p>
</div>
<div class="swiper-slide">
<h3 class="swiper-titulo__curso">Nome do Curso</h3>
<img class="swiper-imagem__curso" src="###">
<p class="swiper-descricao__curso"> descrição do curso</p>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<!-- If we need scrollbar -->
<div class="swiper-scrollbar"></div>
</div>
</div>
</section>
</main>
<footer>
</footer>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script>
const swiper = new Swiper('.swiper', {
spaceBetween: 30,
slidesPerView: 3,
});
</script>
</body>
</html>