-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
199 lines (180 loc) · 7.28 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./public/css/index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link rel="shortcut icon" href="./public/img/favicon.ico" type="image/x-icon">
<title>Portfólio</title>
</head>
<body>
<header>
<nav>
<ul>
<li>
<h1>Portfólio</h1>
</li>
</ul>
<ul>
<li><a href='#atividades'>Atividades</a></li>
<li><a href='#criador'>Sobre</a></li>
<li><a href='#contato'>Contato</a></li>
</ul>
</nav>
</header>
<div class="parallax"></div>
<main id="atividades" class="activities-list">
<div class="activity">
<h2>Projeto - Organização</h2>
<img src="./public/img/tec1.png" alt="ilustração">
<p>Documento contendo tipos de usuários, proposta de valor, público alvo e requisitos de um sistema de
voluntários</p>
<button
onclick="window.open(`https://docs.google.com/document/d/1RFRvm8-j4b4d4mlzGbAMS1GIlFoL2hdz5D7oD4FU9wM/edit?usp=sharing`, '_blank');">Ver
Atividade</button>
</div>
<div class="activity">
<h2>Manutenção de Software</h2>
<img src="./public/img/tec2.png" alt="ilustração">
<p>Simulamos uma manutenção de software, com um documento e imagens explicando o problema, o processo e a
resolução</p>
<button
onclick="window.open(`https://docs.google.com/document/d/1KFrRb3GYvvaY7s5gKJGjEUhl2P3P8Q36PFmTnmLf2Po/edit?usp=sharing`, '_blank');">Ver
Atividade</button>
</div>
<div class="activity">
<h2>Apresentação - SA</h2>
<img src="./public/img/tec4.png" alt="ilustração">
<p>Apresentação da SA <b>(Compasio)</b>, contendo a ideia, requisitos funcionais, regras de negócio, tabela
comparativa e protótipos de baixa fidelidade</p>
<button onclick="tec4()">Ver Atividade</button>
<script>
function tec4() {
var x = document.createElement('a');
x.href = './public/utils/apresentacaoSA.pdf';
x.download = 'apresentacaoSA.pdf';
x.click();
x.remove();
}
</script>
</div>
<div class="activity">
<h2>APIs</h2>
<img src="./public/img/tec5.png" alt="ilustração">
<p>Repositório com consumidores de diversas APIs</p>
<button onclick="window.open(`https://github.com/ApenasoVini/API-Consumers`, '_blank');">Ver
Atividade</button>
</div>
<div class="activity">
<h2>Apps</h2>
<img src="./public/img/tec6.png" alt="ilustração">
<p>Repositório com aplicativos criados com React Native</p>
<button onclick="window.open(`https://github.com/ApenasoVini/React-Native`, '_blank');">Ver
Atividade</button>
</div>
<div class="activity">
<h2>Modelagem - NFs</h2>
<img src="./public/img/tec8.png" alt="ilustração">
<p>Modelagem feita com Draw.io</p>
<button
onclick="window.open(`https://drive.google.com/file/d/1iDal1HSN8M6wm0ZG28dwTYe9bPwg5ZOc/view?usp=sharing`, '_blank');">Ver
Atividade</button>
</div>
<div class="activity">
<h2>Sonar</h2>
<img src="./public/img/tec9.png" alt="ilustração">
<p>Aplicativo de músicas utilizando React Native</p>
<button
onclick="window.open(`https://github.com/ApenasoVini/Sonar`, '_blank');">Ver
Atividade</button>
</div>
<div class="activity">
<h2>Compasio</h2>
<img src="./public/img/tec10.png" alt="ilustração">
<p>Site criado para facilitar a comunicação entre voluntários e ONGs</p>
<button
onclick="window.open(`https://github.com/Compasio`, '_blank');">Ver
Atividade</button>
</div>
<div class="activity">
<h2>SA - DB</h2>
<img src="./public/img/tec11.png" alt="ilustração">
<p>Situação de Aprendizagem da disciplina</p>
<button onclick="tec2()">Ver Atividade</button>
<script>
function tec2() {
var x = document.createElement('a');
x.href = './public/utils/loja.sql';
x.download = 'loja.sql';
x.click();
x.remove();
}
</script>
</div>
</main>
<section id="criador">
<div class="content">
<div class="presentation">
<img src="./public/img/perfil.jpeg" alt="vini">
<span>
<h2>Vinícius Soares França</h2>
<p>Criador</p>
</span>
</div>
<div class="skills">
<img src="./public/img/vuejs.svg" />
<img src="./public/img/react.svg" />
<img src="./public/img/tailwindcss.svg" />
<img src="./public/img/sass.svg" />
</div>
<div class="goals">
<div>
<h2>Metas</h2>
<p>Aprender mais tecnologias de design</p>
<p>Aprender tecnologias de backend</p>
<p>Adquirir conhecimento prático</p>
</div>
<div>
<h2>Objetivos</h2>
<p>Me tornar um Dev pleno</p>
<p>Me garantir profissionalmente</p>
<p>Contribuir para a construção de Softwares</p>
</div>
</div>
</div>
</section>
<footer id="contato">
<div class="brand">
<img src="./public/img/icon.svg" alt="logo">
<div>
<p>
<i>"Se você quer ser bem sucedido, precisa ter dedicação total, buscar seu último limite e dar o
melhor de si."</i>
</p>
<p>Ayrton Senna</p>
</div>
</div>
<div class="socials">
<div>
<h2>Contato</h2>
<a href="mailto:[email protected]">
</a>
</div>
<div>
<h2>Redes Sociais</h2>
<span>
<a href="https://github.com/ApenasoVini">
<i class="fa-brands fa-github"></i>
</a>
<a href="https://www.linkedin.com/in/apenasovini/">
<i class="fa-brands fa-linkedin"></i>
</a>
</span>
</div>
</div>
<p class="copy">© Portfólio 2024 | Todos os direitos reservados</p>
</footer>
</body>
</html>