-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (115 loc) · 6.37 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfólio Victor Schiavoni</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<header id="navbar">
<nav>
<ul>
<li><a href="#welcome-section">Início</a></li>
<li><a href="#projects">Projetos</a></li>
<li class="social-icons">
<a href="https://www.instagram.com/oi.vitiinn/" target="_blank" aria-label="Instagram">
<img src="https://img.freepik.com/vetores-premium/icone-de-logotipo-de-vetor-do-instagram-logotipo-de-midia-social-preto-e-branco_901408-391.jpg" alt="Instagram">
</a>
<a id="profile-link" href="https://github.com/Viitin860" target="_blank" aria-label="GitHub">
<img src="https://play-lh.googleusercontent.com/PCpXdqvUWfCW1mXhH1Y_98yBpgsWxuTSTofy3NGMo9yBTATDyzVkqU580bfSln50bFU" alt="GitHub">
</a>
<a href="https://www.linkedin.com/in/victor-oliveira-24420b293/" target="_blank" aria-label="LinkedIn">
<img src="https://cdn1.iconfinder.com/data/icons/simple-icons/512/linkedin-512-black.png" alt="LinkedIn">
</a>
</li>
</ul>
</nav>
</header>
<section id="welcome-section">
<div class="welcome-container">
<h1>Bem-vindo ao Meu Portfólio!</h1>
<p>Este é o portfólio de Victor Schiavoni, onde você pode conhecer um pouco mais sobre mim.</p>
<p>E explorar alguns dos projetos em que desenvolvi com as técnicas de Marcação e Layout para Web. Espero que você goste!</p>
<img src="https://static.thenounproject.com/png/579747-200.png" alt="Foto" class="profile-picture">
</div>
</section>
<section id="about">
<div class="about-container">
<div class="about-item">
<img src="https://images.squarespace-cdn.com/content/v1/6048e1e3156d3f059791beae/4d3aabd8-21f6-4864-b70a-3826c853a541/shutterstock_329205053-scaled-3.jpg" alt="Sobre Mim" class="about-image">
<p>Sobre mim: Atualmente, trabalho como Auxiliar de Informática, onde tenho a oportunidade de lidar com uma variedade de desafios técnicos e oferecer suporte de qualidade. Além das minhas funções atuais, estou aprofundando meus conhecimentos em Marcação e Layout para Web. Tenho dedicado tempo ao estudo e à prática dessas técnicas, desenvolvendo projetos próprios que visam aprimorar minhas habilidades e expandir meu conhecimento, sem vínculo com empresas.</p>
</div>
<div class="about-item">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSaBJtzUtaJcjOx2U_gEIyRTmuGeXN-BqKoKQ&s" alt="Minha Formação" class="about-image">
<p>Minha formação: Desde a conclusão do ensino médio, desenvolvi um profundo interesse na área de informática. Para aprimorar meus conhecimentos e habilidades, iniciei um curso técnico em Manutenção e Suporte de Informática, seguido pelo curso superior de Tecnologia em Sistemas para Internet (Estou cursando atualmente). Ambos os cursos foram realizados na instituição IFSP - São João da Boa Vista, que proporciona uma base sólida e abrangente em minhas áreas de estudo.</p>
</div>
</div>
</section>
<section id="projects">
<h2>Meus Projetos</h2>
<div class="project-grid">
<div class="project-tile">
<a href="https://viitin860.github.io/Exercicios/1°_Tributo/" target="_blank">
<img src="./Imagens/img0.png" alt="Miniatura do Projeto 1" class="project-thumbnail">
</a>
<a href="https://github.com/Viitin860/Exercicios/tree/main/1°_Tributo" class="view-github" target="_blank">Visualizar no GitHub</a>
<h3>Página de tributo 1</h3>
<p>Página de um tributo para dia das mulheres, utilizando apenas HTML.</p>
</div>
<div class="project-tile">
<a href="https://viitin860.github.io/Exercicios/Formulario_Pesquisa/" target="_blank">
<img src="./Imagens/img1.jpg" alt="Miniatura do Projeto 2" class="project-thumbnail">
</a>
<a href="https://github.com/Viitin860/Exercicios/tree/main/Formulario_Pesquisa" class="view-github" target="_blank">Visualizar no GitHub</a>
<h3>Formulário de pesquisa</h3>
<p>Exercício 1: Criando um formulário de pesquisa.</p>
</div>
<div class="project-tile">
<a href="https://viitin860.github.io/Exercicios/2°_Tributo/" target="_blank">
<img src="./Imagens/img2.png" alt="Miniatura do Projeto 3" class="project-thumbnail">
</a>
<a href="https://github.com/Viitin860/Exercicios/tree/main/2°_Tributo" class="view-github" target="_blank">Visualizar no GitHub</a>
<h3>Página de tributo 2</h3>
<p>Exercício 2: Página de um tributo para dia das mulheres, aperfeiçoando HTML e CSS.</p>
</div>
</div>
<div class="project-grid">
<div class="project-tile">
<a href="https://viitin860.github.io/Exercicios/Documentação_Tecnica/" target="_blank">
<img src="./Imagens/img3.png" alt="Miniatura do Projeto 4" class="project-thumbnail">
</a>
<a href="https://github.com/Viitin860/Exercicios/tree/main/Documentação_Tecnica" class="view-github" target="_blank">Visualizar no GitHub</a>
<h3>Página de documentação técnica</h3>
<p>Exercício 3: Aperfeiçoando a ferramenta de navegação.</p>
</div>
<div class="project-tile">
<a href="https://viitin860.github.io/Exercicios/Pagina_Inicial_Produto/" target="_blank">
<img src="./Imagens/img4.png" alt="Miniatura do Projeto 5" class="project-thumbnail">
</a>
<a href="https://github.com/Viitin860/Exercicios/tree/main/Pagina_Inicial_Produto" class="view-github" target="_blank">Visualizar no GitHub</a>
<h3>Página inicial para um produto</h3>
<p>Exercício 4: Pagina inicial de um produto utilizando ferramenta de navegação.</p>
</div>
</div>
</section>
<section id="feedback">
<h2>Feedback</h2>
<form>
<fieldset>
<legend>Envie opiniões, considerações, comentários... </legend>
<label for="name">Nome:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="message">Mensagem:</label>
<textarea id="message" name="message" rows="4" required></textarea>
<button type="submit">Enviar</button>
</fieldset>
</form>
</section>
<footer>
<p>© 2024 Meu Portfólio. Todos os direitos reservados.</p>
</footer>
</body>
</html>