{"id":25451605,"url":"https://github.com/seb-rm/html-css-yahoo-clone","last_synced_at":"2025-05-16T11:08:02.482Z","repository":{"id":275700907,"uuid":"924438499","full_name":"Seb-RM/HTML-CSS-Yahoo-Clone","owner":"Seb-RM","description":"Clon de la página principal de Yahoo, desarrollado utilizando HTML y CSS.","archived":false,"fork":false,"pushed_at":"2025-02-04T04:33:38.000Z","size":22,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-17T22:54:56.296Z","etag":null,"topics":["css-flexbox","css3","html5"],"latest_commit_sha":null,"homepage":"https://seb-rm.github.io/HTML-CSS-Yahoo-Clone/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Seb-RM.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-30T02:04:31.000Z","updated_at":"2025-02-04T04:33:41.000Z","dependencies_parsed_at":"2025-02-04T05:35:22.796Z","dependency_job_id":null,"html_url":"https://github.com/Seb-RM/HTML-CSS-Yahoo-Clone","commit_stats":null,"previous_names":["seb-rm/html-css-yahoo-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seb-RM%2FHTML-CSS-Yahoo-Clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seb-RM%2FHTML-CSS-Yahoo-Clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seb-RM%2FHTML-CSS-Yahoo-Clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seb-RM%2FHTML-CSS-Yahoo-Clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Seb-RM","download_url":"https://codeload.github.com/Seb-RM/HTML-CSS-Yahoo-Clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254518400,"owners_count":22084375,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css-flexbox","css3","html5"],"created_at":"2025-02-17T22:54:07.915Z","updated_at":"2025-05-16T11:08:02.456Z","avatar_url":"https://github.com/Seb-RM.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Yahoo Clone\n\nEste proyecto es un clon de la página principal de Yahoo, desarrollado utilizando HTML y CSS. El objetivo principal fue replicar la estructura y el diseño de la interfaz de Yahoo, con un enfoque en el uso de **Flexbox** para la disposición de los elementos en la página.\n\n## Características\n\n- **Header**: Contiene el logo de Yahoo y dos íconos de navegación (usuario y aplicaciones).\n- **Main**:\n  - **Saludo y noticia destacada**: Muestra un saludo personalizado y una noticia destacada con un enlace.\n  - **Buscador**: Un campo de búsqueda con íconos de lupa y micrófono.\n  - **Tendencias**: Una lista de temas que son tendencia en ese momento.\n- **Footer**: Enlaces a diferentes secciones como Ayuda, Privacidad, Términos, entre otros, junto con un ícono de ajustes.\n\n## Estructura del Proyecto\n\n### HTML\nEl archivo HTML está estructurado en tres secciones principales:\n\n1. **Header**: Contiene el logo de Yahoo y los íconos de usuario y aplicaciones.\n2. **Main**: Incluye un saludo personalizado, un buscador y una sección de tendencias.\n3. **Footer**: Muestra enlaces de navegación y un ícono de ajustes.\n\n### CSS\nEl archivo CSS define los estilos para cada sección de la página, utilizando variables CSS para mantener consistencia en los colores y otros valores. Se destaca el uso de Flexbox en las siguientes áreas:\n\n- **Header**: Los elementos del header están alineados horizontalmente con `display: flex` y `justify-content: space-between`.\n- **Main**: El contenido principal está centrado en la página, y el buscador utiliza Flexbox para alinear el ícono de búsqueda, el campo de texto y el ícono de micrófono.\n- **Footer**: Los enlaces del footer están distribuidos horizontalmente con Flexbox, y el ícono de ajustes está alineado con el texto.\n\n## Tecnologías utilizadas\n\n- **HTML5**: Para la estructura de la página.\n- **CSS3**: Para los estilos y la disposición de los elementos, con un enfoque en Flexbox.\n\n## Cómo Usar el Proyecto\n\n1. Clona este repositorio o descarga los archivos.\n2. Abre el archivo `index.html` en un navegador web.\n3. Explora la interfaz y revisa los estilos aplicados.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseb-rm%2Fhtml-css-yahoo-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseb-rm%2Fhtml-css-yahoo-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseb-rm%2Fhtml-css-yahoo-clone/lists"}