-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathLincoln.html
177 lines (172 loc) · 8.39 KB
/
Lincoln.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lincoln</title>
<link rel="stylesheet" href="CSS/styles.css">
</head>
<body class="animar-gradiente">
<audio src="Midias/Undertale - Gaster's Theme (Lincoln).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>Lincoln</h1>
<section id="section-apresentacao">
<h2>Sobre mim</h2>
<div id="texto-apresentacao">
<img class="imgArthur1 img-apresentacao" src="Midias/img Anime.jpg" alt="Itou junji uzumaki">
<p>
Sou um desenvolvedor apaixonado por criar soluções inovadoras através da programação.
<br>
Com 6 anos de experiência, tenho trabalhado em diversos projetos, desde
ferramentas de utilidade até websites.
<br>
</p>
<img class="imgArthur2 img-apresentacao" src="Midias/img Lincu.jpg" alt="">
<p>
Minha jornada na programação começou com Java e, desde então,
tenho me dedicado a aprimorar minhas habilidades em diversas tecnologias,
como C, HTML, CSS, JavaScript e Google Apps Script (Sheets).
<br>
Acredito que a programação é uma arte e uma ciência, e busco sempre me desafiar a aprender
novas ferramentas e técnicas.
<br>
</p>
<!-- Uma foto de sua preferência -->
<p>
Além da paixão pela programação, sou um ávido entusiasta da música,
especialmente dos gêneros death metal progressivo e metalcore.
<br>
<br>
A complexidade e a diversidade desses estilos musicais me inspiram
a buscar soluções criativas e inovadoras em meus projetos de programação.
<br>
<br>
A música me proporciona uma trilha sonora para a codificação, alimentando minha
imaginação e me permitindo explorar novas perspectivas.
<br>
<br>
</p>
<p>
Sempre fui fascinado pela criação de mundos. O desenho me permitiu explorar a
visualidade, a música me proporcionou a atmosfera e a programação me deu
as ferramentas para transformar essas visões em realidade.
<br>
<br>
A paixão pelo
game development surgiu naturalmente dessa confluência de interesses,
oferecendo um canvas infinito para expressar minha criatividade e minhas
habilidades técnicas.
<br>
<br>
</p>
<img class="imgArthur3 img-apresentacao" src="Midias/Gato Olhador.jpg" alt="">
</div>
</section>
<section id="section-video">
<h2>Meu vídeo favorito</h2>
<iframe src="https://www.youtube.com/embed/pQzTBdeUNlU?si=2XL7b2TF2z0CXZ99" 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>8/10</td>
<td>Ele entendo dos erro</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>9/10</td>
<td>Passa tempo é brincar com CSS</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>7/10</td>
<td>Me viro</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,5/10</td>
<td>Rei da programação em C</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,9/10</td>
<td>Nunca viu antes mas me viro muito bem</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>