Q119624
IBFC - 2019 - Prefeitura de Cruzeiro do Sul - AC - Web Designer
De acordo com o padrão W3C, na estrutura de um HTML existem tags para definir o conteúdo da página web. Sendo assim, analise as afirmativas abaixo e assinale a alternativa correta.
I. A tag contém meta informações sobre o documento.
II. A tag especifica um cabeçalho grande.
III. A tag <body> contém o conteúdo da página visível.
IV. A tag <p> define um parágrafo.
<div class="rounded-md border mt-4">
<!--[if BLOCK]><![endif]--> <label class="flex items-center gap-3 p-4 cursor-pointer hover:bg-gray-50">
<input class="h-4 w-4 text-emerald-600 focus:ring-emerald-500" name="alternativa" type="radio" value="A" wire:model="answer" />
<div class="flex items-center gap-2">
<span class="inline-flex h-6 w-6 items-center justify-center rounded-full border text-sm">
A
</span>
<span class="text-gray-800">Apenas as afirmativas I, III e IV estão corretas</span>
</div>
</label>
<!--[if BLOCK]><![endif]--> <div class="h-px bg-gray-200"></div>
<!--[if ENDBLOCK]><![endif]--> <label class="flex items-center gap-3 p-4 cursor-pointer hover:bg-gray-50">
<input class="h-4 w-4 text-emerald-600 focus:ring-emerald-500" name="alternativa" type="radio" value="B" wire:model="answer" />
<div class="flex items-center gap-2">
<span class="inline-flex h-6 w-6 items-center justify-center rounded-full border text-sm">
B
</span>
<span class="text-gray-800">Apenas as afirmativas I, II e III estão corretas</span>
</div>
</label>
<!--[if BLOCK]><![endif]--> <div class="h-px bg-gray-200"></div>
<!--[if ENDBLOCK]><![endif]--> <label class="flex items-center gap-3 p-4 cursor-pointer hover:bg-gray-50">
<input class="h-4 w-4 text-emerald-600 focus:ring-emerald-500" name="alternativa" type="radio" value="C" wire:model="answer" />
<div class="flex items-center gap-2">
<span class="inline-flex h-6 w-6 items-center justify-center rounded-full border text-sm">
C
</span>
<span class="text-gray-800">As afirmativas I, II, III e IV estão corretas</span>
</div>
</label>
<!--[if BLOCK]><![endif]--> <div class="h-px bg-gray-200"></div>
<!--[if ENDBLOCK]><![endif]--> <label class="flex items-center gap-3 p-4 cursor-pointer hover:bg-gray-50">
<input class="h-4 w-4 text-emerald-600 focus:ring-emerald-500" name="alternativa" type="radio" value="D" wire:model="answer" />
<div class="flex items-center gap-2">
<span class="inline-flex h-6 w-6 items-center justify-center rounded-full border text-sm">
D
</span>
<span class="text-gray-800">Apenas as afirmativas I e IV estão corretas</span>
</div>
</label>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<div class="flex flex-col sm:flex-row sm:justify-between gap-3 mt-3">
<a class="bg-gray-700 hover:bg-gray-800 text-white rounded px-2 py-2 text-lg cursor-pointer text-center" wire:click="submitAnswer">
Enviar Resposta
</a>
<!-- tabs -->
<nav class="flex items-center gap-2 rounded-2xl bg-gray-100 p-1">
<a href="https://concursosbr.com/questoes/119624/de-acordo-com-o-padrao-w3c-na-estrutura-de-um-html-existem-tags-para-definir-o?subpage=comentarios" class="inline-flex items-center gap-2 rounded-2xl bg-white px-4 py-2 text-sm font-semibold text-sky-700 shadow-sm ring-1 ring-gray-200 focus:outline-none focus:ring-2 focus:ring-sky-500 inline-flex items-center gap-2 rounded-2xl px-4 py-2 text-sm font-semibold text-gray-700 hover:bg-white hover:shadow-sm focus:outline-none focus:ring-2 focus:ring-sky-500">
<!-- comment icon -->
<svg class="h-4 w-4" aria-hidden="true" viewBox="0 0 24 24" fill="none">
<path d="M7 8h10M7 12h6M7 16h8" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
<path d="M21 12c0 4.97-4.477 9-10 9-1.09 0-2.14-.16-3.12-.45L3 21l.93-3.43C3.34 16.52 3 15.3 3 14c0-4.97 4.477-9 10-9s10 4.03 10 7Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round" />
</svg>
Comentários
<span class="rounded-full bg-white px-2 py-0.5 text-xs font-bold text-gray-600 shadow-sm">0</span>
</a>
<a href="https://concursosbr.com/questoes/119624/de-acordo-com-o-padrao-w3c-na-estrutura-de-um-html-existem-tags-para-definir-o?subpage=estatisticas" class="inline-flex items-center gap-2 rounded-2xl px-4 py-2 text-sm font-semibold text-gray-700 hover:bg-white hover:shadow-sm focus:outline-none focus:ring-2 focus:ring-sky-500">
<!-- chart icon -->
<svg class="h-4 w-4" aria-hidden="true" viewBox="0 0 24 24" fill="none">
<path d="M4 19V5M4 19H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
<path d="M8 15v-4M12 15V8M16 15v-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
Estatísticas
</a>
</nav>
</div>
<!--[if BLOCK]><![endif]--> <div class="mt-5">
<!--[if BLOCK]><![endif]--> <div wire:snapshot="{"data":{"questaoId":119624,"nome":null,"email":null,"comentario":"","statusMsg":"","paginators":[{"page":1},{"s":"arr"}]},"memo":{"id":"0CuFFLyQGqL2LrbYgs3i","name":"questao-comentario-component","path":"questoes\/119624\/de-acordo-com-o-padrao-w3c-na-estrutura-de-um-html-existem-tags-para-definir-o","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"pt"},"checksum":"26ae16484950fa37ef4e9f7db710b27bed30c6637d7f5156428ae46435c662d4"}" wire:effects="{"url":{"page":{"as":"page","use":"push","alwaysShow":false,"except":null},"paginators.page":{"as":"page","use":"push","alwaysShow":false,"except":null}}}" wire:id="0CuFFLyQGqL2LrbYgs3i" class="space-y-6">
<div class="bg-white rounded-lg shadow p-4 border">
<h3 class="text-lg font-semibold">Comentários</h3>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<form wire:submit.prevent="submit" class="mt-4 space-y-3">
<!--[if BLOCK]><![endif]--> <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
<div>
<label class="block text-sm font-medium mb-1">Seu nome *</label>
<input type="text" wire:model.defer="nome"
class="w-full rounded border-gray-300 focus:border-sky-500 focus:ring-sky-500" />
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
<div>
<label class="block text-sm font-medium mb-1">Email (opcional)</label>
<input type="email" wire:model.defer="email"
class="w-full rounded border-gray-300 focus:border-sky-500 focus:ring-sky-500" />
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
</div>
<!--[if ENDBLOCK]><![endif]-->
<div>
<label class="block text-sm font-medium mb-1">Comentário *</label>
<textarea wire:model.defer="comentario" rows="4"
class="w-full rounded border-gray-300 focus:border-sky-500 focus:ring-sky-500"
placeholder="Escreva seu comentário..."></textarea>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
<div class="flex items-center gap-3">
<button type="submit"
class="rounded bg-sky-700 text-white px-4 py-2 text-sm font-semibold hover:bg-sky-800">
Enviar comentário
</button>
<span wire:loading wire:target="submit" class="text-sm text-gray-500">
Enviando...
</span>
</div>
<!--[if BLOCK]><![endif]--> <p class="text-xs text-gray-500">
Dica: comentários podem ficar como <b>pendentes</b> até aprovação.
</p>
<!--[if ENDBLOCK]><![endif]--> </form>
</div>
<div class="space-y-3">
<!--[if BLOCK]><![endif]--> <div class="text-sm text-gray-600">
Ainda não há comentários aprovados.
</div>
<!--[if ENDBLOCK]><![endif]-->
<div>
<div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
</div>
</div>
</div> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
</section>
<hr class="mt-5 mb-4">
<div><b>Questoes:</b> IBFC - 2019 - Prefeitura de Cruzeiro do Sul - AC - Web Designer</div>
<div class="mt-2 flex flex-wrap gap-2">
<!--[if BLOCK]><![endif]--> <a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119606/baseado-em-endomarketing-analise-as-afirmativas-abaixo-e-assinale-a-alternativa">
1
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119607/endomarketing-e-uma-estrategia-de-marketing-institucional-voltada-para-acoes-int">
2
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119608/quando-trabalhamos-com-midias-sociais-precisamos-analisar-os-nossos-resultados">
3
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119609/um-dos-focos-do-trabalho-com-as-midias-sociais-e-gerar-leads-um-lead-e-uma-pess">
4
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119610/uma-das-maneiras-de-se-comunicar-efetivamente-com-seus-clientes-e-pelo-e-mail-ma">
5
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119611/com-a-linguagem-css-podemos-definir-muitas-coisas-em-nossas-paginas-html-inclus">
6
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119612/quando-um-navegador-le-uma-folha-de-estilos-ele-formata-o-documento-html-de-aco">
7
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119613/quando-estamos-fazendo-um-site-em-html-utilizamos-outra-linguagem-chamada-casca">
8
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119614/um-mesmo-conteudo-pode-ter-um-resultado-completamente-diferente-de-acordo-com-a">
9
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119615/quando-falamos-em-material-grafico-cada-peca-tem-as-suas-caracteristicas-neces">
10
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119616/existem-algumas-diferencas-entre-um-site-e-um-hotsite-assinale-a-alternativa-in">
11
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119617/um-hotsite-e-basicamente-um-site-so-que-menor-com-menos-paginas-e-que-tem-um-f">
12
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119618/quando-estamos-trabalhando-no-programa-adobe-photoshop-podemos-contar-com-diver">
13
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119619/o-adobe-photoshop-e-o-software-de-imagem-digital-mais-avancado-do-mundo-usado-p">
14
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119620/quando-desenvolvemos-um-site-em-wordpress-nos-temos-diversas-ferramentas-para-n">
15
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119621/o-wordpress-e-um-projeto-de-codigo-aberto-que-voce-pode-usar-para-criar-sites-b">
16
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119622/quando-estamos-escrevendo-um-texto-em-html-podemos-utilizar-diversos-elementos">
17
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119623/na-estrutura-de-um-html-podemos-construir-tabelas-de-acordo-com-a-nossa-necessid">
18
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119624/de-acordo-com-o-padrao-w3c-na-estrutura-de-um-html-existem-tags-para-definir-o">
19
</a>
<a class="bg-yellow-400 hover:bg-yellow-500 px-2 py-1 text-white text-xs w-[35px] text-center" href="https://concursosbr.com/questoes/119625/hypertext-markup-language-html-e-a-linguagem-de-marcacao-padrao-para-paginas-d">
20
</a>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="my-10">
<section wire:snapshot="{"data":{"apostilas":[null,{"keys":[7022,9829,7569,6956,11121,7684,5509,6737],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Apostila","s":"elcln"}]},"memo":{"id":"PMQk7o5HIhaAGznMUE3m","name":"apostilas-relacionadas-component","path":"questoes\/119624\/de-acordo-com-o-padrao-w3c-na-estrutura-de-um-html-existem-tags-para-definir-o","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"pt"},"checksum":"13e9ce51671a867e9420b03e8cc638872c39b7726b5f805aaab9ecaf9fa5db8b"}" wire:effects="[]" wire:id="PMQk7o5HIhaAGznMUE3m">
<!--[if BLOCK]><![endif]--> <section>
<h2 class="text-2xl md:text-3xl font-bold text-gray-900 mb-8 flex items-center gap-3">
<span class="w-2 h-8 bg-green-600 rounded-full"></span>
Você também pode se interessar
</h2>
<div class="x-carousel relative w-full group ">
<button
class="carousel-left hidden md:flex absolute left-4 top-1/2 -translate-y-1/2 z-10
bg-white/90 backdrop-blur shadow-lg rounded-full
w-14 h-14
items-center justify-center
hover:bg-white hover:scale-110
transition-all duration-200"
id="scroll-left">
<svg class="w-7 h-7" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" />
</svg>
</button>
<button
class="carousel-right hidden md:flex absolute right-4 top-1/2 -translate-y-1/2 z-10
bg-white/90 backdrop-blur shadow-lg rounded-full
w-14 h-14
items-center justify-center
hover:bg-white hover:scale-110
transition-all duration-200"
id="scroll-right">
<svg class="w-7 h-7" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
</svg>
</button>
<!-- SCROLL ROW -->
<div class="carousel-row flex flex-nowrap gap-6 overflow-x-auto scroll-smooth pb-4
[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden snap-x snap-mandatory">
<!--[if BLOCK]><![endif]--> <div class="flex-none w-[240px] sm:w-[240px] lg:w-[260px] bg-white shadow rounded-lg overflow-hidden snap-start transition active:scale-[0.98]">
<a href="https://concursosbr.com/apostilas/caderno-de-questoes-ibfc-500-questoes-gabaritadas-7022" title="Caderno de Questões IBFC - 500 Questões Gabaritadas">
<div class="h-[260px] sm:h-[275px] w-full overflow- p-2">
<img class="w-full h-full object-cover" src="https://www.apostilasopcao.com.br/static-opcao/10122/images/10732/medium/op-160mr-20-caderno-testes-ibfc-site.png" alt="Caderno de Questões IBFC - 500 Questões Gabaritadas" loading="lazy">
</div>
<div class="p-2 sm:p-4 flex flex-col h-full">
<h2 class="text-lg font-semibold mb-2 line-clamp-2">
Caderno de Questões IBFC - 500 Questões Gabaritadas
</h2>
<div class="whitespace-nowrap">
<div id="product-digital-new" class="priceGroup" style="display: block;">
<span class="totalPrice">de R$ 24,90</span>
<div class="group">
<div class="alignPrice">
<p class="price">R$ 17,43</p>
<span class="specialPrice">ou 1x de R$ 17,43</span>
</div>
<span class="offer">30% OFF</span>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="flex-none w-[240px] sm:w-[240px] lg:w-[260px] bg-white shadow rounded-lg overflow-hidden snap-start transition active:scale-[0.98]">
<a href="https://concursosbr.com/apostilas/caderno-ibfc-450-questoes-gabaritadas-em-pdf-9829" title="Caderno IBFC - 450 Questões Gabaritadas em PDF">
<div class="h-[260px] sm:h-[275px] w-full overflow- p-2">
<img class="w-full h-full object-cover" src="https://www.apostilasopcao.com.br/static-opcao/17977/images/25904/medium/op-038nv-22-caderno-ibfc-gab-tablet.jpg" alt="Caderno IBFC - 450 Questões Gabaritadas em PDF" loading="lazy">
</div>
<div class="p-2 sm:p-4 flex flex-col h-full">
<h2 class="text-lg font-semibold mb-2 line-clamp-2">
Caderno IBFC - 450 Questões Gabaritadas em PDF
</h2>
<div class="whitespace-nowrap">
<div id="product-digital-new" class="priceGroup" style="display: block;">
<span class="totalPrice">de R$ 31,90</span>
<div class="group">
<div class="alignPrice">
<p class="price">R$ 22,33</p>
<span class="specialPrice">ou 2x de R$ 11,17</span>
</div>
<span class="offer">30% OFF</span>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="flex-none w-[240px] sm:w-[240px] lg:w-[260px] bg-white shadow rounded-lg overflow-hidden snap-start transition active:scale-[0.98]">
<a href="https://concursosbr.com/apostilas/500-questoes-ibfc-em-pdf-gabaritadas-7569" title="500 Questões IBFC em PDF - Gabaritadas">
<div class="h-[260px] sm:h-[275px] w-full overflow- p-2">
<img class="w-full h-full object-cover" src="https://www.apostilasopcao.com.br/static-opcao/10123/images/10733/medium/op-160mr-20-caderno-testes-ibfc-tablet.png" alt="500 Questões IBFC em PDF - Gabaritadas" loading="lazy">
</div>
<div class="p-2 sm:p-4 flex flex-col h-full">
<h2 class="text-lg font-semibold mb-2 line-clamp-2">
500 Questões IBFC em PDF - Gabaritadas
</h2>
<div class="whitespace-nowrap">
<div id="product-digital-new" class="priceGroup" style="display: block;">
<span class="totalPrice">de R$ 24,90</span>
<div class="group">
<div class="alignPrice">
<p class="price">R$ 17,43</p>
<span class="specialPrice">ou 1x de R$ 17,43</span>
</div>
<span class="offer">30% OFF</span>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="flex-none w-[240px] sm:w-[240px] lg:w-[260px] bg-white shadow rounded-lg overflow-hidden snap-start transition active:scale-[0.98]">
<a href="https://concursosbr.com/apostilas/caderno-ibfc-450-questoes-gabaritadas-6956" title="Caderno IBFC - 450 Questões Gabaritadas">
<div class="h-[260px] sm:h-[275px] w-full overflow- p-2">
<img class="w-full h-full object-cover" src="https://www.apostilasopcao.com.br/static-opcao/17976/images/25902/medium/op-038nv-22-caderno-ibfc-gab-mockup.jpg" alt="Caderno IBFC - 450 Questões Gabaritadas" loading="lazy">
</div>
<div class="p-2 sm:p-4 flex flex-col h-full">
<h2 class="text-lg font-semibold mb-2 line-clamp-2">
Caderno IBFC - 450 Questões Gabaritadas
</h2>
<div class="whitespace-nowrap">
<div id="product-digital-new" class="priceGroup" style="display: block;">
<span class="totalPrice">de R$ 31,90</span>
<div class="group">
<div class="alignPrice">
<p class="price">R$ 22,33</p>
<span class="specialPrice">ou 2x de R$ 11,17</span>
</div>
<span class="offer">30% OFF</span>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="flex-none w-[240px] sm:w-[240px] lg:w-[260px] bg-white shadow rounded-lg overflow-hidden snap-start transition active:scale-[0.98]">
<a href="https://concursosbr.com/apostilas/apostila-prefeitura-de-cruz-das-almas-ba-em-pdf-assistente-administrativo-11121" title="Apostila Prefeitura de Cruz das Almas - BA em PDF - Assistente Administrativo">
<div class="h-[260px] sm:h-[275px] w-full overflow- p-2">
<img class="w-full h-full object-cover" src="https://www.apostilasopcao.com.br/static-opcao/21672/images/33567/medium/op-095nv-23-cruz-almas-ba-assis-adm-tablet.jpg" alt="Apostila Prefeitura de Cruz das Almas - BA em PDF - Assistente Administrativo" loading="lazy">
</div>
<div class="p-2 sm:p-4 flex flex-col h-full">
<h2 class="text-lg font-semibold mb-2 line-clamp-2">
Apostila Prefeitura de Cruz das Almas - BA em PDF - Assistente Administrativo
</h2>
<div class="whitespace-nowrap">
<div id="product-digital-new" class="priceGroup" style="display: block;">
<span class="totalPrice">de R$ 50,90</span>
<div class="group">
<div class="alignPrice">
<span class="price">R$ 34,61</span>
<p class="specialPrice">
ou 3x de R$ 11,54</p>
</div>
<span class="offer">32% OFF</span>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="flex-none w-[240px] sm:w-[240px] lg:w-[260px] bg-white shadow rounded-lg overflow-hidden snap-start transition active:scale-[0.98]">
<a href="https://concursosbr.com/apostilas/apostila-inss-em-pdf-analista-do-seguro-social-servico-social-7684" title="Apostila INSS em PDF - Analista do Seguro Social - Serviço Social">
<div class="h-[260px] sm:h-[275px] w-full overflow- p-2">
<img class="w-full h-full object-cover" src="https://www.apostilasopcao.com.br/static-opcao/27722/images/45892/medium/op-085fv-25-prep-inss-analista-soc.png" alt="Apostila INSS em PDF - Analista do Seguro Social - Serviço Social" loading="lazy">
</div>
<div class="p-2 sm:p-4 flex flex-col h-full">
<h2 class="text-lg font-semibold mb-2 line-clamp-2">
Apostila INSS em PDF - Analista do Seguro Social - Serviço Social
</h2>
<div class="whitespace-nowrap">
<div id="product-digital-new" class="priceGroup" style="display: block;">
<span class="totalPrice">de R$ 118,00</span>
<div class="group">
<div class="alignPrice">
<span class="price">R$ 80,24</span>
<p class="specialPrice">
ou 8x de R$ 10,03</p>
</div>
<span class="offer">32% OFF</span>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="flex-none w-[240px] sm:w-[240px] lg:w-[260px] bg-white shadow rounded-lg overflow-hidden snap-start transition active:scale-[0.98]">
<a href="https://concursosbr.com/apostilas/apostila-spgg-rs-analista-de-planejamento-orcamento-e-gestao-apog-5509" title="Apostila SPGG-RS - Analista de Planejamento, Orçamento e Gestão (APOG)">
<div class="h-[260px] sm:h-[275px] w-full overflow- p-2">
<img class="w-full h-full object-cover" src="https://www.apostilasopcao.com.br/static-opcao/14460/images/18223/medium/op-189ot-21-spgg-rs-analista-apog-brinde.png" alt="Apostila SPGG-RS - Analista de Planejamento, Orçamento e Gestão (APOG)" loading="lazy">
</div>
<div class="p-2 sm:p-4 flex flex-col h-full">
<h2 class="text-lg font-semibold mb-2 line-clamp-2">
Apostila SPGG-RS - Analista de Planejamento, Orçamento e Gestão (APOG)
</h2>
<div class="whitespace-nowrap">
<div id="product-digital-new" class="priceGroup" style="display: block;">
<span class="totalPrice">de R$ 78,90</span>
<div class="group">
<div class="alignPrice">
<span class="price">R$ 53,65</span>
<p class="specialPrice">
ou 5x de R$ 10,73</p>
</div>
<span class="offer">32% OFF</span>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="flex-none w-[240px] sm:w-[240px] lg:w-[260px] bg-white shadow rounded-lg overflow-hidden snap-start transition active:scale-[0.98]">
<a href="https://concursosbr.com/apostilas/caderno-policia-penal-ba-agente-penitenciario-450-questoes-gabaritadas-6737" title="Caderno Polícia Penal - BA - Agente Penitenciário - 450 Questões Gabaritadas">
<div class="h-[260px] sm:h-[275px] w-full overflow- p-2">
<img class="w-full h-full object-cover" src="https://www.apostilasopcao.com.br/static-opcao/24201/images/39056/medium/op-108jh-24-caderno-policia-penal-ba-gab-mockup.png" alt="Caderno Polícia Penal - BA - Agente Penitenciário - 450 Questões Gabaritadas" loading="lazy">
</div>
<div class="p-2 sm:p-4 flex flex-col h-full">
<h2 class="text-lg font-semibold mb-2 line-clamp-2">
Caderno Polícia Penal - BA - Agente Penitenciário - 450 Questões Gabaritadas
</h2>
<div class="whitespace-nowrap">
<div id="product-digital-new" class="priceGroup" style="display: block;">
<span class="totalPrice">de R$ 44,90</span>
<div class="group">
<div class="alignPrice">
<p class="price">R$ 31,43</p>
<span class="specialPrice">ou 3x de R$ 10,48</span>
</div>
<span class="offer">30% OFF</span>
</div>
</div>
</div>
</div>
</a>
</div>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<!--[if ENDBLOCK]><![endif]--></section> </div>
</section>
</main>
<footer class="border-t border-slate-800 bg-slate-950 text-slate-300">
<div class="mx-auto max-w-screen-xl px-4 py-10 lg:py-12">
<div class="grid gap-10 lg:grid-cols-[1.25fr_2fr]">
<section>
<a class="inline-flex items-center gap-3" href="https://concursosbr.com" aria-label="ConcursosBR.com">
<img class="h-12 w-12 rounded-lg" src="https://concursosbr.com/build/assets/logo-mobile-3665750d.png" alt="ConcursosBR.com" width="48" height="48" loading="lazy">
<span class="text-2xl font-bold text-white">ConcursosBR</span>
</a>
<p class="mt-4 max-w-md text-sm leading-6 text-slate-400">
Concursos publicos, editais, questoes, cursos e apostilas para quem quer estudar com informacao organizada em um so lugar.
</p>
<div class="mt-6 rounded-xl border border-slate-800 bg-slate-900/70 p-4">
<div class="flex items-center gap-3">
<span class="flex h-10 w-10 items-center justify-center rounded-lg bg-emerald-600 text-white" aria-hidden="true">
<i class="fa-brands fa-android text-xl"></i>
</span>
<div>
<div class="text-sm font-semibold text-white">Estude pelo Android</div>
<div class="text-xs text-slate-400">Leve editais e questoes no bolso.</div>
</div>
</div>
<a class="mt-4 inline-flex rounded-lg transition hover:-translate-y-0.5 focus:outline-none focus:ring-2 focus:ring-emerald-400 focus:ring-offset-2 focus:ring-offset-slate-950" href="https://play.google.com/store/apps/details?id=com.concursosbr" target="_blank" rel="noopener sponsored" aria-label="Baixar o app ConcursosBR no Google Play">
<img class="h-12 w-auto" src="https://play.google.com/intl/pt-BR/badges/static/images/badges/pt-br_badge_web_generic.png" alt="Disponivel no Google Play" loading="lazy">
</a>
</div>
</section>
<nav class="grid gap-8 sm:grid-cols-3" aria-label="Links do rodape">
<section>
<h2 class="text-sm font-semibold uppercase tracking-wide text-white">Concursos</h2>
<ul class="mt-4 space-y-3 text-sm">
<li><a class="transition hover:text-white" href="https://concursosbr.com/concursos">Concursos abertos</a></li>
<li><a class="transition hover:text-white" href="https://concursosbr.com/calendario">Calendario</a></li>
<li><a class="transition hover:text-white" href="https://concursosbr.com/orgaos">Orgaos</a></li>
<li><a class="transition hover:text-white" href="https://concursosbr.com/bancas">Bancas</a></li>
<li><a class="transition hover:text-white" href="https://concursosbr.com/materias">Materias</a></li>
</ul>
</section>
<section>
<h2 class="text-sm font-semibold uppercase tracking-wide text-white">Estudos</h2>
<ul class="mt-4 space-y-3 text-sm">
<li><a class="transition hover:text-white" href="https://concursosbr.com/questoes">Questoes</a></li>
<li><a class="transition hover:text-white" href="https://concursosbr.com/cursos">Cursos</a></li>
<li><a class="transition hover:text-white" href="https://concursosbr.com/apostilas">Apostilas</a></li>
<li><a class="transition hover:text-white" href="https://concursosbr.com/search">Busca</a></li>
</ul>
</section>
<section>
<h2 class="text-sm font-semibold uppercase tracking-wide text-white">Institucional</h2>
<ul class="mt-4 space-y-3 text-sm">
<li><a class="transition hover:text-white" href="https://concursosbr.com/about-us">Sobre nos</a></li>
<li><a class="transition hover:text-white" href="https://concursosbr.com/faq">Perguntas frequentes</a></li>
<li><a class="transition hover:text-white" href="https://concursosbr.com/privacy-policy">Politica de privacidade</a></li>
<li><a class="transition hover:text-white" href="https://concursosbr.com/cookies-policy">Politica de cookies</a></li>
</ul>
</section>
</nav>
</div>
<div class="mt-10 flex flex-col gap-4 border-t border-slate-800 pt-6 text-sm text-slate-500 sm:flex-row sm:items-center sm:justify-between">
<p>
© 2026 <a class="font-semibold text-slate-300 transition hover:text-white" href="https://concursosbr.com">ConcursosBR.com</a>. Todos os direitos reservados.
</p>
<a class="inline-flex items-center gap-2 text-slate-400 transition hover:text-white" href="https://concursosbr.com/sitemap.xml">
<i class="fa-solid fa-sitemap text-xs" aria-hidden="true"></i>
Sitemap
</a>
</div>
</div>
</footer>
<aside id="download-app-bar" class="fixed inset-x-0 bottom-0 z-50 border-t border-gray-200 bg-white shadow-[0_-8px_24px_rgba(15,23,42,0.14)] md:hidden" aria-label="Baixar app ConcursosBR para Android">
<a class="flex min-h-20 items-center gap-3 px-4 py-3 text-gray-900" href="https://play.google.com/store/apps/details?id=com.concursosbr" target="_blank" rel="noopener sponsored" aria-label="Baixar o app ConcursosBR para Android no Google Play">
<span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg bg-green-600 text-white" aria-hidden="true">
<i class="fa-brands fa-android text-2xl"></i>
</span>
<span class="min-w-0 flex-1">
<span class="block text-sm font-semibold leading-5">Baixe o app ConcursosBR</span>
<span class="block text-xs leading-4 text-gray-600">Concursos, questões e cursos no Android.</span>
</span>
<span class="shrink-0 rounded-md bg-gray-900 px-3 py-2 text-xs font-semibold text-white">
Instalar
</span>
</a>
</aside>
<script >
console.warn('Livewire: The published Livewire assets are out of date\n See: https://livewire.laravel.com/docs/installation#publishing-livewires-frontend-assets')
</script>
<script src="https://concursosbr.com/vendor/livewire/livewire.min.js?id=951e6947" data-csrf="11IPxrVRwkZd2ZO0Vm0g1MLbOvAVUHK7rNebkk5L" data-update-uri="/livewire/update" data-navigate-once="true"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QSX9R6CKQM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-QSX9R6CKQM');
</script>
</body>
</html>