diff --git a/ACT27_sad/ACT27_sad.html b/ACT27_sad/ACT27_sad.html
new file mode 100755
index 0000000..5ec6586
--- /dev/null
+++ b/ACT27_sad/ACT27_sad.html
@@ -0,0 +1,93 @@
+
+
+
+
+ Mascotas
+
+
+
+
+
+
+
+ Adopta una mascota
+
+
+
+
+
+
+
+
+
Praesent quis orcidiam viverralopr
+
Raes quis orci eget diam viverralopr con equat. Fusce sagit quam ihui hyhy kolo opirlo pulvinarhjkjo.
+
+
+
+
+
+
Praesent quis orcidiam viverralopr
+
Raes quis orci eget diam viverralopr con equat. Fusce sagit quam ihui hyhy kolo opirlo pulvinarhjkjo.
+
+
+
+
+
+
Praesent quis orcidiam viverralopr
+
Raes quis orci eget diam viverralopr con equat. Fusce sagit quam ihui hyhy kolo opirlo pulvinarhjkjo.
+
+
+
+
+
+
Praesent quis orcidiam viverralopr
+
Raes quis orci eget diam viverralopr con equat. Fusce sagit quam ihui hyhy kolo opirlo pulvinarhjkjo.
+
+
+
+
+
+
Praesent quis orcidiam viverralopr
+
Raes quis orci eget diam viverralopr con equat. Fusce sagit quam ihui hyhy kolo opirlo pulvinarhjkjo.
+
+
+
+
+
+
Praesent quis orcidiam viverralopr
+
Raes quis orci eget diam viverralopr con equat. Fusce sagit quam ihui hyhy kolo opirlo pulvinarhjkjo.
+
+
+
+
+
+
+

+
Colaborador
+
colaborador1@gmail.com
+
+
+

+
Colaboradora
+
colaborador1@gmail.com
+
+
+

+
Colaboradora
+
colaborador1@gmail.com
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ACT27_sad/estilos.css b/ACT27_sad/estilos.css
new file mode 100755
index 0000000..caaf44a
--- /dev/null
+++ b/ACT27_sad/estilos.css
@@ -0,0 +1,151 @@
+
+* {
+ margin: 0px;
+ padding: 0px;
+}
+
+body {
+ background-color: gray;
+}
+
+header, main, footer
+{
+ max-width: 1200px;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 20px;
+}
+
+header
+{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ background-color: #103610;
+ padding: 10px 20px;
+
+}
+
+header h1
+{
+ color: white;
+ margin: 0;
+ font-size: 3em;
+ margin: 30px 30px 30px;
+}
+
+#menu
+{
+ display: flex;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+#menu li
+{
+ padding: 0 15px;
+ border-right: 1px solid white;
+}
+#menu li:last-child
+{
+ border-right: none;
+}
+
+
+#menu a
+{
+ text-decoration: none;
+ color: white;
+ display: block;
+ font-size: 1.3em;
+}
+
+main
+{
+ background-color: white;
+}
+
+#mascotas
+{
+ display: flex;
+ flex-wrap: wrap;
+ gap: 30px;
+ justify-content: center;
+ margin-top: 30px;
+}
+
+.mascota
+{
+ display: flex;
+ align-items: flex-start;
+ max-width: 500px;
+ background-color: white;
+}
+
+.mascota .info h3
+{
+ margin-top: 0;
+ font-size: 1.3em;
+}
+
+.mascota .info p
+{
+
+ font-size: 1.4em;
+ line-height: 1.5;
+}
+
+#colaboradores
+{
+
+ background-color: #103610;
+ display: flex;
+ flex-wrap: nowrap;
+ justify-content: center;
+ padding: 40px;
+ overflow-x: auto;
+}
+
+.colaborador
+{
+ flex-shrink: 0;
+ min-width: 200px;
+ text-align: center;
+ background-color: transparent;
+ border-right: 1px solid white;
+ padding: 20px 30px
+}
+
+#colaboradores .colaborador:last-child
+{
+ border-right: none;
+}
+
+.colaborador img
+{
+ width: 120px;
+ height: 120px;
+ border-radius: 50%;
+ border: 10px solid #8aad8a;
+ margin: 0 auto 15px auto;
+ display: block;
+}
+
+.colaborador h3
+{
+ color:white;
+}
+.colaborador p
+{
+ color: white;
+}
+
+footer
+{
+ background-color: #103610;
+ text-align: center;
+ color: white;
+ text-decoration: none;
+ font-size: 1.5em;
+}
\ No newline at end of file
diff --git a/ACT27_sad/images/cara1.jpg b/ACT27_sad/images/cara1.jpg
new file mode 100755
index 0000000..3554de9
Binary files /dev/null and b/ACT27_sad/images/cara1.jpg differ
diff --git a/ACT27_sad/images/cara2.jpg b/ACT27_sad/images/cara2.jpg
new file mode 100755
index 0000000..ec0dec6
Binary files /dev/null and b/ACT27_sad/images/cara2.jpg differ
diff --git a/ACT27_sad/images/cara3.jpg b/ACT27_sad/images/cara3.jpg
new file mode 100755
index 0000000..496eaf8
Binary files /dev/null and b/ACT27_sad/images/cara3.jpg differ
diff --git a/ACT27_sad/images/mascota1.jpg b/ACT27_sad/images/mascota1.jpg
new file mode 100755
index 0000000..dc48c28
Binary files /dev/null and b/ACT27_sad/images/mascota1.jpg differ
diff --git a/ACT27_sad/images/mascota2.jpg b/ACT27_sad/images/mascota2.jpg
new file mode 100755
index 0000000..263da1c
Binary files /dev/null and b/ACT27_sad/images/mascota2.jpg differ
diff --git a/ACT27_sad/images/mascota3.jpg b/ACT27_sad/images/mascota3.jpg
new file mode 100755
index 0000000..82826de
Binary files /dev/null and b/ACT27_sad/images/mascota3.jpg differ
diff --git a/ACT27_sad/images/mascota4.jpg b/ACT27_sad/images/mascota4.jpg
new file mode 100755
index 0000000..0923864
Binary files /dev/null and b/ACT27_sad/images/mascota4.jpg differ
diff --git a/ACT27_sad/images/mascota5.jpg b/ACT27_sad/images/mascota5.jpg
new file mode 100755
index 0000000..775de52
Binary files /dev/null and b/ACT27_sad/images/mascota5.jpg differ
diff --git a/ACT27_sad/images/mascota6.jpg b/ACT27_sad/images/mascota6.jpg
new file mode 100755
index 0000000..10ec665
Binary files /dev/null and b/ACT27_sad/images/mascota6.jpg differ
diff --git a/ACT27_sad/resultat.png b/ACT27_sad/resultat.png
new file mode 100755
index 0000000..89b006c
Binary files /dev/null and b/ACT27_sad/resultat.png differ