-
Notifications
You must be signed in to change notification settings - Fork 3
/
Arthur.html
173 lines (168 loc) · 9.05 KB
/
Arthur.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arthur</title>
<link rel="stylesheet" href="CSS/styles.css">
</head>
<body class="animar-gradiente">
<audio src="Midias/ＬoＦi SAVE the World _ Undertale (Arthur).mp3" autoplay loop></audio> <!-- Audio da Pagina -->
<header>
<div id="nav-container">
<a id="nav-logo" href="index.html">
<img id="nav-logo" src="Midias/NewLogo.jpg" alt="logo">
</a>
<nav>
<ul id="nav-menu">
<li><a href="Arthur.html">Arthur</a></li>
<li><a href="Lincoln.html">Lincoln</a></li>
<li><a href="Rebeca.html">Rebeca</a></li>
<li><a href="Thiago.html">Thiago</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>
<main>
<h1>Arthur</h1>
<section id="section-apresentacao">
<h2>Sobre mim</h2>
<div id="texto-apresentacao">
<!-- Uma foto de sua preferência -->
<img class="imgArthur1 img-apresentacao" src="Midias/Arthur.jpeg" alt="">
<!-- Adicione texto aqui. Não se esqueça de usar o elemento <p> -->
<p>
Olá, eu sou o Arthur Padilha!
Sou um jovem desenvolvedor de 20 anos, apaixonado por tecnologia e com grande entusiasmo pela área de desenvolvimento de software. Atualmente, estou cursando o segundo período de Análise e Desenvolvimento de Sistemas e me dedicando a aprimorar minhas habilidades em programação.
</p>
<h3>Minhas habilidades técnicas incluem</h3>
<p>
Minhas habilidades técnicas incluem
Programação: Tenho sólida experiência em C e estou constantemente buscando novos desafios, como aprender C++ e C#.
Banco de dados: Possuo conhecimento básico a intermediário em MySQL, o que me permite trabalhar com o desenvolvimento de sistemas mais robustos e eficientes.
Desenvolvimento Web: Embora meu foco principal seja o backend, possuo conhecimentos básicos em desenvolvimento web, o que me permite ter uma visão mais completa
do processo de criação de aplicações.
</p>
<!-- Uma foto de sua preferência -->
<img class="imgArthur2 img-apresentacao" src="Midias/cavaGato.jpg" alt="">
<h3>Por que escolhi Backend?</h3>
<p>
Minha paixão pela lógica e pela resolução de problemas me conduziu à área de backend. Acredito que tenho um grande potencial para criar
sistemas escaláveis e eficientes, que atendam às necessidades dos usuários de forma eficaz.
</p>
<h3>Além da programação, meus interesses incluem:</h3>
<p>
Design: Gosto de explorar minha criatividade através do desenho.
<br>
Games: Sou um entusiasta de jogos e acompanho de perto lançamentos do genero de Terror.
<br>
Midias videograficas: Gosto muito de assistir diversos filmes e series em geral e na twitch acompanho especialmente o TOP 1 FROM BRAZIL.
</p>
<h3>O que me motiva?</h3>
<p>
Além de ser um GRANDE FÃ de não MORRE de FOME eu também busco constantemente novos desafios e oportunidades para aprender e crescer profissionalmente.
<br>
Acredito que a colaboração e o trabalho em equipe são fundamentais para o sucesso em qualquer projeto.
<br>
<br>
Se você está procurando um desenvolvedor backend dedicado e apaixonado, entre em contato!
<br>
Estou pronto para contribuir com meus conhecimentos e habilidades para o seu próximo projeto.
</p>
<!-- Uma foto de sua preferência -->
<img class="imgArthur3 img-apresentacao" src="Midias/Arthur_Gato_GameCraft.jpg" alt="">
</div>
</section>
<section id="section-video">
<h2>Meu vídeo favorito</h2>
<iframe width="1260" height="660" src="https://www.youtube.com/embed/mA555mCkSUE?si=mFGYvixXzzL8IsiS" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</section>
<section id="stats">
<h2>Meus stats</h2>
<!-- Os campos da tabela são apenas exemplos! Você pode escolher o tema que quiser! -->
<table>
<thead>
<th>Habilidade</th>
<th>Projetos</th>
<th>Nota final</th>
<th>Observações</th>
</thead>
<tbody>
<tr>
<td>Html</td>
<td>
<a href="Midias/gato.jpg" target="_blank">link para o primeiro projeto...</a><br>
<a href="Midias/gato.jpg" target="_blank">link para o segundo projeto...</a>
</td>
<td>6,8/10</td>
<td>Tropeça mas vai</td>
</tr>
<tr>
<td>CSS</td>
<td>
<a href="Midias/gato.jpg" target="_blank">link para o primeiro projeto...</a><br>
<a href="Midias/gato.jpg" target="_blank">link para o segundo projeto...</a>
</td>
<td>7,4/10</td>
<td>Entendo porém aprecio ajuda</td>
</tr>
<tr>
<td>Javascript</td>
<td>
<a href="Midias/gato.jpg" target="_blank">link para o primeiro projeto...</a><br>
<a href="Midias/gato.jpg" target="_blank">link para o segundo projeto...</a>
</td>
<td>5/10</td>
<td>Tudo q eu tento da errado T-T</td>
</tr>
<tr>
<td>C</td>
<td>
<a href="Midias/gato.jpg" target="_blank">link para o primeiro projeto...</a><br>
<a href="Midias/gato.jpg" target="_blank">link para o segundo projeto...</a>
</td>
<td>9/10</td>
<td>Meu habitat natural</td>
</tr>
<tr>
<td>MySQL (BD)</td>
<td>
<a href="Midias/gato.jpg" target="_blank">link para o primeiro projeto...</a><br>
<a href="Midias/gato.jpg" target="_blank">link para o segundo projeto...</a>
</td>
<td>8,6/10</td>
<td>Sei bem porém ainda consigo esquecer do basico :P</td>
</tr>
</tbody>
</table>
</section>
</main>
<footer>
<div id="footer-container">
<div id="footer-logo"></div>
<div id="footer-columns">
<div class="footer-column">
<h3>Instagram</h3>
<ul>
<li><a href="https://www.instagram.com/arty_padilha?igsh=MWU3bGRtc2J6cDI3Nw==">Arthur</a></li>
<li><a href="https://www.instagram.com/apenasolinco/?utm_source=ig_web_button_share_sheet">Lincoln</a></li>
<li><a href="https://www.instagram.com/rebeca_suzuki_moreira24?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==">Rebeca</a></li>
<li><a href="https://www.instagram.com/thiagoac.2002?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==">Thiago</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Whatsapp</h3>
<ul>
<li><a href="https://wa.me/+554197499339/?text=Ola Seus Tremboludos">Arthur</a></li>
<li><a href="https://wa.me/+554197913039/?text=Ola Seus Tremboludos">Lincoln</a></li>
<li><a href="https://wa.me/+554198197783/?text=Ola Seus Tremboludos">Rebeca</a></li>
<li><a href="https://wa.me/+554184181321/?text=Ola Seus Tremboludos">Thiago</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="js/scripts.js"></script>
</body>
</html>