-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
144 lines (144 loc) · 8.32 KB
/
about.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Quem Sou EU</title>
<link rel="stylesheet" type="text/css" href="./css/estilo.css" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="./javascript/funcoes.js"></script>
</head>
<body>
<div id="interface">
<header id="cabecalho">
<hgroup>
<h1>Google Glass</h1>
<h2>A revolução do Google está chegando</h2>
</hgroup>
<img id="icone" src="./imagens/icone-contato.png" alt="oculos google glass preto e pequeno" />
<nav id="menu">
<h1>Menu Principal</h1>
<ul>
<li onmouseover="mudaFoto('./imagens/home.png')" onmouseout="mudaFoto('./imagens/icone-contato.png')">
<a href="./index.html">Home</a>
</li>
<li onmouseover="mudaFoto('./imagens/especificacoes.png')" onmouseout="mudaFoto('./imagens/icone-contato.png')">
<a href="./specs.html">Especificações</a>
</li>
<li onmouseover="mudaFoto('./imagens/fotos.png')" onmouseout="mudaFoto('./imagens/icone-contato.png')">
<a href="./fotos.html">Fotos</a>
</li>
<li onmouseover="mudaFoto('./imagens/multimidia.png')" onmouseout="mudaFoto('./imagens/icone-contato.png')">
<a href="./multimidia.html">Multimídia</a>
</li>
<li onmouseover="mudaFoto('./imagens/contato.png')" onmouseout="mudaFoto('./imagens/icone-contato.png')">
<a href="./fale-conosco.html">Fale conosco</a>
</li>
</ul>
</nav>
</header>
<section id="corpo-full">
<article id="noticia">
<header id="cabecalho-artigo">
<hgroup>
<h2>Quem sou eu?</h2>
<h1>Minhas Redes Sociais</h1>
<h2>by Marcelo I Campos</h2>
<h3 class="direita">Atualizado em 01/10/2020</h3>
</hgroup>
</header>
<img src="https://avatars.githubusercontent.com/u/71357926?v=4" alt="quem sou eu" />
<p>Meu nome é Marcelo Campos, TI, estudante e entusiasta por tecnologia. Aprendendo a programar e desenvolver aos 4.0 de vida..</p>
<h2>Meus Cursos</h2>
<ul>
<li>
<a href="https://www.cursoemvideo.com/blog/hall-da-fama/marcelo-campos/" target="_blank">Curso em Vídeo</a>
</li>
<li>
<a href="https://cursos.alura.com.br/user/marceloicampos" target="_blank">Alura Cursos</a>
</li>
</ul>
<h2>Meus Projetos</h2>
<ul>
<li>
<a href="https://marceloicampos.github.io/site-hello-world/" target="_blank">Projeto Hello World</a>
</li>
<li>
<a href="https://marceloicampos.github.io/site-hello-javascript/" target="_blank">Projeto Hello Javascript</a>
</li>
<li>
<a href="https://marceloicampos.github.io/alura-imersaodev03/" target="_blank">Projeto Imersão DEV_</a>
</li>
<li>
<a href="https://imersao-react-quiz-html-css-git-main.marceloicampos.vercel.app/" target="_blank">Projeto Imersão React</a>
</li>
<li>
<a href="https://miy-nlw-04-nextjs-git-main-marceloicampos.vercel.app/" target="_blank">Projeto NLW4 NextJS</a>
</li>
<li>
<a href="https://marceloicampos.github.io/nlw07-mynametag-html-css-js/" target="_blank">Projeto NLW7 My-Name-Tag</a>
</li>
<li>
<a href="https://ignite-classes-reactjs-01-github-explorer.vercel.app/" target="_blank">Github Explorer - Ignite Classes 01</a>
</li>
<li>
<a href="https://ignite-desafio01-trilha-reactjs.vercel.app/" target="_blank">To Do List - Ignite Desafio 01</a>
</li>
<li>
<a href="https://marceloicampos.com/about" target="_blank">My Home Page</a>
</li>
</ul>
<h2>Como falar comigo?</h2>
<ul type="square">
<li>
<img src="./imagens/icone_arroba.png" alt="ícone arroba de e-Mail" />
Meu e-Mail marceloicampos@outlook.com -
<a href="mailto:marceloicampos@outlook.com"> mande um e-Mail pra mim</a>
(garanto que respondo).
</li>
<li>
<img src="./imagens/icone_linkedin.png" alt="ícone linkedin" />
<a href="https://www.linkedin.com/in/marceloicampos/" target="_blank"> /marceloicampos - LinkedIn</a>
- Meu LinkedIn.
</li>
<li>
<img src="./imagens/icone_github.png" alt="ícone git hub" />
<a href="https://github.com/marceloicampos" target="_blank"> /marceloicampos - GitHub</a>
- Aqui você encontra meus trabalhos em desenvolvimento (com muitas dicas boas) e aqui meu
<a href="https://marceloicampos.github.io" target="_blank">repositório público</a>
no Git Hub.
</li>
<li>
<img src="./imagens/icone_twitter.png" alt="ícone twitter" />
<a href="https://twitter.com/marceloicampos" target="_blank"> /marceloicampos - Twitter</a>
- É so mais um perfil básico, mas é onde busco muitas notícias e informações atualizadas.
</li>
<li>
<img src="./imagens/icone_facebook.png" alt="ícone facebook" />
<a href="https://www.facebook.com/marceloicampos" target="_blank"> /marceloicampos - Facebook</a>
- Acompanha-me no meu perfil do Facebook.
</li>
<li>
<img src="./imagens/icone_instagram.png" alt="ícone instagram" />
<a href="https://www.instagram.com/marceloicampos" target="_blank"> /marceloicampos - Instagram</a>
- Aqui tem algumas fotos minhas (nada demais).
</li>
<li>
<img src="./imagens/icone_youtube.png" alt="ícone youtube" />
<a href="https://www.youtube.com/user/MICChannel79/playlists" target="_blank"> /MICChannel79 - Youtube</a>
- Acessa meu canal, não tem vídeo, mas tem perfil e MINHAS PLAYLISTS DE VÍDEOS (vale a pena CONFERIR).
</li>
</ul>
</article>
</section>
<footer id="rodape">
<p>
Copyright © 10/2020 - by Marcelo I Campos - Sobre QUEM SOU EU<br />
<a href="https://www.facebook.com/marceloicampos" target="_blank">Facebook</a>
|
<a href="https://github.com/marceloicampos" target="_blank">GitHub</a>
</p>
</footer>
</div>
</body>
</html>