From 53061b2253446d0a3d28adf1e705d8c15ca5b1e3 Mon Sep 17 00:00:00 2001 From: 230406 <230406@epvc.pt> Date: Tue, 10 Mar 2026 16:38:34 +0000 Subject: [PATCH] first commit --- main | 0 website/home.html | 37 +++++++++++++++++++ website/index.html | 56 ++++++++++++++++++++++++++++ website/style.css | 91 ++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 184 insertions(+) create mode 100644 main create mode 100644 website/home.html create mode 100644 website/index.html create mode 100644 website/style.css diff --git a/main b/main new file mode 100644 index 0000000..e69de29 diff --git a/website/home.html b/website/home.html new file mode 100644 index 0000000..219d845 --- /dev/null +++ b/website/home.html @@ -0,0 +1,37 @@ + + + + + + PetLink - Bem-vindo + + + +
+

PetLink

+ +
+
+
+

Bem-vindo ao PetLink!

+

O PetLink conecta pessoas que querem adotar animais com canis e protetores, além de facilitar a doação de bens essenciais para os animais.

+ +
+ Quero Adotar + Quero Doar +
+
+
+ + + \ No newline at end of file diff --git a/website/index.html b/website/index.html new file mode 100644 index 0000000..fa1a3cf --- /dev/null +++ b/website/index.html @@ -0,0 +1,56 @@ + + + + + + PetLink - Adoção e Doação + + + +
+

PetLink

+ +
+
+
+

Adote um Animal

+

Veja alguns animais disponíveis para adoção:

+
+ +
+ Cachorro para adoção +

Rex

+

Idade: 2 anos
Raça: SRD
Personalidade: Brincalhão

+ +
+
+ Gato para adoção +

Mia

+

Idade: 1 ano
Raça: SRD
Personalidade: Carinhosa

+ +
+
+
+
+

Doe para um Canil

+

Ajude os canis doando alimentos, cobertores, brinquedos e outros itens essenciais.

+
+ + + + + + + +
+
+
+ + + \ No newline at end of file diff --git a/website/style.css b/website/style.css new file mode 100644 index 0000000..00398cd --- /dev/null +++ b/website/style.css @@ -0,0 +1,91 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background: #f7f7f7; + color: #222; +} +header { + background: #4caf50; + color: white; + padding: 1.5rem 0; + text-align: center; +} +nav a { + color: white; + margin: 0 1rem; + text-decoration: none; + font-weight: bold; +} +main { + max-width: 900px; + margin: 2rem auto; + background: white; + padding: 2rem; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0,0,0,0.08); +} +section { + margin-bottom: 2.5rem; +} +.animais-lista { + display: flex; + gap: 2rem; + flex-wrap: wrap; +} +.animal { + background: #e8f5e9; + border-radius: 8px; + padding: 1rem; + width: 220px; + text-align: center; + box-shadow: 0 1px 4px rgba(0,0,0,0.06); +} +.animal img { + width: 120px; + height: 120px; + border-radius: 50%; + object-fit: cover; + margin-bottom: 0.5rem; +} +.animal button { + background: #388e3c; + color: white; + border: none; + padding: 0.5rem 1rem; + border-radius: 4px; + cursor: pointer; + margin-top: 0.5rem; +} +.animal button:hover { + background: #2e7031; +} +.form-doacao { + display: flex; + flex-direction: column; + gap: 0.7rem; + max-width: 350px; +} +.form-doacao input, .form-doacao button { + padding: 0.5rem; + border-radius: 4px; + border: 1px solid #ccc; +} +.form-doacao button { + background: #4caf50; + color: white; + border: none; + font-weight: bold; + cursor: pointer; +} +.form-doacao button:hover { + background: #388e3c; +} +footer { + text-align: center; + padding: 1rem 0; + background: #333; + color: white; + margin-top: 2rem; + border-radius: 0 0 8px 8px; +} \ No newline at end of file