{"id":23681873,"url":"https://github.com/vilhalva/carousel-em-bootstrap","last_synced_at":"2026-01-03T04:30:17.929Z","repository":{"id":218106529,"uuid":"734434668","full_name":"VILHALVA/CAROUSEL-EM-BOOTSTRAP","owner":"VILHALVA","description":"🌹UTILIZANDO O FRAMEWORK BOOTSTRAP PARA EXIBIR IMAGENS EM CARROSSEL.","archived":false,"fork":false,"pushed_at":"2024-06-06T16:21:38.000Z","size":2559,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-29T18:43:56.152Z","etag":null,"topics":["bootstrap","cdn","curse","framework","html","projeto","site"],"latest_commit_sha":null,"homepage":"","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/VILHALVA.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":"2023-12-21T17:09:11.000Z","updated_at":"2024-07-27T15:17:57.000Z","dependencies_parsed_at":"2024-06-06T18:17:58.981Z","dependency_job_id":"daca9cad-03a7-4989-ac73-fc1b51eed3d8","html_url":"https://github.com/VILHALVA/CAROUSEL-EM-BOOTSTRAP","commit_stats":null,"previous_names":["vilhalva/corousel-em-bootstrap","vilhalva/carousel-em-bootstrap"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FCAROUSEL-EM-BOOTSTRAP","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FCAROUSEL-EM-BOOTSTRAP/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FCAROUSEL-EM-BOOTSTRAP/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FCAROUSEL-EM-BOOTSTRAP/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VILHALVA","download_url":"https://codeload.github.com/VILHALVA/CAROUSEL-EM-BOOTSTRAP/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239728634,"owners_count":19687378,"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":["bootstrap","cdn","curse","framework","html","projeto","site"],"created_at":"2024-12-29T18:44:27.084Z","updated_at":"2026-01-03T04:30:17.873Z","avatar_url":"https://github.com/VILHALVA.png","language":"HTML","readme":"# CAROUSEL EM BOOTSTRAP\r\n🌹UTILIZANDO O FRAMEWORK BOOTSTRAP PARA EXIBIR IMAGENS EM CARROSSEL.\r\n\r\n\u003cimg src=\"FOTO.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e\r\n\r\n## DESCRIÇÃO:\r\nEste código HTML faz parte de uma página web que utiliza o framework Bootstrap para criar um componente de carrossel (carousel). Vamos analisar cada parte do código:\r\n\r\n1. **Meta tags e Título:**\r\n   - Inclui as meta tags para o conjunto de caracteres e visualização responsiva.\r\n   - Define o título da página como \"CFB Cursos - Curso de Bootstrap\".\r\n\r\n2. **Vinculação de Estilos e Scripts:**\r\n   - Vincula o arquivo CSS do Bootstrap e adiciona alguns estilos customizados dentro da tag `\u003cstyle\u003e`.\r\n   - Vincula o arquivo JavaScript do Bootstrap, que é necessário para o funcionamento de certos componentes, como o carrossel.\r\n\r\n3. **Elementos HTML:**\r\n   - `\u003ch1\u003e` e `\u003ch3\u003e`: Títulos para a página e uma breve descrição do que é um carrossel Bootstrap.\r\n   - `\u003cdiv id=\"banner\" class=\"carousel slide\" data-bs-ride=\"carousel\"\u003e`: A div principal que contém o carrossel. `data-bs-ride=\"carousel\"` indica que este é um carrossel e pode ser automaticamente percorrido.\r\n   - `\u003cdiv id=\"indicadores\" class=\"carousel-indicators\"\u003e`: Botões indicadores para cada slide do carrossel.\r\n   - `\u003cdiv id=\"imagens\" class=\"carousel-inner\"\u003e`: Contém os itens (imagens) a serem exibidos no carrossel.\r\n   - `\u003cbutton type=\"button\" class=\"carousel-control-prev\" data-bs-target=\"#banner\" data-bs-slide=\"prev\"\u003e` e `\u003cbutton type=\"button\" class=\"carousel-control-next\" data-bs-target=\"#banner\" data-bs-slide=\"next\"\u003e`: Botões de controle para navegar pelos slides.\r\n\r\n4. **Slides do Carrossel:**\r\n   - Cada `\u003cdiv class=\"carousel-item\"\u003e` representa um slide do carrossel e contém uma imagem correspondente.\r\n\r\n5. **Estilos CSS Customizados:**\r\n   - Algumas regras de estilo adicionais são fornecidas diretamente no arquivo HTML usando a tag `\u003cstyle\u003e`. Isso inclui margens para os títulos, uma cor de fundo para o segundo título (`\u003ch3\u003e`), e uma altura fixa para as imagens.\r\n\r\n6. **Scripts JavaScript Bootstrap:**\r\n   - Vincula o arquivo JavaScript do Bootstrap, que é essencial para o funcionamento de componentes interativos, como o carrossel.\r\n\r\nO carrossel exibirá as imagens (`b1.jpg`, `b2.jpg`, etc.) em sequência, com botões de controle e indicadores para navegação. O Bootstrap simplifica a criação de componentes responsivos e interativos, facilitando o desenvolvimento de páginas web modernas.\r\n\r\n## NÃO SABE?\r\n- Entendemos que para manipular arquivos em `HTML`, `CSS` e outras linguagens relacionadas, é necessário possuir conhecimento nessas áreas. Para auxiliar nesse aprendizado, oferecemos cursos gratuitos disponíveis:\r\n* [CURSO DE HTML E CSS](https://github.com/VILHALVA/CURSO-DE-HTML-E-CSS)\r\n* [CURSO DE JAVASCRIPT](https://github.com/VILHALVA/CURSO-DE-JAVASCRIPT)\r\n* [CURSO DE BOOTSTRAP](https://github.com/VILHALVA/CURSO-DE-BOOTSTRAP)\r\n* [CONFIRA MAIS CURSOS](https://github.com/VILHALVA?tab=repositories\u0026q=+topic:CURSO)\r\n\r\n## CREDITOS:\r\n- [PROJETO FEITO PELO VILHALVA](https://github.com/VILHALVA)\r\n- [PROJETO FEITO PARA O CURSO DE BOOTSTRAP](https://github.com/VILHALVA/CURSO-DE-BOOTSTRAP)\r\n- [ESTÁ DISPONIVEL NO SITE](https://vilhalva.github.io/STYLER/STYLER.html)\r\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fcarousel-em-bootstrap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvilhalva%2Fcarousel-em-bootstrap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fcarousel-em-bootstrap/lists"}