-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (89 loc) · 4.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<header class="header-wrapper">
<div class="header">
<div class="checkbox-container">
<div class="checkbox-wrapper">
<input type="checkbox" id="toggle">
<label class="checkbox" for="toggle">
<div class="trace"></div>
<div class="trace"></div>
<div class="trace"></div>
</label>
<div class="menu"></div>
<nav class="menu-items">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="https://www.linkedin.com/in/italo-vieira-54aab5129/" target="_blank">Sobre</a>
</li>
<li>
<a href="https://github.com/italofvm" target="_blank">Projetos</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<h1>Italo Vieira </h1>
<h2>Front-end Developer</h2>
<div class="social-media">
<a href="https://www.linkedin.com/in/italo-vieira-54aab5129/" target="_blank">Linkedin</a>
<a href="https://github.com/italofvm" target="_blank">Github</a>
</div>
</header>
<div class="container">
<div class="card-container">
<div class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis distinctio nihil, culpa repudiandae atque facilis eveniet neque
consequuntur quas dolorem aliquam maiores nulla ullam optio fugit voluptatibus soluta? Nulla, ipsum.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis distinctio nihil, culpa repudiandae atque facilis eveniet neque
consequuntur quas dolorem aliquam maiores nulla ullam optio fugit voluptatibus soluta? Nulla, ipsum.
</div>
<div class="card">
<div class="card-wrapper">
<h2>Github</h2>
<p>Veja meus projetos!</p>
</div>
</div>
</div>
<div class="card-container">
<div class="card">
<div class="card-wrapper">
<h2>Linkedin</h2>
<p>Vem ver minha carreira profissional!</a>
</div>
</div>
<div class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis distinctio nihil, culpa repudiandae atque facilis eveniet neque
consequuntur quas dolorem aliquam maiores nulla ullam optio fugit voluptatibus soluta? Nulla, ipsum.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis distinctio nihil, culpa repudiandae atque facilis eveniet neque
consequuntur quas dolorem aliquam maiores nulla ullam optio fugit voluptatibus soluta? Nulla, ipsum.
</div>
</div>
<div class="card-container">
<div class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis distinctio nihil, culpa repudiandae atque facilis eveniet neque
consequuntur quas dolorem aliquam maiores nulla ullam optio fugit voluptatibus soluta? Nulla, ipsum.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis distinctio nihil, culpa repudiandae atque facilis eveniet neque
consequuntur quas dolorem aliquam maiores nulla ullam optio fugit voluptatibus soluta? Nulla, ipsum.
</div>
<div class="card">
<div class="card-wrapper">
<h2>Instagram</h2>
<p>Segue-me no Instagram</p>
</div>
</div>
</div>
</div>
<footer class="footer">
Feito por Italo Vieira
</footer>
</body>
</html>