Skip to content

Commit 3e35d2f

Browse files
m4rcos-devm4rcos-dev
committed
adiciona projeto Lessons Learned
1 parent 0773d64 commit 3e35d2f

File tree

5 files changed

+175
-0
lines changed

5 files changed

+175
-0
lines changed

‎trybe-projetos/Lessons-Learned/README.md‎

Whitespace-only changes.

‎trybe-projetos/Lessons-Learned/index.html‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
<!DOCTYPE html>
2+
<html lang="pt-br">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="stylesheet" href="style.css">
9+
<title>Document</title>
10+
</head>
11+
<header id="cabecalho">
12+
<h1 id="titulo"> <span class="part1-terminal">>.</span>TERMINAL</h1>
13+
14+
<nav>
15+
<h2><span class="part1-terminal">marcos@work:</span><span class="part2-terminal"> ~$</span> cd
16+
licoes-aprendendias-trybe/</h2>
17+
<h2><span class="part1-terminal">marcos@work:</span><span class="part2-terminal"> ~$</span> ls </h2>
18+
</nav>
19+
</header>
20+
21+
<section id="main">
22+
<section id="bio">
23+
<img src="rsz_whatsapp_image_2022-03-30_at_122540-removebg-preview.png" alt="foto-autor" id="minha_foto">
24+
<a href="www.linkedin.com/in/dev-marcospaulo" target="_blank">Marcos Paulo</a>
25+
<h3>👫Casado <a href="https://www.instagram.com/masso.mariaclararibeiro/" target="_blank">@Maria Clara</a></h3>
26+
<h3>👨‍👩‍👧‍👧Pai de casal</h3>
27+
<h3>💬DEV Turma 23 - tribo B <a href="https://www.betrybe.com/" target="_blank">@betrybe</a></h3>
28+
<h3>💾 Técnico informática</h3>
29+
<h3>🎥Streamer / projeto pausado</h3>
30+
<h3>👾Gamer
31+
<a href="https://www.twitch.tv/novatogamertv" target="_blank"> twitch.tv/novatogamertv</a></h3>
32+
</section>
33+
34+
<h3 id="licoes">Lições</h3>
35+
36+
<table>
37+
<td>
38+
<ol id="licoes_aprendidas">
39+
<li>Unix</li>
40+
<li>Git</li>
41+
<li>GitHub</li>
42+
<li>Empatia</li>
43+
<li>HTML</li>
44+
<li>CSS</li>
45+
<li>Slack</li>
46+
<li>Zoom</li>
47+
<li>HTML semântico</li>
48+
<li>Inspencionar</li>
49+
50+
51+
</ol>
52+
</td>
53+
<td>
54+
<ul id="licoes_a_aprender">
55+
<li>JavaScript</li>
56+
<li>Dom</li>
57+
<li>Forms</li>
58+
<li>CSS Responsive</li>
59+
<li>ES6</li>
60+
<li>HOF</li>
61+
<li>Unit Tests</li>
62+
<li>React</li>
63+
<li>Node</li>
64+
<li>SQL</li>
65+
66+
</ul>
67+
</td>
68+
</table>
69+
70+
<article class="bordas fontes lado-esquerdo">
71+
<p>
72+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas interdum hendrerit eros. Praesent
73+
bibendum,
74+
massa a pretium aliquet, metus ante lobortis est, commodo varius felis eros non elit. Donec velit est,
75+
finibus
76+
et viverra non, pretium id enim. In varius mi in dui luctus facilisis. Donec laoreet, velit at posuere
77+
aliquam,
78+
risus lorem fringilla quam, a egestas nisl lectus sit amet neque. Morbi et lectus turpis. Integer congue
79+
enim
80+
non ut.
81+
</p>
82+
</article>
83+
84+
<aside class="bordas fontes lado-direito ">
85+
<p>
86+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in ligula at est venenatis dapibus ut
87+
non
88+
augue. Sed posuere purus a dui hendrerit, in sollicitudin tortor feugiat. Fusce eleifend.
89+
</p>
90+
</aside>
91+
</section>
92+
93+
<footer id="rodape">
94+
<h4><span class="part1-terminal">marcos@work:</span><span class="part2-terminal"> ~$</span> Todos direitos
95+
reservado, Marcos Paulo </h4>
96+
</footer>
97+
98+
<body>
99+
100+
</body>
101+
102+
</html>

‎trybe-projetos/Lessons-Learned/rsz_whatsapp_image_2022-03-30_at_122540-removebg-preview.png‎

96.9 KB
Loading

‎trybe-projetos/Lessons-Learned/style.css‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
body {
2+
background-color: rgb(253, 251, 251);
3+
}
4+
5+
#cabecalho {
6+
position: fixed;
7+
top: 0px;
8+
left: 0px;
9+
right: 0px;
10+
background-color: black;
11+
color: azure;
12+
padding-left: 30px;
13+
font-family: monospace;
14+
}
15+
16+
.part1-terminal {
17+
color: forestgreen;
18+
font-weight: bold;
19+
}
20+
21+
.part2-terminal {
22+
color: dodgerblue;
23+
24+
}
25+
26+
#main {
27+
margin-top: 150px;
28+
margin-bottom: 60px;
29+
margin-left: 30px;
30+
}
31+
32+
.bordas {
33+
border: 3px dotted black;
34+
padding: 10px;
35+
}
36+
37+
.fontes {
38+
font-size: medium;
39+
font-family: monospace;
40+
line-height: 2;
41+
}
42+
43+
.lado-esquerdo {
44+
display: inline-block;
45+
width: 500px;
46+
}
47+
48+
.lado-direito {
49+
display: inline-block;
50+
width: 500px;
51+
}
52+
53+
#rodape {
54+
position: fixed;
55+
bottom: 0px;
56+
left: 0px;
57+
right: 0px;
58+
background-color: black;
59+
color: azure;
60+
padding-left: 30px;
61+
font-family: monospace;
62+
}
63+
64+
#minha_foto {
65+
float: left;
66+
margin-right: 100px;
67+
border-radius: 100px;
68+
box-shadow: 0 0 1em black;
69+
}
70+
71+
#licoes {
72+
margin-top: 70px;
73+
}

‎trybe-projetos/README.md‎

Whitespace-only changes.

0 commit comments

Comments
 (0)