-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (100 loc) · 6.26 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Gato Preto Brincalhão</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap" rel="stylesheet">
</head>
<body>
<header>
<h1>Gato Preto</h1>
</header>
<nav>
<a href="#home">Home</a>
<a href="#sobre">Sobre</a>
<a href="#galeria">Galeria</a>
<a href="#contato">Contato</a>
</nav>
<section id="home">
<section class="img-with-text">
<img src="img/cat1.svg" alt="gato silhueta 1">
<div class="text">
<h2>Gato Preto</h2>
<p>Na noite escura, um gato a bailar,
Preto como a sombra, a brincar sem parar.
Com olhos dourados, brilha como o luar,
Gato preto brincalhao, a magia a encantar.</p>
</div>
</section>
</section>
<section id="sobre"></section>
<section class="article">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#333" fill-opacity="1" d="M0,315L299,2L576,228L860,228L1152,32L1522,392L1440,320L1152,320L864,320L576,320L288,320L0,320Z"></path></svg>
<div class="article-text">
<article>
<h2>Sobre o Gato Preto</h2>
<p>Pelas vielas, ele pula e corre,
Em sua dança, a alegria que morre.
Rabo ereto, como uma pena de corvo,
Gato preto brincalhão, é o rei do forro.
Pelos becos, ele se esconde e se mostra,
Sua travessura, uma rima que encanta e rola.
Mia suave, como uma melodia solta,
Gato preto brincalhão, na noite é quem controla. Com passos leves, ele dança na escuridão,
Entre telhados, uma elegante canção.
Misterioso e ágil, como uma ilusão,
Gato preto brincalhão, reina na solidão.</p>
<br>
<br>
<br>
<a href="sobre.html" target="_blank">
<button type="button">saber mais</button>
</a>
</article>
</div>
</section>
<section id="galeria">
<!-- Adicione imagens da galeria aqui -->
<h2>Galeria de Imagens</h2>
<div>
<img src="img/cat2.jpg" alt="silhueta de gato 2">
<img src="img/cat3.jpg" alt="silhueta de gato 3">
<img src="img/cat4.jpg" alt="silhueta de gato 4">
</div>
</section>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#333" fill-opacity="1" d="M0,96L21.8,80C43.6,64,87,32,131,64C174.5,96,218,192,262,240C305.5,288,349,288,393,288C436.4,288,480,288,524,277.3C567.3,267,611,245,655,218.7C698.2,192,742,160,785,176C829.1,192,873,256,916,272C960,288,1004,256,1047,224C1090.9,192,1135,160,1178,128C1221.8,96,1265,64,1309,64C1352.7,64,1396,96,1418,112L1440,128L1440,0L1418.2,0C1396.4,0,1353,0,1309,0C1265.5,0,1222,0,1178,0C1134.5,0,1091,0,1047,0C1003.6,0,960,0,916,0C872.7,0,829,0,785,0C741.8,0,698,0,655,0C610.9,0,567,0,524,0C480,0,436,0,393,0C349.1,0,305,0,262,0C218.2,0,175,0,131,0C87.3,0,44,0,22,0L0,0Z"></path></svg>
<section id="contato">
<h2>Entre em Contato</h2>
<div class="formularioContato">
<form action="#" method="post" enctype="multipart/form-data">
<label>
<span><i class="icon icon-user-1"></i> Nome</span>
<input type="text" name="nome" required="">
</label>
<label>
<span><i class="icon icon-email"></i> E-mail</span>
<input type="text" name="email" class="fade_8S">
</label>
<label>
<span><i class="icon icon-flag"></i> Assunto</span>
<input type="text" name="assunto" required="">
</label>
<label>
<span><i class="icon icon-comment"></i> Mensagem</span>
<textarea name="mensagem" rows="3" required=""></textarea>
</label>
<input type="hidden" name="acao" value="enviar" />
<button class="btn-envia" title="Enviar"><b class="icon icon-paper-plane-o"> Enviar</b></button>
</form>
</div><!--Formulario Contato-->
</section>
<footer>
<p>© 2024 Gato Preto Brincalhão - todos os direitos reservados a <a href="https://proxygo.com.br">Proxy Go</a></p>
</footer>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#333" fill-opacity="1" d="M0,96L21.8,80C43.6,64,87,32,131,64C174.5,96,218,192,262,240C305.5,288,349,288,393,288C436.4,288,480,288,524,277.3C567.3,267,611,245,655,218.7C698.2,192,742,160,785,176C829.1,192,873,256,916,272C960,288,1004,256,1047,224C1090.9,192,1135,160,1178,128C1221.8,96,1265,64,1309,64C1352.7,64,1396,96,1418,112L1440,128L1440,320L1418.2,320C1396.4,320,1353,320,1309,320C1265.5,320,1222,320,1178,320C1134.5,320,1091,320,1047,320C1003.6,320,960,320,916,320C872.7,320,829,320,785,320C741.8,320,698,320,655,320C610.9,320,567,320,524,320C480,320,436,320,393,320C349.1,320,305,320,262,320C218.2,320,175,320,131,320C87.3,320,44,320,22,320L0,320Z"></path></svg>
</body>
</html>