-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (90 loc) · 4.33 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
92
<!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>
<!--hamburguer menu-->
<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="#">Home</a>
</li>
<li>
<a href="#">Sobre</a>
</li>
<li>
<a href="#">Projetos</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<h1>Jefferson Fernandes Cardoso</h1>
<h2>Software Developer</h2>
<div class="social-media">
<a href="http://www.linkedin.com/in/jefferson-fernandes-cardoso-a9bb5957/">Linkedin</a>
<a href="http://www.github.com/jfcardoso">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><a href="http://www.github.com/jfcardoso" >Github</a></h2>
<p>Veja meus projetos!</p>
</div>
</div>
</div>
<div class="card-container">
<div class="card">
<div class="card-wrapper">
<h2><a href="http://www.linkedin.com/in/jefferson-fernandes-cardoso-a9bb5957/">Linkedin</a></h2>
<p>Vem ver minha carreira profissional!</p>
</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><a href="http://www.instagram.com/jefferson.cardoso/">Instagram</a></h2>
<p>Ou mais do meu dia-a-dia ;)</p>
</div>
</div>
</div>
</div>
<footer class="footer">
Feito por Jefferson F. Cardoso
</footer>
</body>
</html>