-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (97 loc) · 5.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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portifólio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<a href="#" class="menu-logo">Alef O. de Oliveira</a>
<nav class="menu">
<ul>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#projetos">Projetos</a></li>
</ul>
</nav>
</header>
<section class="sobre" id="sobre">
<div class="sobre-img">
<img src='user.jpeg' alt=''/>
</div>
<div class="sobre-info">
<h1>Olá, eu sou Alef O. de Oliveira !</h1>
<p>Sou formado em Técnico em Informática e Ciência da Computação,
atualmente sou programador e apaixonado pelas técnologias, meu hobby é buscar conhecimento, sempre em busca do próximo nível.
</p>
</div>
</section>
<section class="skills" id="skills">
<h2>Skills</h2>
<div class="skills-container">
<div>
<h2>HTML</h2>
<img src='https://dummyimage.com/150x150/000/FFF.png?text=HTML' alt=''/>
</div>
<div>
<h2>CSS</h2>
<img src='https://dummyimage.com/150x150/000/FFF.png?text=CSS' alt=''/>
</div>
<div>
<h2>JS</h2>
<img src='https://dummyimage.com/150x150/000/FFF.png?text=JS' alt=''/>
</div>
<div>
<h2>Ruby</h2>
<img src='https://dummyimage.com/150x150/000/FFF.png?text=Ruby' alt=''/>
</div>
<div>
<h2>Ruby on Rails</h2>
<img src='https://dummyimage.com/150x150/000/FFF.png?text=Rails' alt=''/>
</div>
<div>
<h2>React</h2>
<img src='https://dummyimage.com/150x150/000/FFF.png?text=React' alt=''/>
</div>
<div>
<h2>Git</h2>
<img src='https://dummyimage.com/150x150/000/FFF.png?text=Git' alt=''/>
</div>
<div>
<h2>GitHub</h2>
<img src='https://dummyimage.com/150x150/000/FFF.png?text=GitHub' alt=''/>
</div>
<div>
<h2>SQL</h2>
<img src='https://dummyimage.com/150x150/000/FFF.png?text=SQL' alt=''/>
</div>
</div>
</section>
<section class="projetos" id="projetos">
<h2>Projetos</h2>
<div class="projetos-container">
<div>
<h2>AARCAA</h2>
<a href="https://apprun-frontend.herokuapp.com/" target="blank">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" size="64" height="64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="M357.45 468.2c-1.2-7.7-1.3-7.6-9.6-7.6-99.8.2-111.8-2.4-112.7-2.6-12.3-1.7-20.6-10.5-21-23.1-.1-1.6-.2-71.6-1-129.1-.1-4.7 1.6-6.4 5.9-7.5 12.5-3 24.9-6.1 37.3-9.7 4.3-1.3 6.8-.2 8.4 3.5 4.5 10.3 8.8 20.6 13.2 30.9 1.6 3.7.1 4.4-3.4 4.4-10-.2-20-.1-30.4-.1v27h116c-1.4-9.5-2.7-18.1-4-27.5-7 0-13.8.4-20.4-.1-22.6-1.6-18.3-4.4-84-158.6-8.8-20.1-27.9-62.1-36.5-89.2-4.4-14 5.5-25.4 18.9-26.6 18.6-1.7 37.5-1.6 56.2-2 20.6-.4 41.2-.4 61.8-.5 3.1 0 4-1.4 4.3-4.3 1.2-9.8 2.7-19.5 4-29.2.8-5.3 1.6-10.7 2.4-16.1L23.75 0c-3.6 0-5.3 1.1-4.6 5.3 2.2 13.2-.8.8 6.4 45.3 63.4 0 71.8.9 101.8.5 12.3-.2 37 3.5 37.7 22.1.4 11.4-1.1 11.3-32.6 87.4-53.8 129.8-50.7 120.3-67.3 161-1.7 4.1-3.6 5.2-7.6 5.2-8.5-.2-17-.3-25.4.1-1.9.1-5.2 1.8-5.5 3.2-1.5 8.1-2.2 16.3-3.2 24.9h114.3v-27.6c-6.9 0-33.5.4-35.3-2.9 5.3-12.3 10.4-24.4 15.7-36.7 16.3 4 31.9 7.8 47.6 11.7 3.4.9 4.6 3 4.6 6.8-.1 42.9.1 85.9.2 128.8 0 10.2-5.5 19.1-14.9 23.1-6.5 2.7-3.3 3.4-121.4 2.4-5.3 0-7.1 2-7.6 6.8-1.5 12.9-2.9 25.9-5 38.8-.8 5 1.3 5.7 5.3 5.7 183.2.6-30.7 0 337.1 0-2.5-15-4.4-29.4-6.6-43.7zm-174.9-205.7c-13.3-4.2-26.6-8.2-39.9-12.5a44.53 44.53 0 0 1-5.8-2.9c17.2-44.3 34.2-88.1 51.3-132.1 7.5 2.4 7.9-.8 9.4 0 9.3 22.5 18.1 60.1 27 82.8 6.6 16.7 13 33.5 19.7 50.9a35.78 35.78 0 0 1-3.9 2.1c-13.1 3.9-26.4 7.5-39.4 11.7a27.66 27.66 0 0 1-18.4 0z"></path></svg>
</a>
</div>
<div>
<h2>Blog Pessoal</h2>
<a href="https://alef-oliveira.herokuapp.com/" target="blank">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" aria-hidden="true" focusable="false" size="64" height="64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="M172.2 226.8c-14.6-2.9-28.2 8.9-28.2 23.8V301c0 10.2 7.1 18.4 16.7 22 18.2 6.8 31.3 24.4 31.3 45 0 26.5-21.5 48-48 48s-48-21.5-48-48V120c0-13.3-10.7-24-24-24H24c-13.3 0-24 10.7-24 24v248c0 89.5 82.1 160.2 175 140.7 54.4-11.4 98.3-55.4 109.7-109.7 17.4-82.9-37-157.2-112.5-172.2zM209 0c-9.2-.5-17 6.8-17 16v31.6c0 8.5 6.6 15.5 15 15.9 129.4 7 233.4 112 240.9 241.5.5 8.4 7.5 15 15.9 15h32.1c9.2 0 16.5-7.8 16-17C503.4 139.8 372.2 8.6 209 0zm.3 96c-9.3-.7-17.3 6.7-17.3 16.1v32.1c0 8.4 6.5 15.3 14.8 15.9 76.8 6.3 138 68.2 144.9 145.2.8 8.3 7.6 14.7 15.9 14.7h32.2c9.3 0 16.8-8 16.1-17.3-8.4-110.1-96.5-198.2-206.6-206.7z"></path></svg>
</a>
</div>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<span>Alef O. de Oliveira - Todos os direitos reservados.</span>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="app.js"></script>
</body>
</html>