{"id":18369551,"url":"https://github.com/henriqueotogami/aula-bootstrap","last_synced_at":"2026-04-14T23:31:22.196Z","repository":{"id":149912753,"uuid":"279451998","full_name":"henriqueotogami/Aula-Bootstrap","owner":"henriqueotogami","description":"Curso de HTML5 + CSS3 + Bootstrap + JavaScript, do Bootcamp Desenvolvedor Python FullStack 2020.","archived":false,"fork":false,"pushed_at":"2026-02-14T04:39:47.000Z","size":8881,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-02-14T13:21:10.561Z","etag":null,"topics":["bootstrap","css3","digital-innovation-one","html5","javascript"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/henriqueotogami.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","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,"zenodo":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":"henriqueotogami","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":null,"thanks_dev":null,"custom":null}},"created_at":"2020-07-14T01:36:42.000Z","updated_at":"2026-02-14T04:39:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"b191a5a6-63e3-423f-a7ca-42405e2f373a","html_url":"https://github.com/henriqueotogami/Aula-Bootstrap","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/henriqueotogami/Aula-Bootstrap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henriqueotogami%2FAula-Bootstrap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henriqueotogami%2FAula-Bootstrap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henriqueotogami%2FAula-Bootstrap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henriqueotogami%2FAula-Bootstrap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/henriqueotogami","download_url":"https://codeload.github.com/henriqueotogami/Aula-Bootstrap/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henriqueotogami%2FAula-Bootstrap/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31819717,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T18:05:02.291Z","status":"ssl_error","status_checked_at":"2026-04-14T18:05:01.765Z","response_time":153,"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","digital-innovation-one","html5","javascript"],"created_at":"2024-11-05T23:29:46.605Z","updated_at":"2026-04-14T23:31:22.182Z","avatar_url":"https://github.com/henriqueotogami.png","language":"HTML","funding_links":["https://ko-fi.com/henriqueotogami"],"categories":[],"sub_categories":[],"readme":"# Aula-Bootstrap\n\n\u003e Repositório com os arquivos da aula de Bootstrap do Bootcamp Desenvolvedor Python Full Stack 2020. Página de demonstração com navbar, seções e layout responsivo usando o framework Bootstrap.\n\n\u003cbr\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cimg alt=\"GitHub last commit\" src=\"https://img.shields.io/github/last-commit/henriqueotogami/Aula-Bootstrap\"\u003e\n  \u003cimg alt=\"GitHub license\" src=\"https://img.shields.io/github/license/henriqueotogami/Aula-Bootstrap\"\u003e\n  \u003cimg alt=\"GitHub repo size\" src=\"https://img.shields.io/github/repo-size/henriqueotogami/Aula-Bootstrap\"\u003e\n\u003c/div\u003e\n\u003cbr\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/github/forks/henriqueotogami/Aula-Bootstrap?style=flat\"\u003e\n  \u003cimg src=\"https://img.shields.io/github/stars/henriqueotogami/Aula-Bootstrap?style=flat\"\u003e\n  \u003cimg src=\"https://img.shields.io/github/issues/henriqueotogami/Aula-Bootstrap\"\u003e\n\u003c/div\u003e\n\n---\n\n## 📋 Sobre o Projeto\n\nEste projeto contém uma página web de exemplo desenvolvida durante o Bootcamp Desenvolvedor Python Full Stack 2020. O foco é o aprendizado prático do **Bootstrap**: uso de componentes (navbar, grid, containers), customização com CSS e construção de um layout responsivo em uma única página com as seções Quem somos, Parceiros e Serviços.\n\n## 📁 Estrutura do Projeto\n\n### Página principal\n- **index.html** — Página única com navbar, seções e footer; utiliza classes do Bootstrap e estilos customizados.\n\n### Estilos\n- **css/style.css** — Estilos personalizados (cores da navbar, seções, margens e tipografia).\n\n### Framework\n- **bootstrap/** — Arquivos do Bootstrap (CSS e JS) na pasta do projeto para uso offline.\n\n### Recursos (referenciados no HTML)\n- **icons/** — Logo e ícones (ex.: `logo-global-labs.jpg`).\n- **images/** — Imagens das seções (wallpaper, parceiros, serviços). Coloque aqui os arquivos referenciados no `index.html` para que a página carregue corretamente.\n\n## 📂 Estrutura do repositório\n\n```\nLICENSE\nREADME.md\nindex.html              # página principal\ncss/\n    style.css            # estilos customizados\nbootstrap/\n    css/                 # estilos Bootstrap\n    js/                  # scripts Bootstrap\nicons/                  # logos e ícones (adicionar arquivos)\nimages/                 # imagens das seções (adicionar arquivos)\n```\n\n## 🛠️ Tecnologias Utilizadas\n\n- **HTML5** — Estrutura da página\n- **Bootstrap** — Framework CSS para layout responsivo e componentes\n- **CSS3** — Customização de cores, espaçamentos e tipografia\n\n## 📝 Funcionalidades Principais\n\n### Navbar\n- Barra de navegação fixa com logo e links para as seções (Quem somos, Parceiros, Serviços).\n- Estilo customizado (cor de fundo e contraste).\n\n### Seções\n- **Quem somos** — Área com título, imagem circular e texto descritivo.\n- **Parceiros** — Grid com três colunas para exibição de logos de parceiros.\n- **Serviços** — Três colunas com texto e imagens ilustrativas.\n\n### Footer\n- Rodapé com créditos do desenvolvedor e do bootcamp.\n\n### Layout responsivo\n- Uso do grid do Bootstrap (`container`, `row`, `col-lg-4`) para adaptação em diferentes tamanhos de tela.\n\n## 🚀 Como visualizar o projeto\n\n### Opção 1: Abrir direto no navegador\n1. Clone o repositório:\n   ```bash\n   git clone https://github.com/henriqueotogami/Aula-Bootstrap.git\n   cd Aula-Bootstrap\n   ```\n2. Abra o arquivo `index.html` no navegador (duplo clique ou arrastar para o navegador).\n\n### Opção 2: Servidor local (recomendado)\nPara evitar problemas com carregamento de arquivos locais (CORS), use um servidor HTTP simples:\n\n```bash\n# Com Python 3\npython -m http.server 8000\n\n# Ou com Node.js (npx)\nnpx serve .\n```\n\nAcesse no navegador: `http://localhost:8000`\n\n### Imagens e ícones\nO `index.html` referencia imagens em `icons/` e `images/`. Se essas pastas ou arquivos não existirem, inclua as imagens correspondentes ou ajuste os caminhos no HTML para que a página exiba corretamente.\n\n## 📚 Conteúdos abordados\n\n- ✅ Estrutura básica de uma página HTML5\n- ✅ Uso do Bootstrap (CSS e grid system)\n- ✅ Navbar e navegação entre seções\n- ✅ Containers e sistema de grid (row/col)\n- ✅ Componentes Bootstrap (rounded-circle, margin, etc.)\n- ✅ Customização com CSS (cores, padding, tipografia)\n- ✅ Layout responsivo com colunas (`col-lg-4`)\n- ✅ Organização de pastas (css, bootstrap, images, icons)\n\n## 📄 Licença\n\nEste projeto está licenciado sob a MIT License — veja o arquivo [LICENSE](LICENSE) para mais detalhes.\n\n## 📖 Referências\n\n- [Bootstrap — Documentação oficial](https://getbootstrap.com/docs/)\n- Código-fonte em `index.html` e `css/style.css` neste repositório\n\n---\n\n### Hashtags\n#Bootstrap #HTML #CSS #FrontEnd #ResponsiveDesign #WebDevelopment #Bootcamp #PythonFullStack #OpenSource #GitHub\n\n### Meta Keywords\n```\nBootstrap, HTML5, CSS3, layout responsivo, navbar, grid system,\nbootcamp Python, desenvolvimento web, front-end, página única,\ncomponentes Bootstrap, customização CSS\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhenriqueotogami%2Faula-bootstrap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhenriqueotogami%2Faula-bootstrap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhenriqueotogami%2Faula-bootstrap/lists"}