Aquí presento Googlent: mi proyecto para recrear la interfaz de Google utilizando únicamente HTML y CSS. La meta era simple: explorar hasta dónde puedo llegar con los fundamentos del diseño web. Este trabajo demuestra que incluso con herramientas básicas, es posible lograr diseños limpios y funcionales. Googlent es un ejercicio de precisión y atención al detalle, reflejando el valor de la simplicidad en la tecnología.
¡Bienvenidos a este proyecto!, un proceso sobre cómo la restricción inspira soluciones creativas 🧐.
![firefox_KPY0w1d3zo](https://private-user-images.githubusercontent.com/109047412/316730243-90b029af-4b2e-4220-9451-fbfcce73008d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgzNTI3MzEsIm5iZiI6MTcxODM1MjQzMSwicGF0aCI6Ii8xMDkwNDc0MTIvMzE2NzMwMjQzLTkwYjAyOWFmLTRiMmUtNDIyMC05NDUxLWZiZmNjZTczMDA4ZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYxNFQwODA3MTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zMDUzMzQ4NmMxOGZjZjgwMjkyMWI1ZjE5M2Q2YWM0NWZkMjkxOGRjODQ1ZTM1YWRjZmE4ZGJkMzg0NGJiMDNiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.3BfAiG8YsxjKLBvY7rhXXLpHTzifaudB0ZHA0TJBoKE)
🟦Botones e Interactividad🟨
Presté especial atención a los detalles al diseñar botones y enlaces. La implementación de efectos al pasar el cursor (hover) es una importante práctica para mejorar la interacción del usuario. Estos efectos no solo enriquecen visualmente el proyecto, sino que también guían intuitivamente a estos ultimos, señalando elementos interactivos de manera sutil pero clara.
![VR1kTR3jJL](https://private-user-images.githubusercontent.com/109047412/316730261-8226326d-4bb8-483e-afbc-ac93b136ac56.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgzNTI3MzEsIm5iZiI6MTcxODM1MjQzMSwicGF0aCI6Ii8xMDkwNDc0MTIvMzE2NzMwMjYxLTgyMjYzMjZkLTRiYjgtNDgzZS1hZmJjLWFjOTNiMTM2YWM1Ni5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYxNFQwODA3MTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zMDE2MjY0NGI3NzNjZDhiZTE1MDY3YzAyNzdmYzQ5OWMxYTczN2NlMTAyZDBlYTAzNTc5MjEyYWYxNDZjODMyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.3Rk3P1QNWZAvkOe7D_QFaau1qC_nBWcTOBBCsPlX69s)
🟦Barra de Búsqueda Inspirada en Google🟩
Recrear la icónica barra de búsqueda de Google fue un desafío interesante, centrado en capturar su esencia con precisión. A través de un manejo cuidadoso de CSS, posicioné meticulosamente íconos y ajusté el campo de texto para emular la experiencia original de búsqueda. Este proceso implicó una exploración detallada de position, padding, margin, entre otros, para lograr un equilibrio visual que se sintiera auténtico y funcional.
![firefox_VevOENYgSW](https://private-user-images.githubusercontent.com/109047412/316730547-9f1bc454-ee15-4c33-92ca-127003cd5974.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgzNTI3MzEsIm5iZiI6MTcxODM1MjQzMSwicGF0aCI6Ii8xMDkwNDc0MTIvMzE2NzMwNTQ3LTlmMWJjNDU0LWVlMTUtNGMzMy05MmNhLTEyNzAwM2NkNTk3NC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjE0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYxNFQwODA3MTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03ZTI1NDc1NjI3YzdlNzliNTc3ZjhjZWVkOTdkYWJiYzM4NGRhMTg0MDcxYjMxMmM5YThjMzIyYTcxNjg3MTIwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.F4Pk0nGyK4iiC3UuKBPUWARwHo1edkdAznPfOiRfgZI)
🟦Clona el repo, abre el index.html en tu navegador, y ¡boom💣! Ya estás viendo Googlent. Así de sencillo!🟥