-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
51 lines (45 loc) · 2.27 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
<!DOCTYPE html>
<head>
<title>PLAWMI</title>
<link href="./css/intro.css" rel="stylesheet" type="text/css">
<link href="./css/customButton.css" rel="stylesheet" type="text/css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
</head>
<body>
<div class="section section_brand">
<div class="brand_letters">
<img class="letter" data-delay=" 0s" src="./assets/plawmi/p.png">
<img class="letter" data-delay=".1s" src="./assets/plawmi/l.png">
<img class="letter" data-delay=".2s" src="./assets/plawmi/a.png">
<img class="letter" data-delay=".3s" src="./assets/plawmi/w.png">
<img class="letter" data-delay=".4s" src="./assets/plawmi/m.png">
<img class="letter" data-delay=".5s" src="./assets/plawmi/i.png">
</div>
<h3 class="brand_description" data-delay=" 1.3s">
plataforma web de multimídia interativa
</h3>
</div>
<div class="section section_info">
<div class="birds">
<img class="bird" data-delay=".1s" src="./assets/birds/orangeBird.png">
<img class="bird" data-delay=".2s" src="./assets/birds/greenBird.png">
<img class="bird" data-delay=".3s" src="./assets/birds/darkGreenBird.png">
<img class="bird" data-delay=".4s" src="./assets/birds/blueBird.png">
<img class="bird" data-delay=".5s" src="./assets/birds/purpleBird.png">
<img class="bird" data-delay=".6s" src="./assets/birds/pinkBird.png">
<img class="bird" data-delay=".7s" src="./assets/birds/grayBird.png">
</div>
<p class="info_text" data-delay=".4s">
A PLAWMI é um projeto nascido durante as aulas de Introdução à Multimídia, por amigos
do CIN/UFPE. O objetivo da Plataforma é aliar o audio e o visual de forma interativa,
proporcionando diversão multimídica aos Plawmers. Clique no botão abaixo e plawme conosco!
</p>
<a href="./plawmi.html">
<button class="info_button" data-delay=".8s" type="button">
Quero plawmar
</button>
<a>
</div>
</body>
<script src="./scripts/intro.js"></script>