# data[].attributes.body
proyecto
Mendoza Rodriguez Carolina

# data[].attributes.body
Dejo aquí mi archivito de práctica, trate de hacer las prácticas en un solo archivo HTML e ir incorporando y comentando el código para que al volver a verlo, pueda recordar de que trataban los segmentos.
Hace mucho tiempo estudie HTML y lo hacia en un bloc de notas y era una interfaz sencilla, esta vez que incorporamos Visual Studio Code la experiencia se vuelve muy diferente, incluso la forma en la que es posible ordenar el código facilita mucho poder encontrar errores. El curso me gusto mucho, los temas se abordaron rápido y conciso pero en cada clase (o en la mayoría) nos brindaron material para poder complementar nuestro estudio y conocer más de lo que estábamos haciendo

# data[].attributes.body
Me gustó mucho este curso, fue muy explícito, y reo que sí debo practicar más con los <div>.

Me gustó mucho el CSS, muchísimo.

# data[].attributes.body
Todo este curso me pareció un reto ya que no sabía nada de programación pero afortunadamente repitiendo videos, anotando lo que me parecía importarte, y memorizado etiquetas y terminos pude lograrlo.

# data[].attributes.attachment_caption
Aquí muestro el intento que realicé para mi emprendimiento que son muñecos tejidos.

# data[].attributes.body
Este curso me parece demasiado interesante, ya que pude desarrollar una página independiente a la del proyecto, lo que me dará una idea para seguir mejorando mi emprendimiento, pasatiempo,
Si me atoré en la página de mi emprendimiento porque entendí el porque hay solo gente que se dedica al diseño, pues de querer meter todas las ideas, unas se van descartando y así sucesivamente.
Estoy emocionada por empezar ya la siguiente parte.

# data[].attributes.body
hola comparto mi página, en la captura no se ve, pero si ultilize la herramienta inframe.

# data[].attributes.body
Fue super divertirlo y confuso en hacerlo porque es mi priera interacción, la verdad me encanto y sobre todo hacer con mi anime favorito.

# data[].attributes.body
este curso me gusto a pesar que se me complico la parte de js pero en si me gusto todo este curso porque el contenido fue el que se necesitaba

# data[].attributes.body
Me gustó mucho este curso, aunque hay cosas que aún me faltan con práctica y dedicación todo se puede :D

# data[].attributes.body
Quise intentar con la idea de una página de asesorías para visitar paginas mexicanas, aun hay detalles por pulir, pero creo que quedo bastante bien.

Las opciones dentro del background rosa son enlaces, también el párrafo "Actividades tradicionales" y “21 platillos de mariscos Mexicanos ¡Que no te puedes perder!”

Estoy muy agradecida con este curso, y lo que estoy descubriendo que puedo hacer, estoy ansiosa por lo que sigue.

Miles de gracias por todo.

# data[].attributes.body
Mi pagina sobre rocas con un contenido muy hermoso por dentro :3 aun quiero experimentar muchisimo más y ver que más puedo hacer.

# data[].attributes.body
Bien, mi página tiene algunos detalles por que es mi 1 acercamiento, sin embargo agradezco que en este lapso tuve muchisima guía y me explicaron por que de lo contrario se me hubiese dificultado más.

Sigo aprendiendo por si mi página no esta perfecta.

Atenea Olivares García

# data[].attributes.body
Hola, comparto con ustedes mi primer pagina web :)

# data[].attributes.body
Les dejo una captura de pantalla, pero les invito a abrir mi archivo RAR para verla a detalle

# data[].attributes.body
¡¡¡¡Esto sí que fue un reto!!!!
Agradezco mucho esta oportunidad de aprendizaje y aunque estaba agobiada con los botones de la actividad final...
¡¡¡se logró!!!

# data[].attributes.body
Hice como práctica un menú, no es mucho pero fue con amor, jeje.

# data[].attributes.attachment_link.readable_text
@import url("https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap");

