-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (121 loc) · 7.64 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Lucas R. Marcondes | Home</title>
<link rel="shortcut icon" href="img/logo.png" type="image/x-icon">
<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=Lobster&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/cabecalho.css">
<link rel="stylesheet" href="css/rodape.css">
<link rel="stylesheet" href="css/sobreMim.css">
<link rel="stylesheet" href="css/projetos.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsivo.css">
<script src="https://kit.fontawesome.com/9a60141a67.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- CABEÇALHO -->
<header class="cabecalhoPrincipal">
<div class="container">
<h1 class="cabecalhoPrincipal__titulo">
<a class="cabecalhoPrincipal__link" href="#" title="Home">lucas r. marcondes</a>
</h1>
<nav class="menu" role="menu">
<div class="menu__botao">
<button id="btnMobileMenu" aria-haspopup="true" aria-controls="menu__lista" aria-expanded="false">
<i class="fas fa-bars"></i>
</button>
</div>
<div class="menu__container">
<ul class="menu__lista">
<li class="menu__item">
<a class="menu__link" href="index.html">home</a>
</li>
<li class="menu__item">
<a class="menu__link" id="linkSobreMim" href="#">sobre mim</a>
</li>
<li class="menu__item">
<a class="menu__link" href="curriculo.html">currículo</a>
</li>
<li class="menu__item">
<a class="menu__link" id="contatos" href="#contatos_ancora">contatos</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!-- SECTION SOBRE MIM -->
<section class="sobreMim visible">
<div class="fundoDesfocado"></div>
<div class="container">
<div class="sobreMim__botao">
<button class="sobreMim__btnFechar" id="sobreMim__btnFechar" aria-haspopup="true" aria-controls="sobreMim__cabecalho" title="Fechar">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="sobreMim__cabecalho" role="SectionSobreMim">
<article class="sobreMim__artigo">
<img class="sobreMim__avatar" src="img/lucas-avatar.jpg" alt="lucas-avatar" title="avatar">
<p class="sobreMim__paragrafo-destaque">Olá a todos,</p>
<p class="sobreMim__descricao">
Meu nome é <strong>Lucas Rodrigues Marcondes</strong>, tenho <span id="idade">20 anos</span> e desde cedo descobri minha paixão pela tecnologia. Minha jornada começou na infância, quando me envolvi com a área de TI através do <b><a href="https://ceappedreira.org.br/" target="_blank">CEAP (Centro Educacional Assistêncial Profissionalizante)</a></b>, uma Ong onde tive a oportunidade de explorar e aprender sobre diversas áreas da computação. Ao longo de seis anos, entre 2015 e 2020, realizei diversos cursos nessa instituição, culminando em um curso técnico de Informática nos últimos dois anos. Foi nesse período que tive meu primeiro contato efetivo com programação, o que solidificou minha decisão de seguir carreira na área de TI.
</p>
<p class="sobreMim__descricao">
Atualmente, estou cursando <b>Ciência da Computação</b> na <b><a href="https://www.unip.br/" target="_blank">Universidade Paulista (Unip)</a></b>, iniciando minha jornada acadêmica em 2022. Já no final do primeiro semestre, tive a oportunidade de ingressar no mercado de trabalho através do CEAP, onde fui contratado pela Sinqia, uma das 100 maiores empresas de tecnologia para o mercado financeiro do mundo desde 2017. Essa experiência foi fundamental para meu crescimento profissional, proporcionando um ambiente desafiador e estimulante.
</p>
<p class="sobreMim__descricao">
Embora eu tenha experiência e aprecie o trabalho como desenvolvedor <strong>Full Stack</strong>, meu objetivo é focar na carreira de <strong>Desenvolvedor Back-End</strong>. Pretendo me especializar nessa área, aprofundando meus conhecimentos em linguagens e técnicas específicas, visando contribuir de forma significativa para projetos e equipes.
</p>
<p class="sobreMim__descricao">
Atualmente, estou em busca de meu primeiro <u>estágio</u> na área de TI. Estou ansioso para adquirir ainda mais conhecimento e experiência prática, enquanto contribuo de forma positiva para o desenvolvimento de soluções inovadoras.
</p>
<p class="sobreMim__descricao">
Estou disponível para qualquer oportunidade de estágio ou projeto desafiador que possa surgir e estou comprometido em aprender e crescer continuamente.
</p>
<p class="sobreMim__descricao">
Obrigado por disponibilizar seu tempo para ler um pouco sobre minha trajetória e aspirações. Estou animado para fazer parte de equipes dinâmicas e colaborativas, contribuindo com meu entusiasmo e habilidades técnicas.
</p>
</article>
</div>
</div>
</section>
<!-- CONTEÚDO PRINCIPAL - PROJETOS -->
<main class="conteudoPrincipal">
<div class="container">
<section class="projetos">
<h2 class="subtitulo">Meus Projetos</h2>
<div class="container"></div>
</section>
</div>
</main>
<!-- RODAPÉ -->
<footer class="rodapePrincipal">
<div class="container">
<p>© Copyright <span id="anoAtual">2024</span> Lucas Rodrigues Marcondes | Todos os direitos reservados.</p>
<div class="contatos__cabecalho" id="contatos_ancora">
<a class="contatos__link contato-github" href="https://github.com/Lucas-RM" title="GitHub" target="_blank">
<i class="fa-brands fa-github"></i>
</a>
<a class="contatos__link contato-linkedin" href="https://www.linkedin.com/in/lucas-marcondes01" title="Linkedin" target="_blank">
<i class="fa-brands fa-linkedin-in"></i>
</a>
<a class="contatos__link contato-email" href="mailto:lucas.marcondes36@gmail.com?subject='subject text'" title="Email" target="_blank">
<i class="fa-solid fa-envelope"></i>
</a>
</div>
</div>
</footer>
<script src="script/calculaIdade.js"></script>
<script src="script/debouncing.js"></script>
<script src="script/dadosDosProjetos.js"></script>
<script src="script/adicionar-projeto.js"></script>
<script src="script/main.js"></script>
</body>
</html>