From 47f46794af30fb16d68a3a99007390718a924c7a Mon Sep 17 00:00:00 2001 From: Mariperu Date: Thu, 4 Nov 2021 09:42:38 -0500 Subject: [PATCH 01/21] =?UTF-8?q?Maquetaci=C3=B3n?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 105 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 67324f35..61eef1d5 100644 --- a/index.html +++ b/index.html @@ -1 +1,105 @@ - + + + + + + Freelancer + + + + + + + + +
+ + +
+ +
+
+ +

START BOOTSTRAP

+ ---- i--- +

Web developer - Graphic Artis - User Expience Desing

+
+ +
+

+ ---i--- + + + + + + +
+ +
+

ABOUT

+---i-- +
+

+

+
+ +
+ +
+ +

CONTACT ME

+ ---i-- +
+ + + + + + +
+ +
+ + + +
+ + + + + + + From dea0c79d82e43f9bc65ba0fe8b4b3004e0ea8395 Mon Sep 17 00:00:00 2001 From: Mariperu Date: Thu, 4 Nov 2021 09:59:46 -0500 Subject: [PATCH 02/21] Ruta css --- README.md | 44 ++++++++++++++++++++++---------------------- index.html | 7 +++++++ 2 files changed, 29 insertions(+), 22 deletions(-) diff --git a/README.md b/README.md index 1265a92a..298f63ed 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,10 @@ -# Freelancer +# Freelancer. -* **Track:** _Common Core_ -* **Curso:** _Creando tu primer sitio web interactivo_ -* **Unidad:** _Maquetado web con HTML & CSS_ +- **Track:** _Common Core_ +- **Curso:** _Creando tu primer sitio web interactivo_ +- **Unidad:** _Maquetado web con HTML & CSS_ -*** +--- Para completar este reto, hemos creado este repositorio boilerplate (plantilla inicial) con todos los recursos que necesitas. Esto incluye imágenes y @@ -31,50 +31,50 @@ a lograr: ## Consideraciones -* Encontrarás un archivo base `index.html` en el cual deberás escribir la +- Encontrarás un archivo base `index.html` en el cual deberás escribir la estructura de tu proyecto y enlazar tus archivos de estilos (CSS). -* En la carpeta `css` tendrás un archivo base `main.css` donde agregarás los +- En la carpeta `css` tendrás un archivo base `main.css` donde agregarás los estilos necesarios para tu proyecto. -* Dentro de la carpeta `assets` se encuentra la carpeta `images` donde +- Dentro de la carpeta `assets` se encuentra la carpeta `images` donde encontrarás todas las imágenes necesarias para completar tu proyecto. -* Deberás **actualizar el archivo `README.md`** explicando el contenido de tu +- Deberás **actualizar el archivo `README.md`** explicando el contenido de tu repositorio. -* Esta web utiliza 2 tipografías: `Montserrat` y `Lato`. +- Esta web utiliza 2 tipografías: `Montserrat` y `Lato`. -* La paleta de colores puedes obtenerla inspeccionado el sitio original, pero +- La paleta de colores puedes obtenerla inspeccionado el sitio original, pero para ganar tiempo, puedes usar los siguientes: `#2c3e50`, `#18bc9c`, `#212529`. -* Los íconos de redes sociales puedes obtenerlos de [Font Awesome](http://fontawesome.io/). +- Los íconos de redes sociales puedes obtenerlos de [Font Awesome](http://fontawesome.io/). -* Para este reto, encontrarás ciertas cosas que probablemente aun no has visto +- Para este reto, encontrarás ciertas cosas que probablemente aun no has visto en clase (formularios). No te preocupes, estamos seguros que lo afrontarás con éxito, de igual forma aquí unos tips: - Para el formulario, revisa las etiquetas como `form`, `input`, `button`. -* El subrayado que incluye la estrella en las diversas secciones del sitio, en +- El subrayado que incluye la estrella en las diversas secciones del sitio, en la web original se hace con un ícono y pseudoelementos (`:after`, `:before`), es un reto entretenido, sin embargo, no trates de enfocarte en esa parte desde un inicio ya que no es el objetivo principal del reto :) -* Puedes ver el [sitio original](https://blackrockdigital.github.io/startbootstrap-freelancer/) +- Puedes ver el [sitio original](https://blackrockdigital.github.io/startbootstrap-freelancer/) para que te des una idea de como debe quedar. > Nota: El sitio original tiene ciertos efectos y funcionalidades que -están fuera del alcance de este reto. Enfócate en obtener la maquetación -lo más parecido posible, usando lo aprendido en clase ;) + > están fuera del alcance de este reto. Enfócate en obtener la maquetación + > lo más parecido posible, usando lo aprendido en clase ;) ## A tener en cuenta Este reto será evaluado sobre lo siguiente: -* Pixel perfect (replicar el diseño con exactitud) -* Nombramiento de clases, id, etc -* Indentación -* Archivo `README.md` actualizado y correctamente redactado -* Uso de comentarios para hacer tu código más legible +- Pixel perfect (replicar el diseño con exactitud) +- Nombramiento de clases, id, etc +- Indentación +- Archivo `README.md` actualizado y correctamente redactado +- Uso de comentarios para hacer tu código más legible diff --git a/index.html b/index.html index 61eef1d5..641857f3 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,13 @@ + + + + + + + From 5523b5c3aad6cca269ce18b3b0c78b7dc267c914 Mon Sep 17 00:00:00 2001 From: Mariperu Date: Thu, 4 Nov 2021 10:04:16 -0500 Subject: [PATCH 03/21] Conectando con css --- css/main.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/css/main.css b/css/main.css index 839fb7d0..51128b85 100644 --- a/css/main.css +++ b/css/main.css @@ -1,3 +1,5 @@ -/* - * Estilos de tu proyecto - */ \ No newline at end of file +body { + font-family: "Montserrat", sans-serif; + font-family: "Lato", sans-serif; + *background-color: aqua; +} From dc76a444adb5779eddfe2114326d83e752fd6f61 Mon Sep 17 00:00:00 2001 From: Mariperu Date: Thu, 4 Nov 2021 10:05:40 -0500 Subject: [PATCH 04/21] Conectando con css --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 298f63ed..22217d03 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Freelancer. +# Freelancer.. - **Track:** _Common Core_ - **Curso:** _Creando tu primer sitio web interactivo_ From c2967b20816d5834c20b30375e6d47b9eb944a62 Mon Sep 17 00:00:00 2001 From: Mariperu Date: Thu, 4 Nov 2021 10:07:37 -0500 Subject: [PATCH 05/21] Conectando con css --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 298f63ed..22217d03 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Freelancer. +# Freelancer.. - **Track:** _Common Core_ - **Curso:** _Creando tu primer sitio web interactivo_ From 855c0734a325824c7f07e84517c6aadea322c6a9 Mon Sep 17 00:00:00 2001 From: Mariperu Date: Thu, 4 Nov 2021 10:08:55 -0500 Subject: [PATCH 06/21] Conectando con css --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 298f63ed..22217d03 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Freelancer. +# Freelancer.. - **Track:** _Common Core_ - **Curso:** _Creando tu primer sitio web interactivo_ From b8e7ce0cc2586f03ca2dcc1aeac760aee928a67c Mon Sep 17 00:00:00 2001 From: Mariperu Date: Thu, 4 Nov 2021 10:12:00 -0500 Subject: [PATCH 07/21] Conectando con css --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 298f63ed..22217d03 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Freelancer. +# Freelancer.. - **Track:** _Common Core_ - **Curso:** _Creando tu primer sitio web interactivo_ From e6dda3de9f103f95271f604134b61561a493765c Mon Sep 17 00:00:00 2001 From: Mariperu Date: Thu, 4 Nov 2021 10:13:16 -0500 Subject: [PATCH 08/21] Conectando con css --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 298f63ed..22217d03 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Freelancer. +# Freelancer.. - **Track:** _Common Core_ - **Curso:** _Creando tu primer sitio web interactivo_ From d1cec8f2c4c69a0a45417e94fe5e8baeb7a8f3ac Mon Sep 17 00:00:00 2001 From: nadiacontreras-code Date: Thu, 4 Nov 2021 10:30:34 -0500 Subject: [PATCH 09/21] probando ramas --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 22217d03..2ba9db77 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,5 @@ # Freelancer.. +HOLA PROBANDO - **Track:** _Common Core_ - **Curso:** _Creando tu primer sitio web interactivo_ From c6af1c67c89ce25533d390122c72f75e26b7fbe3 Mon Sep 17 00:00:00 2001 From: MariAguirre <75194098+MariAguirre@users.noreply.github.com> Date: Thu, 4 Nov 2021 10:30:47 -0500 Subject: [PATCH 10/21] Probando rama devMaribel --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 641857f3..7c880155 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,7 @@