Introducción
#PlatziCodingChallenge || PlatziCodingChallenge
Lo que aprenderás sobre HTML y CSS
Análisis y creación del proyecto
Análisis del proyecto Google Clone
Configuración del proyecto
Chrome Dev Tools como herramienta
Qué son las Chrome Dev Tools
Header Google Clone
Qué es el Header y cómo hacer su maqueteado
Agregando estilos al Header
Posicionar una lista en horizontal
Manejo de íconos e imágenes en etiquetas
Contenido principal Google Clone
Maquetado de la sección principal
Estilos en la sección principal
Estilos en la sección del input
Íconos y manejo de background hover
Estilos en los botones
Footer Google Clone
Maquetado del Footer
Estilos en Footer
Cierre
Cierre: diferencias entre CSS Grid y Flexbox
Comparte tu proyecto y certifícate
Si llegaste hasta aquí es porque estás a punto de terminar el curso, y seguramente vienes trabajando en tu proyecto: Clon de Google ¡Te felicito por poner en práctica tus habilidades!
...
Regístrate o inicia sesión para leer el resto del contenido.
Aportes 155
Preguntas 7
Ordenar por:
hola les comparto mi clon
Mi clon de Google! Usé el logo navideño de 2022 😃
Hola amigos les comparto mi clon
Hola amigos. Aqui mi aporte de google personalizado
hola!! utilicé un logo diferente y cambié un poco los colores!
![]()
Así quedó mi proyecto. Se agradece feedback:
Desktop version:
Mobile version:
Mi clon de google… Dark-mode Off
Dark off
Les dejo mi proyecto aquí :
https://alvarows20.github.io/Clon-de-Google/
Así me salió:
muchas gracias diego, aqui les comparto mi proyecto.
Mi sello es que lo hice mobile first y lo hice responsive.
Acá les dejo el link para que prueben.
Y acá les dejo el repositorio del proyecto.
Mi clon!!! 😄
Le hice un par de cambios para personalizarlo un poco
¡Curso genial para comenzar en este mundo!
yo utilice este logotipo de Google de hace un par de años atrás para generar el clon. me encanto el curso el profesor explica excelente. ahora a seguir aprendiendo en esto de páginas web
Mi clon
Proyecto cloneGoogle
- Solution URL: https://github.com/Cdrn19/cloneGoogle
- Live Site URL: https://cdrn19.github.io/cloneGoogle/
termine mi clon de google, ahora que sigue.
My Tiny Gooogle Web Clone .
Mi proyecto de clone google
**Mi clon Google.**
Use el logo de hielo, porque acá esta haciendo un friooooo. Saludos de Perú.
Comparto mi proyecto
Les muestro mi diseño, espero les guste
Hola, les comparto mi aporte:
![]()
Repositorio: [andreaRivasRu/google-clone: Google Clone with HTML5 and CSS3 (github.com)](https://github.com/andreaRivasRu/google-clone)
GitHub Pages: <https://andrearivasru.github.io/google-clone/>
![]()Les comparto mi Clon de Google, un poco personalizado con mi![]()s iniciales 
Excelente clase aprendí mucho
Buenas noches, comparto el reto de Google adaptado para todo tipo de pantallas con todo lo aprendido en el curso
Por acá comparto el link del proyecto para ver en vivo <https://google-clone-aez.netlify.app/>
y por acá la URL de Github <https://github.com/AlexanderEstebanZapata1994/Google-clone-challenge-mobile-first>
Acepto recomendaciones y mejoras
Dispositivo pequeño
Dispositivo estandar
Dispositivo tablet
Dispositivo Escritorio
![]()
![]()![]()
![]()
<https://github.com/ar1960/googleclone>
Excelente curso, muy bien explicado y despejo muchas dudas que tenia sobre el posicionamiento al momento de hacer una pagina web
![]()
![]()
![]()
Ya termine mi proyecto de google!
Aquí esta el mio, trate de hacer lo mas parecido posible.
Aqui mis resultados
Hola les comparto el mío
Mi propia versión con el branding de una marca: <https://github.com/santicollage/ClonGoogle>
Les comparto el mio
By:JoseAnez
<https://github.com/jesika132000/Clon-google.git>
<https://drive.google.com/file/d/1CoX7wgPQiZXicbluP-dMOOQrBYJZf8yS/view?usp=sharing>
ahi esta mi link del trabajo
El mio
Mi version Dark mode
El curso a estado genial, felicitaciones a todos los que llegaron hasta el final del curso.
Claude Shannon
Es imposible exagerar el legado de Claude Shannon. El artículo que escribió para su tesis de maestría es la base de la informática digital electrónica. Como criptógrafo para el gobierno de Estados Unidos durante la Segunda Guerra Mundial, desarrolló el primer cifrado irrompible. Para divertirse, jugueteaba con interruptores electrónicos y uno de sus inventos, un ratón electromecánico al que llamado Teseo, podía aprender a navegar por un laberinto. Si estás pensando “eso se parece mucho a la inteligencia artificial”, estás en lo cierto. Regularmente se codeaba con Einstein y Alan Turing, y su trabajo en comunicaciones electrónicas y procesamiento de señales (lo que le valió el apodo de “el padre de la teoría de la información”) condujo a cambios revolucionarios en el almacenamiento y la transmisión de datos . A pesar de esta asombrosa lista de logros en matemáticas e ingeniería, Shannon logró evitar una de las trampas del genio: tomarse a sí mismo demasiado en serio. Bromista y malabarista de talla mundial, a menudo se le veía en los pasillos de los Laboratorios Bell en un monociclo, e inventó dispositivos como el frisbee propulsado por cohetes y la trompeta que lanza llamas. Dame un resumen del texto anterior lo más corto y conciso
Es una imitación de la página principal de Opera, que usa el motor de búsqueda de google, por lo que hice la barra de búsqueda de google, tambien tiene un reporte del clima según tu ubicación
clon de google
mi clon, se que no lo hice de ceros, pero hay vamos entendiendo.
Aprendí mucho en este curso práctico:
es increible como sabiendo un de aqui aqui un chin de alli see puede crear cosas que aunque se ven tan simple tienen su razon de ser…
Hola!! les comparto mi clone de Google
googleClone
¡Acá les dejo mi repo! Disfruté mucho aprendiendo. Quizás cuando veas esto ya tenga la versión responsive del proyecto.
aqui mi proyecto terminado
Comparto mi proyecto final…
mi aporte:
Clon de Google versión oscura, en vez del logo, le puse un Doodle. >> https://soyjrlemus.github.io/clondegoogle-platzi/
Mi clon de Google, gracias Prof Grande es Ud un Crack, gracias a todo el equipo de Platzi, seguimos avanzando sin parar de aprender.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?