-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (76 loc) · 3.06 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
<!DOCTYPE html>
<html lang="en">
<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>Bruno Dias</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
<link rel="icon" href="favicon.ico?v=2" 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=Merriweather&family=Montserrat&family=Sacramento&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="top-container">
<img class="cloudt" src="images/cloud.png" alt="" />
<h1>Eu sou o Bruno.</h1>
<h2>Full Stack Developer</h2>
<img class="cloudb" src="images/cloud.png" alt="" />
<img class="mountain" src="images/mountain.png" alt="" width="900px" />
</div>
<div class="middle-container">
<div class="profile">
<img src="images/perfil.png" alt="" width="200px" />
<h2>Olá.</h2>
<p class="intro">
Lorem ipsum dolor sit amet, vitae volutpat, dui conubia, dolor urna.
Non auctor, montes nulla distinctio.
</p>
</div>
<hr />
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="imgskill" src="images/computer.png" alt="" />
<h3>Lorem & Ipsum</h3>
<p>
Lorem ipsum dolor sit amet, quis in duis, iaculis id felis.
Consectetuer vestibulum, nunc urna lectus, erat ligula. Hendrerit
nam, lectus ante, ut lorem eros. Lorem ipsum dolor sit amet, in
quis, aenean amet. Phasellus sodales, tellus donec dui, ornare erat.
</p>
</div>
<div class="skill-row">
<img class="imgskill2" src="images/chillies.png" alt="" />
<h3>Lorem Ipsum Dolor</h3>
<p>
Lorem ipsum dolor sit amet, mauris sed consectetuer. Etiam et eu,
bibendum interdum, lacus quis mauris. Curabitur wisi, quisque vel
eu, rutrum nam. Lorem ipsum dolor sit amet, in quis, aenean amet.
Phasellus sodales, tellus donec dui, ornare erat.
</p>
</div>
</div>
<hr />
<div class="contact-me">
<h2>Entrar em contato</h2>
<h3>Lorem ipsum dolor sit amet, non elit.</h3>
<p class="btnmagin">
Lorem ipsum dolor sit amet, in quis, aenean amet. Phasellus sodales,
tellus donec dui, ornare erat.
</p>
<a class="btn" href="mailto:[email protected]">FALE COMIGO</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/">Twitter</a>
<a class="footer-link" href="#">Website</a>
<p class="cc">© Bruno Dias.</p>
</div>
</body>
</html>