-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (70 loc) · 3.51 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
<!DOCTYPE html>
<html lang = "pt-br">
<head>
<meta charset = "utf-8">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<title> HMAP </title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" href="icons/icon-rocket.svg" type="image/svg">
</head>
<body>
<div class="hmap-no-background" id="container">
<img src="images/hmap-no-background.png" alt="hmap-no-background">
<h1>HENRIQUE MATHEUS ALVES PEREIRA</h1>
</div>
<hr>
<div class="social-box" id="container">
<a href="11949253226">
<img src="icons/icon-whatsapp.png" alt="WhatsApp">
</a>
<a href="https://www.linkedin.com/in/henrique-matheus-alves-pereira/">
<img src="icons/icon-linkedin.png" alt="LinkedIn">
</a>
<a href="mailto:henrique.map@outlook.com">
<img src="icons/icon-email.png" alt="E-mail">
</a>
<a href="https://github.com/HenriqueMAP">
<img src="icons/icon-github.png" alt="GitHub">
</a>
</div>
<div class="about">
<h2>SOBRE</h2>
<p>Apaixonado por tecnologia, ciência, engenharia elétrica e aeroespacial, ciclismo de montanha e flautista voluntário na Congregação Cristã no Brasil.</p>
</div>
<div class="project-box" id="container">
<div class="project-main-box">
<div class="project-main-box-title">
<h2>PROJETO</h2>
</div>
<img src="icons/icon-rocket-stopped.png" alt="Project Icon">
<div class="project-main-box-subtitle">
<h3>Primeira página</h3>
</div>
<p>Após concluir o curso de HTML5 e o Bootcamp da Digital Innovation One, decidi recomeçar o projeto do site. Aqui estou utilizando apenas HTML5 e CSS3, após seguir a concepção que idealizei utilizando o Canva. Ao lado, estou destacando as tecnologias que estou estudando, com exceção do Swift que ainda não comecei. A fonte que escolhi é Roboto. Utilizei o conceito de "Mobile First", e após concluir, estudei para compatibilizar com a responsividade. Esse texto é meramente ilustrativo.</p>
<a href="https://github.com/HenriqueMAP">https://github.com/HenriqueMAP</a>
</div>
<div class="project-sub-box">
<div class="project-sub-box-subtitle">
<h3>Tecnologias</h3>
</div>
<div class="project-sub-box-column-one">
<img src="icons/icon-python.svg" alt="Python-logo">
<img src="icons/icon-javascript.svg" alt="JavaScript-logo">
<img src="icons/icon-postgresql.svg" alt="PostgreSQL-logo">
</div>
<div class="project-sub-box-column-two">
<img src="icons/icon-html5.svg" alt="HTML5-logo">
<img src="icons/icon-css3.svg" alt="CSS3-logo">
<img src="icons/icon-swift.svg" alt="Swift-logo">
</div>
</div>
</div>
<footer>
<div class="footer-background">
<hr>
<p>Desenvolvido por HMAP</p>
<p>Bootcamp Fullstack Python 2020</p>
</div>
</footer>
</body>
</html>