-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
94 lines (88 loc) · 8.01 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formação HTML - DIO</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/styles.css">
</head>
<body>
<header>
<nav>
<ol class="menuSuperior">
<li><a href="https://github.com/Guilherme-Espinosa">GitHub</a></li>
<li><a href="https://github.com/Guilherme-Espinosa/FormacaoHTML.DIO">Diretório</a></li>
<li><a href="https://www.linkedin.com/in/guilherme-espinosa/">LinkedIn</a></li>
<li><a href="https://guilherme-espinosa.github.io/curriculo-virtual/">Currículo</a></li>
<li><a href="./trilha2/curso4/tabelas.html">Aula de tabelas</a></li>
</ol>
</nav>
<div class="titulo_e_subtitulo">
<h1 class="titulo">Formação HTML Web Developer - DIO</h1>
<h5>Esta página servirá para exibir e também a aplicar os conhecimentos obtidos durante a formação, servindo de </h5>
</div>
</header>
<hr> <!-- Separação -->
<div class="tabelas">
<table class="status">
<tr>
<th>Status</th>
<th>Responsável</th>
<th>Orientadores</th>
<th>Plataforma de ensino</th>
</tr>
<tr>
<td>56%</td>
<td><a href="https://www.linkedin.com/in/guilherme-espinosa/">Guilherme Espinosa</a></td>
<td><a href="https://www.linkedin.com/in/diogomainardes/">Diogo M. Mainardes</a></td>
<td><a href="https://www.dio.me/sign-up?ref=KCR05AMJI8">DIO</a></td>
</tr>
</table>
<table class="modulos">
<tr>
<th><h3>Módulo</h3></th>
<th><h3>Atividades</h3></th>
<th><h3>Nível</h3></th>
</tr>
<tr>
<td><a href="https://github.com/Guilherme-Espinosa/FormacaoHTML.DIO/tree/main/trilha1">Primeiros passos com HTML</a>></td>
<td><a href="https://github.com/Guilherme-Espinosa/FormacaoHTML.DIO/tree/main/trilha2">HTML I - Conceitos básicos</a>></td>
<td><a href="https://github.com/Guilherme-Espinosa/FormacaoHTML.DIO/tree/main/trilha3">HTML II - Ampliando o conhecimento</a></td>
</tr>
</table>
</div>
<main class="content">
<aside>
<img src="https://avatars.githubusercontent.com/u/105338579?v=4" alt="">
<h4 class="titulo">Sobre mim</h4>
<p class="aboutMe">Eu sou um Desenvolvedor Front-End Web e minha molécula favorita é <sup>1</sup>C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, também conecida como <b>"cafeína"</b>. Pretendo me desenvolver ao máximo e me tornar Fullstack na área Web, com ênfase em Front-End. Ainda sou iniciante, mas sou bem disposto, persistente e hábil. Atualmente faço o Curso Análise e Desenvolvimento de Sistemas, além de estudar pela plataforma da Digital Innovation One - DIO. Me preparo com empenho para garantir que eu possa agarrar uma oportunidade na área tecnológica. Estou aprendendo muito sobre as tecnologias basilares do front-end (HTML, CSS, Javascript e Git), mas também um pouco de outras tecnologias e conceitos através da faculdade, bootcamp da DIO e com os projetos que também venho fazendo.</p>
</aside>
<article>
<blockquote><i>"Mesmo que não saiba como, siga em frente!"</i></blockquote>
<h2 class="titulo">Título do Artigo</h2>
<P class="textoArtigo">
<strong><U><i>Lorem ipsum dolor, sit amet consectetur adipisicing elit</i></U></strong>. Sit voluptatum eveniet saepe voluptate
molestiae reiciendis vero molestias amet, dolorem nemo laboriosam vel exercitationem numquam ratione
perspiciatis eos totam rerum soluta. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis
dolorem dolor debitis illo impedit quaerat quos repellat enim quam cupiditate facilis, repellendus
provident perferendis? Fugiat perferendis ipsam ipsa atque a! Lorem ipsum dolor sit amet consectetur
adipisicing elit. Eveniet porro nemo, dolorem molestiae minima vitae ipsam optio, quibusdam praesentium,
quod repellat tempore eligendi assumenda illum in sunt numquam odit provident.Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sit voluptatum eveniet saepe voluptate molestiae reiciendis vero molestias amet, dolorem nemo laboriosam vel exercitationem numquam ratione perspiciatis eos totam rerum soluta. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis dolorem dolor debitis illo impedit quaerat quos repellat enim quam cupiditate facilis, repellendus provident perferendis? Fugiat perferendis ipsam ipsa atque a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet porro nemo, dolorem molestiae minima vitae ipsam optio, quibusdam praesentium, quod repellat tempore eligendi assumenda illum in sunt numquam odit provident.Lorem ipsum dolor, sit amet consectetur adipisicing elit. <mark>Sith</mark> voluptatum eveniet saepe voluptate molestiae reiciendis vero molestias amet, dolorem nemo laboriosam vel exercitationem numquam ratione perspiciatis eos totam rerum soluta. </P>
</br>
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum quos corporis cumque tempora facilis enim eius explicabo cum similique soluta ipsam consequuntur, molestias dicta natus iste illo sapiente pariatur quibusdam?</li>
<li>Inventore nihil est pariatur expedita iusto nisi.</li>
</ul>
</br>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis dolorem dolor debitis illo impedit quaerat quos repellat enim quam cupiditate facilis, repellendus provident perferendis? Fugiat perferendis ipsam ipsa atque a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet porro nemo, dolorem molestiae minima vitae ipsam optio, quibusdam praesentium, quod repellat tempore eligendi assumenda illum in sunt numquam odit provident.Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sit voluptatum eveniet saepe voluptate molestiae reiciendis vero molestias amet, dolorem nemo laboriosam vel exercitationem numquam ratione perspiciatis eos totam rerum soluta. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis dolorem dolor debitis illo impedit quaerat quos repellat enim quam cupiditate facilis, repellendus provident perferendis? Fugiat perferendis ipsam ipsa atque a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet porro nemo, dolorem molestiae minima vitae ipsam optio, quibusdam praesentium, quod repellat tempore eligendi assumenda illum in sunt numquam odit provident.Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sit voluptatum eveniet saepe voluptate molestiae reiciendis vero molestias amet, dolorem nemo laboriosam vel exercitationem numquam ratione perspiciatis eos totam rerum soluta. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis dolorem dolor debitis illo impedit quaerat quos repellat enim quam cupiditate facilis, repellendus provident perferendis? Fugiat perferendis ipsam ipsa atque a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet porro nemo, dolorem molestiae minima vitae ipsam optio, quibusdam praesentium, quod repellat tempore eligendi assumenda illum in sunt numquam odit provident.</P>
</article>
</main>
<Footer>
<h5>Observações:</h5>
<h6>Esta página foi criada apenas para exibir o status da minha evolução na Formação HTML e também pra que o <mark>próprio diretório</mark> sirva como resposta aos Desafios de Projeto dessa Formação.</h6>
<small>Formação HTML Web Developer Digital Innovation One - DIO.</small>
</Footer>
</body>
</html>