body {
  height: 300vh;
  margin: 0;
  background: linear-gradient(0deg, #f57803, #fcf9f9);
  font-family: "Rubik Mono One", sans-serif;
  overflow: hidden;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}


h2 {
  color: #418503;
  text-align: center;
  font-size: 38px;
  font-weight: normal;
  letter-spacing: 2px;
  word-spacing: -20px;
  line-height: 1.2;
  padding-top: 3vh;
  margin-bottom: 5vh;
}

h2 span {
  color: #07f84f;
}

.group {
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}

.item {
  width: 10vw;
  height: 65vh;
  position: relative;
  background-image: var(--url);
  background-position: center;
  background-size: 75vh;
  margin: 1vw;
  border-radius: 3vw;
  display: inline-block;
  cursor: pointer;
}

.overlay {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3vw;
  position: absolute;
  height: 65vh;
  width: 100%;
  opacity: auto;
  background: rgba(0, 0, 0, 0.4);
}

.menu {
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 100%;
  padding-top: 20vh;
  padding-bottom: 10vh;
  border-radius: 0 0 3vw 3vw;
  transform: translateX(-50%);
  background: linear-gradient(to top, rgba(137, 207, 71, 0.8) 50%, rgba(0, 0, 0, 0));
  opacity: 0;
}

.menu label {
  color: #f1efbb;
  display: block;
  font-size: 25px;
  letter-spacing: -2px;
  word-spacing: -10px;
  text-transform: capitalize;
  overflow-x: hidden;
  text-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
}

.btn {
  border: none;
  color: rgb(53, 95, 29);
  padding: 20px 23px;
  cursor: pointer;
}

.Reservar {background-color: #750f3a;}
.success:hover {background-color: #67b986;}

.info {background-color: #f8f8f8;}
.info:hover {background: #7bd37f;}


# data[].attributes.body
Mi primera Pag Web

# data[].attributes.attachment_caption
Estoy segura que la practica hace al maestro, así que espero poder ser mas ágil al programar y poder sacar mucho mas provecho a lo aprendido en este modulo.

# data[].attributes.body
file:///C:/Users/Sarai/HTML/index.html

# data[].attributes.headline
Mi primera página web. Marlenn Ramos González

# data[].attributes.subject
Mi primera página web. Marlenn Ramos González

# data[].attributes.body
Me gusto el curso de coding, me falta mas por practicar.  El link de mi página web: file:///C:/Users/Acer%20E5/OneDrive/Mi%20p%C3%A1gina%20web/index.html

# data[].attributes.attachment_caption
Adjunto los prototipos que se realizaron al concluir el modulo de Introducción al coding (^ ▽ ^)

# data[].attributes.body
Hola, adjunto un video ya que en el link sale distinto a como es la pagina.

# data[].attributes.headline
Proyecto - Introducción al coding - Iveth Sánchez 

# data[].attributes.subject
Proyecto - Introducción al coding - Iveth Sánchez 

# data[].attributes.attachment_link.description
Store photos and docs online. Access them from any PC, Mac or phone. Create and work together on Word, Excel or PowerPoint documents.

# data[].attributes.attachment_caption
A continuación, adjunto el enlace de la carpeta Drive en la que subí todo el código : https://drive.google.com/drive/folders/1WUyROgXPSuZIXrZ-_FiJp6BwFO-d1v1Q?u

# data[].attributes.headline
Introducción al Coding- Proyecto - María José Bernal M. 👩‍💻 

# data[].attributes.subject
Introducción al Coding- Proyecto - María José Bernal M. 👩‍💻 

# data[].attributes.body
Hola! comparto con ustedes mi trabajo de visual studio code....
https://drive.google.com/drive/folders/1E8CHqVmEmO7Vj8ZYayDiMDaD5P508aYZ?usp=drive_link

# data[].attributes.body
Aplique a la página Css, Bootstrap y  los botones JavaScript.
Anexo liga de Drive con el código.
https://drive.google.com/file/d/14V7GbdkOe1_RmqEXE_5lA2Ky6G1P0KB0/view?usp=sharing

# data[].attributes.headline
Analuz Alvarado Aguilar - Para mí fue una experiencia muy divertido el aprender programación paso a paso y me siento muy orgullosa de haber logrado crear mi primera página web.😄

# data[].attributes.subject
Analuz Alvarado Aguilar - Para mí fue una experiencia muy divertido el aprender programación paso a paso y me siento muy orgullosa de haber logrado crear mi primera página web.😄