Skip to content

Commit

Permalink
ESTRUTURANDO AS ULTIMAS SECOES
Browse files Browse the repository at this point in the history
  • Loading branch information
@kelvingomes13
kelvingomes13 committed Jul 20, 2024
1 parent f0dbe8a commit 0c9ec29
Show file tree
Hide file tree
Showing 2 changed files with 196 additions and 7 deletions.
191 changes: 190 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -118,7 +118,7 @@ <h2 class="text-lg">
<h3>Mais lidas da semana</h3>
<a href="#" class="grid grid-flow-col">
<strong>Ver tudo</strong>
<span>seta</span>
<span></span>
</a>
</header>
<div class="grid gap-16">
Expand Down Expand Up @@ -169,6 +169,195 @@ <h3>Mais lidas da semana</h3>
</figure>
</div>
</section>

<section id="ai">
<header>
<h3>Destaques da inteligencia artifical</h3>
<a href="#" class="grid grid-flow-col"></a>
<strong>ver tudo</strong>
<span></span>
</header>

<div class="grid gap-32">
<article class="grid grid-flow-col gap-16">
<div>
<span class="content-tag">inteligencia artifical</span>
<h3 class="text-xl">
Empresa surpreende o mundo ao anunciar um algoritmo capaz de
prever eventos futuros com alta precisão.
</h3>
<p>
Em um avanço surpreendente da inteligência artificial, uma
empresa anuncia o desenvolvimento de um algoritmo capaz de
prever eventos futuros com notável precisão. Descubra como essa
tecnologia está desafiando as fronteiras da previsão e quais são
as implicações para diversas áreas, desde finanças até
planejamento estratégico.
</p>
</div>
<div>
<img src="assets/images/Image 10.png" alt="" />
</div>
</article>

<article class="grid grid-flow-col gap-16">
<div>
<span class="content-tag">inteligencia artifical</span>
<h3 class="text-xl">
Dispositivo portátil promete traduzir instantaneamente
diferentes idiomas, facilitando a comunicação global.
</h3>
<p>
Em um mundo cada vez mais conectado, a comunicação sem
fronteiras é essencial. Nesse contexto, um dispositivo portátil
surge como um verdadeiro herói linguístico, prometendo quebrar
as barreiras idiomáticas instantaneamente. Imagine poder se
comunicar fluentemente em qualquer lugar do mundo,
independentemente do idioma local. Este dispositivo não é mais
uma visão futurista, mas uma realidade impressionante que está
transformando a forma como nos conectamos globalmente. Nesta
reportagem, mergulharemos nas funcionalidades deste dispositivo
revolucionário e como ele está moldando uma nova era de
compreensão global.
</p>
</div>
<div>
<img src="assets/images/Image 11.png" alt="" />
</div>
</article>

<article class="grid grid-flow-col gap-16">
<div>
<span class="content-tag">inteligencia artifical</span>
<h3 class="text-xl">
Criados para auxiliar idosos, robôs de companhia ganham
popularidade, oferecendo suporte emocional e físico aos
usuários.
</h3>
<p>
A tecnologia não só avança, mas também busca tornar a vida mais
significativa para todas as gerações. No cenário atual, os robôs
sociais, projetados especialmente para oferecer apoio e
companhia aos idosos, estão ganhando destaque. Mais do que meros
assistentes, esses robôs são programados para fornecer suporte
emocional e físico, preenchendo lacunas nas necessidades de
cuidado. Nesta matéria, exploraremos como esses companheiros
tecnológicos estão impactando positivamente a qualidade de vida
da terceira idade e proporcionando uma nova perspectiva sobre o
envelhecimento.
</p>
</div>
<div>
<img src="assets/images/Image 12.png" alt="" />
</div>
</article>

