{"id":19725171,"url":"https://github.com/adrianoleitedasilva/spotify_ui_clone","last_synced_at":"2026-04-11T21:01:51.188Z","repository":{"id":236083691,"uuid":"791878037","full_name":"adrianoleitedasilva/spotify_ui_clone","owner":"adrianoleitedasilva","description":"Uma interface do Spotify feita com HTML, CSS e Bootstrap.","archived":false,"fork":false,"pushed_at":"2024-05-26T22:48:59.000Z","size":1152,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-28T01:19:42.776Z","etag":null,"topics":["bootstrap","css3","html5","spotify"],"latest_commit_sha":null,"homepage":"https://adrianoleitedasilva.github.io/spotify_ui_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/adrianoleitedasilva.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":"2024-04-25T14:44:35.000Z","updated_at":"2024-05-26T22:49:08.000Z","dependencies_parsed_at":"2024-04-25T15:52:26.866Z","dependency_job_id":"4f0697e5-bba4-45c1-b361-7cc1ad3acdcc","html_url":"https://github.com/adrianoleitedasilva/spotify_ui_clone","commit_stats":null,"previous_names":["adrianoleitedasilva/spotify_ui_clone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/adrianoleitedasilva/spotify_ui_clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adrianoleitedasilva%2Fspotify_ui_clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adrianoleitedasilva%2Fspotify_ui_clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adrianoleitedasilva%2Fspotify_ui_clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adrianoleitedasilva%2Fspotify_ui_clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adrianoleitedasilva","download_url":"https://codeload.github.com/adrianoleitedasilva/spotify_ui_clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adrianoleitedasilva%2Fspotify_ui_clone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31695165,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T20:18:30.949Z","status":"ssl_error","status_checked_at":"2026-04-11T20:18:29.982Z","response_time":54,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["bootstrap","css3","html5","spotify"],"created_at":"2024-11-11T23:28:31.379Z","updated_at":"2026-04-11T21:01:51.152Z","avatar_url":"https://github.com/adrianoleitedasilva.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Spotify UI Clone\n\n![Spotify](https://img.shields.io/badge/Spotify-1DB954?style=for-the-badge\u0026logo=spotify\u0026logoColor=white) ![UI-Clone](https://img.shields.io/badge/Clone_de_Interface-222324?style=for-the-badge\u0026logo=clubhouse\u0026logoColor=white) ![Estudo](https://img.shields.io/badge/Estudo-1a1a1a?style=for-the-badge\u0026logo=quicklook\u0026logoColor=white) ![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge\u0026logo=visual-studio-code\u0026logoColor=white) ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=white) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white) ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white) ![IE](https://img.shields.io/badge/Internet%20Explorer-0076D6?style=for-the-badge\u0026logo=Internet%20Explorer\u0026logoColor=white) ![Brave](https://img.shields.io/badge/Brave-FB542B?style=for-the-badge\u0026logo=Brave\u0026logoColor=white) ![Google Chrome](https://img.shields.io/badge/Google%20Chrome-4285F4?style=for-the-badge\u0026logo=GoogleChrome\u0026logoColor=white)\n\n# Estudo de UI/UX com HTML5, CSS3 e Bootstrap\n\nEste repositório contém o código e os exemplos utilizados para estudar e praticar conceitos de UI/UX utilizando HTML5, CSS3 e o framework Bootstrap.\n\nEste repositório contém o código e os exemplos utilizados para estudar e praticar conceitos de UI/UX utilizando HTML5, CSS3 e o framework Bootstrap.\n\n## Objetivo\n\nO objetivo deste projeto é explorar e aplicar princípios de design de interface e experiência do usuário (UI/UX) através da construção de páginas web modernas e responsivas. Utilizando as melhores práticas e ferramentas oferecidas pelo HTML5, CSS3 e Bootstrap, este estudo visa aprimorar habilidades em:\n\n- ***Design Responsivo***: Criação de layouts que se adaptam a diferentes tamanhos de tela e dispositivos.\n- ***Estética e Usabilidade***: Desenvolvimento de interfaces atraentes e fáceis de usar.\n- ***Componentes e Utilitários do Bootstrap***: Uso dos diversos componentes e utilitários fornecidos pelo Bootstrap para agilizar o desenvolvimento e garantir consistência no design.\n  \n## Tecnologias Utilizadas\n\n- ***HTML5***: Estruturação semântica e acessível do conteúdo.\n- ***CSS3***: Estilização avançada para criar layouts atraentes e responsivos.\n- ***Bootstrap***: Framework CSS que facilita a criação de interfaces modernas e responsivas com uma vasta gama de componentes prontos para uso.\n\n## Conteúdos e Exemplos\n\nO repositório inclui uma série de exemplos práticos, tais como:\n\n- Estruturação básica de páginas com HTML5.\n- Estilização de elementos com CSS3, incluindo uso de Flexbox e Grid Layout.\n- Criação de layouts responsivos utilizando o sistema de grid do Bootstrap.\n- Implementação de componentes do Bootstrap como navegação, cards, modais e botões.\n- Personalização de temas e estilos do Bootstrap para se adequar a diferentes necessidades de design.\n\n## Como Utilizar\n\n- Clone este repositório.\n- Navegue até o diretório do projeto.\n- Abra os arquivos HTML em seu navegador para visualizar os exemplos e testes.\n- Explore e modifique os exemplos para praticar e entender melhor os conceitos de UI/UX.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadrianoleitedasilva%2Fspotify_ui_clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadrianoleitedasilva%2Fspotify_ui_clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadrianoleitedasilva%2Fspotify_ui_clone/lists"}