Add files via upload

MercedesMV · May 20, 2023 · 3d101ac · 3d101ac
1 parent ec9fb13
commit 3d101ac
Show file tree

Hide file tree

Showing 33 changed files with 913 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/JS/music.js b/JS/music.js
@@ -0,0 +1,13 @@
+
+var mySong = document.getElementById("mySong");
+var icon = document.getElementById("icon");
+
+    icon.onclick = function(){
+        if(mySong.paused){
+            mySong.play();
+            icon.src = "imagenes/iconMusic.png";
+        }else{
+            mySong.pause();
+            icon.src = "imagenes/iconMusic.png";
+        }
+    }
diff --git a/README.md b/README.md
@@ -1,2 +1,48 @@
-# mercedesmv.github.io
-Portafolio
+# Portafolio Adaptable (Responsive) con Bootstrap 5
+
+Este proyecto creado para el bootcamp Tecnolochicas PRO, es una página web adaptable a dispositivos de distintos tamaños (este tipo de sitio web se conoce en inglés como "responsive"). 
+
+El propósito de esta página web es mostrar el portafolio de proyectos de un(a) desarrollador(a) y su experiencia. Incluye una descripción breve de su motivación, experiencia, proyectos, artículos publicados y formas de contacto. 
+
+También incluye imágenes alternativas en la carpeta `imagenes` en caso de que se desee personalizar la imagen principal del desarrollador, además de animación a la escritura de la página web con JavaScript.
+
+### Capturas de pantalla:
+
+Primera parte de la página web:
+
+![Primera parte de la página web](imagenes/readme/screenshot1.png)
+
+Experiencia:
+
+![Experiencia](imagenes/readme/screenshot2.png)
+
+Proyectos:
+
+![Proyectos](imagenes/readme/screenshot3.png)
+
+Testimonios:
+
+![Testimonios](imagenes/readme/screenshot4.png)
+
+Contacto:
+
+![Contacto](imagenes/readme/screenshot5.png)
+
+## Tecnologías
+
+Esta página web fue creada con:
+
+* HTML
+* CSS
+* JavaScript 
+* Bootstrap 5
+
+Además, se incluyeron **Google Fonts** para personalizar la fuente y **Bootstrap icons** para incorporar íconos como flechas y logos de redes sociales populares. 
+
+## Español
+
+El texto de la página web está escrito en español, al igual que las clases y atributos personalizados. Las clases relacionadas con Bootstrap se incluyeron en inglés.
+
+
+
+
diff --git a/imagenes/bloc.txt b/imagenes/bloc.txt
@@ -0,0 +1 @@
+dfsdf
diff --git a/imagenes/cliente1.svg b/imagenes/cliente1.svg
diff --git a/imagenes/cliente2.svg b/imagenes/cliente2.svg
diff --git a/imagenes/cliente3.svg b/imagenes/cliente3.svg
diff --git a/imagenes/clonaciongoogle.jpg b/imagenes/clonaciongoogle.jpg
diff --git a/imagenes/desarrollador-ejemplo.svg b/imagenes/desarrollador-ejemplo.svg
diff --git a/imagenes/hero-inferior.svg b/imagenes/hero-inferior.svg
diff --git a/imagenes/iconMusic.png b/imagenes/iconMusic.png
diff --git a/imagenes/icono-blanco.svg b/imagenes/icono-blanco.svg
diff --git a/imagenes/icono.png b/imagenes/icono.png
diff --git a/imagenes/proyecto1.png b/imagenes/proyecto1.png
diff --git a/imagenes/proyecto2.png b/imagenes/proyecto2.png
diff --git a/imagenes/proyecto3.png b/imagenes/proyecto3.png
diff --git a/imagenes/proyecto4.png b/imagenes/proyecto4.png
diff --git a/imagenes/proyecto5.png b/imagenes/proyecto5.png
diff --git a/imagenes/proyecto6.png b/imagenes/proyecto6.png
diff --git a/imagenes/readme/bloc.txt b/imagenes/readme/bloc.txt
@@ -0,0 +1 @@
+dfsdf
diff --git a/imagenes/readme/screenshot1.png b/imagenes/readme/screenshot1.png
diff --git a/imagenes/readme/screenshot2.png b/imagenes/readme/screenshot2.png
diff --git a/imagenes/readme/screenshot3.png b/imagenes/readme/screenshot3.png
diff --git a/imagenes/readme/screenshot4.png b/imagenes/readme/screenshot4.png
diff --git a/imagenes/readme/screenshot5.png b/imagenes/readme/screenshot5.png
diff --git a/imagenes/testimonioDos.jpg b/imagenes/testimonioDos.jpg
diff --git a/imagenes/testimonioTres.png b/imagenes/testimonioTres.png
diff --git a/imagenes/testimonioUno.jpg b/imagenes/testimonioUno.jpg
diff --git a/imagenes/yome.jpeg b/imagenes/yome.jpeg