-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
117 lines (99 loc) · 6.98 KB
/
home.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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Home Challenge Oracle ONE Desafio FrontEnd</title>
<!link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="css/estilohome.css">
</head>
<body>
<nav class="navbar">
<div class="logo"><img src="image/6084213_iron-man-symbol-iron-man-face-vector-transparent.png" alt="minhalogo">
</div>
<div class="menu_dir" id="conteudoMenu-navbar">
<ul>
<li><a href="#op2">Opcao 01</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#op3">Opcao 03</a></li>
<li><a href="">auguston8@hotmail.com</a></li>
</ul>
</div>
<input id="menu-hamburguer" type="checkbox">
<label for="menu-hamburguer">
<div id="menuhamburguer">
<span class="hamburguer"></span>
</div>
</label>
<div class="menu_lateral">
<ul>
<li><a href="#op2">Skills</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#op3">Opcao 03</a></li>
<li><a href="">auguston8@hotmail.com</a></li>
</ul>
</div>
</nav>
<div id="conteudo">
<h3 id="skills" class="tema">skills</h3>
<p>
Minhas skills apresentam uma abrangencia nas areas de tecnologia ...
</p>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit euismod primis tempor habitant massa scelerisque,
magnis dis finibus lacinia velit sociosqu torquent id pellentesque eros hac eu. Arcu consequat in sociosqu
litora magnis malesuada viverra nunc, lectus pulvinar parturient tempor mattis feugiat non, ullamcorper
magna faucibus elit fringilla iaculis duis. Senectus tellus et sit suscipit ornare elit nulla blandit nunc
venenatis vulputate, in magnis cras taciti suspendisse dapibus nec quam semper euismod, laoreet turpis nam
augue ante lacinia mauris efficitur lobortis inceptos. Elit justo euismod curabitur habitant lacinia sed,
sapien aptent rutrum non dictum, tincidunt parturient erat suspendisse aliquet id, ornare eleifend iaculis
volutpat. Cubilia nec magnis hendrerit finibus volutpat per aptent, pulvinar aenean pretium sociosqu
fermentum adipiscing taciti, mauris ad gravida sodales felis ante. Nostra condimentum imperdiet fermentum
phasellus efficitur hac viverra ad curabitur, semper magnis natoque praesent mollis risus volutpat senectus
lacus, venenatis sapien mus per dapibus cubilia pretium proin. Efficitur placerat proin arcu volutpat
lacinia dui sodales litora, metus sapien phasellus urna ullamcorper tempus aenean vulputate feugiat, mollis
odio scelerisque per ultrices porta potenti. Ornare fames tempor suspendisse euismod condimentum fringilla
risus, taciti quam habitant ut per maecenas enim, platea arcu venenatis at integer ac.</p>
<h3 id="op2" class="tema">skills</h3>
<p>
Minhas skills apresentam uma abrangencia nas areas de tecnologia ...
</p>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit euismod primis tempor habitant massa scelerisque,
magnis dis finibus lacinia velit sociosqu torquent id pellentesque eros hac eu. Arcu consequat in sociosqu
litora magnis malesuada viverra nunc, lectus pulvinar parturient tempor mattis feugiat non, ullamcorper
magna faucibus elit fringilla iaculis duis. Senectus tellus et sit suscipit ornare elit nulla blandit nunc
venenatis vulputate, in magnis cras taciti suspendisse dapibus nec quam semper euismod, laoreet turpis nam
augue ante lacinia mauris efficitur lobortis inceptos. Elit justo euismod curabitur habitant lacinia sed,
sapien aptent rutrum non dictum, tincidunt parturient erat suspendisse aliquet id, ornare eleifend iaculis
volutpat. Cubilia nec magnis hendrerit finibus volutpat per aptent, pulvinar aenean pretium sociosqu
fermentum adipiscing taciti, mauris ad gravida sodales felis ante. Nostra condimentum imperdiet fermentum
phasellus efficitur hac viverra ad curabitur, semper magnis natoque praesent mollis risus volutpat senectus
lacus, venenatis sapien mus per dapibus cubilia pretium proin. Efficitur placerat proin arcu volutpat
lacinia dui sodales litora, metus sapien phasellus urna ullamcorper tempus aenean vulputate feugiat, mollis
odio scelerisque per ultrices porta potenti. Ornare fames tempor suspendisse euismod condimentum fringilla
risus, taciti quam habitant ut per maecenas enim, platea arcu venenatis at integer ac.</p>
<h3 id="op3" class="tema">skills</h3>
<p>
Minhas skills apresentam uma abrangencia nas areas de tecnologia ...
</p>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit euismod primis tempor habitant massa scelerisque,
magnis dis finibus lacinia velit sociosqu torquent id pellentesque eros hac eu. Arcu consequat in sociosqu
litora magnis malesuada viverra nunc, lectus pulvinar parturient tempor mattis feugiat non, ullamcorper
magna faucibus elit fringilla iaculis duis. Senectus tellus et sit suscipit ornare elit nulla blandit nunc
venenatis vulputate, in magnis cras taciti suspendisse dapibus nec quam semper euismod, laoreet turpis nam
augue ante lacinia mauris efficitur lobortis inceptos. Elit justo euismod curabitur habitant lacinia sed,
sapien aptent rutrum non dictum, tincidunt parturient erat suspendisse aliquet id, ornare eleifend iaculis
volutpat. Cubilia nec magnis hendrerit finibus volutpat per aptent, pulvinar aenean pretium sociosqu
fermentum adipiscing taciti, mauris ad gravida sodales felis ante. Nostra condimentum imperdiet fermentum
phasellus efficitur hac viverra ad curabitur, semper magnis natoque praesent mollis risus volutpat senectus
lacus, venenatis sapien mus per dapibus cubilia pretium proin. Efficitur placerat proin arcu volutpat
lacinia dui sodales litora, metus sapien phasellus urna ullamcorper tempus aenean vulputate feugiat, mollis
odio scelerisque per ultrices porta potenti. Ornare fames tempor suspendisse euismod condimentum fringilla
risus, taciti quam habitant ut per maecenas enim, platea arcu venenatis at integer ac.</p>
</div>
<footer>
<p>Criado pelo Desenvolvedor e Analista de Software AugustoN9 <br /> 2022</p>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
</body>
</html>