Skip to content

Commit d6dc5c1

Browse files
lislemoslislemos
authored
Add files via upload
1 parent 1dd9bbd commit d6dc5c1

File tree

2 files changed

+423
-0
lines changed

2 files changed

+423
-0
lines changed

‎index.html‎

Lines changed: 212 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,212 @@
1+
<!DOCTYPE html>
2+
<html lang="pt-br">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
<link rel="stylesheet" href="style.css" />
8+
<title>Aulas de Interfaces - HTML</title>
9+
</head>
10+
11+
<body>
12+
<div id="particles-js"></div>
13+
<div class="container">
14+
<div class="fotos">
15+
<img
16+
class="profile"
17+
src="https://avatars.githubusercontent.com/u/114545415?v=4"
18+
/>
19+
<img
20+
class="profile_proa"
21+
src="https://media.licdn.com/dms/image/v2/C4D0BAQFD15RCaLy7tA/company-logo_200_200/company-logo_200_200/0/1630474459882/instituto_proa_logo?e=1762992000&v=beta&t=D2svFp9Qs_YGR13lgCRR4ss8k0nrx8e8e06BpVI5Ie4"
22+
/>
23+
</div>
24+
25+
<h2>Aulas Interface Proa</h2>
26+
<p>Aulas Interface desenvolvidas com HTML e CSS no Instituto Proa Mestrados por Debora Paixao</p>
27+
28+
<div class="info-container">
29+
<div class="social-media-container">
30+
<a href="https://github.com/lislemos">
31+
<i data-feather="github"></i>
32+
</a>
33+
<a href="https://www.linkedin.com/in/lismoss/"><i data-feather="linkedin"></i></a>
34+
</div>
35+
36+
<div class="content">
37+
<div class="main-content">
38+
<a
39+
href= "aula um/aulaum.html"
40+
class="link highlight"
41+
>
42+
⭐️Aula Um
43+
</a>
44+
<a class="link" href="aula dois/auladois.html">
45+
⭐️Aula Dois
46+
</a>
47+
<a class="link" href="aula tres/aulatres.html">
48+
Aula Tres⭐️
49+
</a>
50+
<a
51+
class="link"
52+
href="aula quatro/aulaq.html"
53+
>
54+
Aula Quatro⭐️
55+
</a>
56+
<a
57+
class="link"
58+
href="aula cinco/aulac.html"
59+
>
60+
⭐️Aula Cinco
61+
</a>
62+
<a
63+
class="link"
64+
href="aula seis/aulas.html"
65+
>
66+
⭐️Aula Seis
67+
</a>
68+
<a
69+
class="link"
70+
href="aula sete/aula_sete.html"
71+
>
72+
Aula Sete⭐️
73+
</a>
74+
</div>
75+
</div>
76+
</div>
77+
</div>
78+
</body>
79+
<script src="https://unpkg.com/feather-icons"></script>
80+
<script>
81+
feather.replace();
82+
</script>
83+
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
84+
<script>
85+
particlesJS("particles-js", {
86+
particles: {
87+
number: {
88+
value: 1200,
89+
density: {
90+
enable: true,
91+
value_area: 789.1476416322727,
92+
},
93+
},
94+
color: {
95+
value: "#ffffff",
96+
},
97+
shape: {
98+
type: "circle",
99+
stroke: {
100+
width: 0,
101+
color: "#000000",
102+
},
103+
polygon: {
104+
nb_sides: 5,
105+
},
106+
image: {
107+
src: "img/github.svg",
108+
width: 100,
109+
height: 100,
110+
},
111+
},
112+
opacity: {
113+
value: 0.48927153781200905,
114+
random: false,
115+
anim: {
116+
enable: true,
117+
speed: 0.2,
118+
opacity_min: 0,
119+
sync: false,
120+
},
121+
},
122+
size: {
123+
value: 2,
124+
random: true,
125+
anim: {
126+
enable: true,
127+
speed: 2,
128+
size_min: 0,
129+
sync: false,
130+
},
131+
},
132+
line_linked: {
133+
enable: false,
134+
distance: 150,
135+
color: "#ffffff",
136+
opacity: 0.4,
137+
width: 1,
138+
},
139+
move: {
140+
enable: true,
141+
speed: 1,
142+
direction: "none",
143+
random: true,
144+
straight: false,
145+
out_mode: "out",
146+
bounce: false,
147+
attract: {
148+
enable: false,
149+
rotateX: 600,
150+
rotateY: 1200,
151+
},
152+
},
153+
},
154+
interactivity: {
155+
detect_on: "canvas",
156+
events: {
157+
onhover: {
158+
enable: true,
159+
mode: "bubble",
160+
},
161+
onclick: {
162+
enable: true,
163+
mode: "push",
164+
},
165+
resize: true,
166+
},
167+
modes: {
168+
grab: {
169+
distance: 400,
170+
line_linked: {
171+
opacity: 1,
172+
},
173+
},
174+
bubble: {
175+
distance: 83.91608391608392,
176+
size: 1,
177+
duration: 3,
178+
opacity: 1,
179+
speed: 3,
180+
},
181+
repulse: {
182+
distance: 200,
183+
duration: 0.4,
184+
},
185+
push: {
186+
particles_nb: 4,
187+
},
188+
remove: {
189+
particles_nb: 2,
190+
},
191+
},
192+
},
193+
retina_detect: true,
194+
});
195+
</script>
196+
<script>
197+
const setupButton = document.getElementById("setup-button");
198+
const goBackButton = document.getElementById("go-back-button");
199+
setupButton.addEventListener("click", showContent);
200+
goBackButton.addEventListener("click", hideContent);
201+
202+
function showContent() {
203+
document.getElementById("secondary-content").classList.remove("hide");
204+
document.getElementById("secondary-content").classList.add("show");
205+
}
206+
207+
function hideContent() {
208+
document.getElementById("secondary-content").classList.remove("show");
209+
document.getElementById("secondary-content").classList.add("hide");
210+
}
211+
</script>
212+
</html>

0 commit comments

Comments
 (0)