{"id":23681921,"url":"https://github.com/vilhalva/site-bootstrap","last_synced_at":"2026-01-03T05:30:14.545Z","repository":{"id":213583880,"uuid":"734456779","full_name":"VILHALVA/SITE-BOOTSTRAP","owner":"VILHALVA","description":"👨‍🏫PROJETO FEITO PARA O CURSO DE BOOTSTRAP.","archived":false,"fork":false,"pushed_at":"2024-05-31T18:32:06.000Z","size":805,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-29T18:45:09.166Z","etag":null,"topics":["bootstrap","cdn","css","curse","framework","html","interface","project","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-21T18:18:52.000Z","updated_at":"2024-07-27T15:18:15.000Z","dependencies_parsed_at":"2023-12-21T20:11:05.503Z","dependency_job_id":"46412e21-30cb-4214-a3a1-e790f437447a","html_url":"https://github.com/VILHALVA/SITE-BOOTSTRAP","commit_stats":null,"previous_names":["vilhalva/site-bootstrap"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FSITE-BOOTSTRAP","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FSITE-BOOTSTRAP/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FSITE-BOOTSTRAP/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FSITE-BOOTSTRAP/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VILHALVA","download_url":"https://codeload.github.com/VILHALVA/SITE-BOOTSTRAP/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239728690,"owners_count":19687386,"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","css","curse","framework","html","interface","project","projeto","site"],"created_at":"2024-12-29T18:45:39.582Z","updated_at":"2026-01-03T05:30:14.514Z","avatar_url":"https://github.com/VILHALVA.png","language":"HTML","readme":"# SITE BOOTSTRAP\r\n👨‍🏫PROJETO FEITO PARA O CURSO DE BOOTSTRAP.\r\n\r\n\u003cimg src=\"./IMAGENS/FOTO_1.png\" align=\"center\" width=\"400\"\u003e \u003cbr\u003e\r\n\u003cimg src=\"./IMAGENS/FOTO_2.png\" align=\"center\" width=\"400\"\u003e \u003cbr\u003e\r\n\u003cimg src=\"./IMAGENS/FOTO_3.png\" align=\"center\" width=\"400\"\u003e \u003cbr\u003e\r\n\u003cimg src=\"./IMAGENS/FOTO_4.png\" align=\"center\" width=\"400\"\u003e \u003cbr\u003e\r\n\u003cimg src=\"./IMAGENS/FOTO_5.png\" align=\"center\" width=\"400\"\u003e \u003cbr\u003e\r\n\r\n## DESCRIÇÃO:\r\nEste é um código HTML que utiliza o framework Bootstrap para criar uma página da web responsiva sobre o Bootstrap. Aqui estão as principais partes do código:\r\n\r\n### HTML (`INDEX.html`):\r\n1. **Meta Tags e Título:**\r\n   - Define o conjunto de caracteres, a viewport e o título da página como \"Projeto Página Bootstrap\".\r\n\r\n2. **Vinculação de Estilos e Scripts:**\r\n   - Vincula o arquivo CSS do Bootstrap e um ícone para a aba do navegador (`imagens/kindpng_2258787.png`).\r\n   - Inclui um estilo embutido no HTML para ajustes específicos.\r\n\r\n3. **Cabeçalho (`\u003cheader\u003e`):**\r\n   - Inclui uma imagem de banner e um título centrado.\r\n\r\n4. **Navegação (`\u003cnav\u003e`):**\r\n   - Usa a barra de navegação do Bootstrap, personalizando as cores e os estilos dos itens de menu.\r\n\r\n5. **Conteúdo Principal (`\u003cmain\u003e`):**\r\n   - Divide a área principal em duas seções (`\u003csection\u003e` e `\u003caside\u003e`).\r\n   - A seção principal (`\u003csection\u003e`) contém vários artigos sobre o Bootstrap, destacando suas características, finalidades, criadores e como começar a usá-lo.\r\n   - A barra lateral (`\u003caside\u003e`) lista exemplos de componentes do Bootstrap, como álbum, tabela de preços, formulários de checkout, etc.\r\n\r\n6. **Rodapé (`\u003cfooter\u003e`):**\r\n   - Contém informações sobre o criador da página com um link para o perfil do GitHub.\r\n\r\n7. **Scripts JavaScript:**\r\n   - Inclui scripts JavaScript embutidos para alterar as cores dos links na barra lateral quando o mouse passa sobre eles.\r\n\r\n8. **Scripts do Bootstrap:**\r\n   - Inclui os scripts do Bootstrap (JavaScript) e o arquivo `bootstrap.min.css` do CDN.\r\n\r\n### CSS:\r\n1. **Estilos Gerais:**\r\n   - Define estilos para a imagem (`img`) e para o cabeçalho (`header`).\r\n   - Usa gradientes e sombras para estilizar o cabeçalho.\r\n   - Personaliza as cores e estilos da barra de navegação (`nav`).\r\n   - Estiliza os artigos (`article`), a barra lateral (`aside`), e o rodapé (`footer`).\r\n\r\n### JS:\r\n1. **Funções JavaScript:**\r\n   - Duas funções (`marcar` e `desmarcar`) alteram as cores dos links na barra lateral quando o mouse passa sobre eles e quando sai.\r\n\r\n### BOOTSTRAP:\r\n   - O código utiliza a versão 5.2.0-beta1 do Bootstrap, incluindo a folha de estilos (`bootstrap.min.css`) e os scripts (`bootstrap.bundle.min.js`) do CDN.\r\n\r\n### CONSIDERAÇÕES ADICIONAIS:\r\n   - A página é responsiva, pois utiliza o framework Bootstrap, que é conhecido por fornecer elementos responsivos e facilitar o desenvolvimento web.\r\n   - As cores, sombras e estilos utilizados criam uma estética visual agradável.\r\n   - Há ênfase na utilização de gradientes e sombras para melhorar a aparência da página.\r\n   - A interatividade na barra lateral ao passar o mouse sobre os links é implementada com JavaScript embutido.\r\n   - Informações sobre o criador da página e um link para o GitHub são incluídos no rodapé.\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","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fsite-bootstrap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvilhalva%2Fsite-bootstrap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fsite-bootstrap/lists"}