<article class="grid grid-flow-col gap-16">
<div>
<span class="content-tag">inteligencia artifical</span>
<h3 class="text-xl">
Aplicativo utiliza inteligência artificial para ajudar usuários
a manterem o foco e aumentarem a produtividade no dia a dia.
</h3>
<p>
No turbilhão da vida moderna, onde distrações são abundantes, um
aplicativo inovador surge como um aliado indispensável para quem
busca maior concentração e eficiência no cotidiano. Utilizando
avançados algoritmos de inteligência artificial, este aplicativo
promete mais do que simplesmente gerenciar tarefas; ele está
programado para compreender os padrões de trabalho de cada
usuário, oferecendo sugestões personalizadas para otimizar o
tempo e maximizar a produtividade. Nesta matéria, exploraremos
como essa ferramenta tecnológica está se tornando a chave para
manter o foco em um mundo cada vez mais cheio de distrações,
transformando a maneira como encaramos nossas responsabilidades
diárias.
</p>
</div>
<div>
<img src="assets/images/Image 13.png" alt="" />
</div>
</article>
</div>
</section>

<div>
<div id="ads">
<img src="assets/images/Ads.png" alt="ads" />
</div>

<section id="more">
<header>
<h3>ver isso aqui</h3>
<a href="#" class="grid grid-flow-col"></a>
<strong>ver tudo</strong>
<span></span>
</header>

<div class="grid gap-32">
<article class="grid grid-flow-col gap-16">
<div>
<div>
<img src="assets/images/Image 14.png" alt="Aplicativo de monitoramento ambiental ganha destaque, incentivando práticas ecológicas e promovendo a conscientização." />
</div>
<span class="content-tag">Software</span>
<h3 class="text-xl">
Aplicativo de monitoramento ambiental ganha destaque, incentivando práticas ecológicas e promovendo a conscientização.
</h3>

</div>
</article>
<article class="grid grid-flow-col gap-16">
<div>
<div>
<img src="assets/images/Image 15.png" alt="Óculos de realidade virtual com feedback tátil proporcionam uma experiência sensorial completa, imergindo usuários em ambientes digitais." />
</div>
<span class="content-tag">REALIDADE VIRTUAL</span>
<h3 class="text-xl">
Óculos de realidade virtual com feedback tátil proporcionam uma experiência sensorial completa, imergindo usuários em ambientes digitais.
</h3>

</div>
</article>
<article class="grid grid-flow-col gap-16">
<div>
<div>
<img src="assets/images/Image 16.png" alt="Surge uma nova moeda digital baseada em tecnologias sustentáveis, buscando minimizar o impacto ambiental associado à mineração de criptomoedas." />
</div>
<span class="content-tag">CRIPTOMOEDAS</span>
<h3 class="text-xl">
Surge uma nova moeda digital baseada em tecnologias sustentáveis, buscando minimizar o impacto ambiental associado à mineração de criptomoedas.
</h3>

</div>
</article>
<article class="grid grid-flow-col gap-16">
<div>
<div>
<img src="assets/images/Image 17.png" alt="Empresas de e-commerce implementam frota de drones para entregas rápidas, transformando o cenário do comércio online." />
</div>
<span class="content-tag">DRONES</span>
<h3 class="text-xl">
Empresas de e-commerce implementam frota de drones para entregas rápidas, transformando o cenário do comércio online.
</h3>

</div>
</article>
<article class="grid grid-flow-col gap-16">
<div>
<div>
<img src="assets/images/Image 18.png" alt="Tecnologia inovadora permite a impressão 3D de órgãos humanos, revolucionando a medicina e a lista de espera por transplantes." />
</div>
<span class="content-tag">IMPRESSAO 3D</span>
<h3 class="text-xl">
Tecnologia inovadora permite a impressão 3D de órgãos humanos, revolucionando a medicina e a lista de espera por transplantes.
</h3>

</div>
</article>
</div>
</section>
</div>
</main>
<footer>teste</footer>
</body>
Expand Down
12 changes: 6 additions & 6 deletions styles/sections.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,10 @@
}
}
section header {
header a {
border-top: 1px solid var(--stroke-color);
padding-block: 12px 24px;
font: var(--text-span);
a {
justify-self: end;
align-items: center;
gap: 8px;
Expand All @@ -49,14 +52,11 @@ section header {

}
}
border-top: 1px solid var(--stroke-color);
padding-block: 12px 24px;
font: var(--text-span);

}
#weekly {

&>div {
grid-template-columns: repeat(4, 292fr);
grid-template-columns: repeat(4, 292px);
}
img {
height: 160px;
Expand Down

0 comments on commit 0c9ec29

Please sign in to comment.