html5

www.origamid.com/projetos/css-grid-layo.../

www.w3schools.com/html/html5_migration.asp

cssgrid-generator.netlify.com/

#html5

#css
.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 3fr repeat(4, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

Como embutir tabela em html5?
www.clubedohardware.com.br/forums/topic.../

Tabela editavel com html5?

camilaoliveira.net/blog/2012/04/01/tabe.../

help.libreoffice.org/4.4/Calc/Pivot_Tab...

www.devmedia.com.br/como-tornar-uma-tab...

pt.stackoverflow.com/questions/130169/t...

www.it-swarm.dev/pt/python/tabela-dinam.../

Como criar gráfico?
www.gigasystems.com.br/artigo/16/como-e...
www.devmedia.com.br/criando-graficos-co...
blog.clares.com.br/gerar-graficos-com-php/
www.codigofonte.net/scripts/php/graficos

tableless.com.br/as-12-melhores-bibliot.../
blog.vilourenco.com.br/como-montar-graf.../

Raspagem de dados a partir de html?

medium.com/data-hackers/web-scraping-aq...

www.youtube.com/watch?v=Mqi5BJwzAzo

pythonclub.com.br/primeiro-projeto-djan...

pt.wikipedia.org/wiki/Django_(framework...

howtoinstall.co/pt/debian/stretch/pytho...

Criar banner slide com JS CSS sem plugin

www.youtube.com/watch?v=DVb7pzsUdoE

speckyboy.com/open-source-carousel-slid.../

www.cetax.com.br/blog/comparando-python.../

clovisdasilvaneto.github.io/anima-es-av.../

translate.google.com/translate?hl=pt-BR&sl=en&u=https://speckyboy.com/open-source-carousel-sliders-css/&prev=search

www.cetax.com.br/blog/comparando-python.../

clovisdasilvaneto.github.io/pare-de-usa.../

clovisdasilvaneto.github.io/pare-de-usa.../

clovisdasilvaneto.github.io/anima-es-av.../

medium.com/@leocavalcante/gera%C3%A7%C3%A3o-toddynho-no-mundo-da-programa%C3%A7%C3%A3o-f8536117afbc

www.w3schools.com/w3css/w3css_slideshow...

Sites criativos:
resn.co.nz/#!/work/all

Cores elegantes de um azul tiquesa meio esmeralda a um laranja dourado
Você mexe a tela e os itens vão aparecendo
Imagens grandes

www.salaoblackqueen.com.br/produtos.php

2- combina tecnologias 3D, imagens interativas, som ambiente e layout clean em uma experiência realmente impactante e hipnotizante! Mais artístico do que informativo

conteúdo rola junto com a página,
o diamante se move quando é clicado e quando não.
ao passar o mouse por cima ele vibra ao clicar ele quebra
ao passar o mouse por uma imagem do site faz barulho
resn.co.nz/#!/work/

3- Tour virtual do local feito com Google maps
www.pousadadospinhos.com.br/tour-virtua...

4- Totalmente visual, a página inicial conta apenas com imagens de projetos já desenvolvidos pela marca.
Ao exibir as fotografias em formato de slideshow, o visitante da página tem uma ideia concreta do tipo de serviço que vai receber ao contratar a marca.

fotografias e vídeos 360º, proporcionando uma experiência de imersão total no site.

Com um design clean e muito elegante, cada seção do site é dividida por uma cor ou textura, para que o seu conteúdo seja diferenciado. Além disso, ao exibir as imagens em formato de slideshow, a página facilita a visualização do usuário.

codepen.io/panikaro/pen/eROVeq

codepen.io/miriamcc/pen/KzGGqZ

www.youtube.com/watch?v=bjUoQbSJDJs
translate.google.com/translate?hl=pt-BR&sl=en&u=https://www.w3schools.com/css/css3_animations.asp&prev=search&pto=aue

tableless.com.br/introducao-ao-css-3d-f.../

www.devmedia.com.br/transformacoes-3d-e...

translate.google.com/translate?hl=pt-BR&sl=en&u=https://www.w3schools.com/css/css3_3dtransforms.asp&prev=search&pto=aue

Layout responsivo:

Containers são os elementos de layout mais básico do Bootstrap e são necessários quando usamos o sistema de grid padrão. Escolha entre um container responsivo de largura fixa (ou seja, com alterações de max-width em cada ponto de interrupção) ou por um responsivo de largura fluida (ou seja, 100% de largura o tempo todo).

getbootstrap.com.br/docs/4.1/layout/ove.../#responsive-breakpoints

tableless.com.br/design-responsivo-na-p.../

Slide Show: www.w3schools.com/howto/howto_js_slides...

Boa tarde! Sigo padronizando o código da página e das folhas de estilo linkadas nela.
Estou desenvolvendo um menu do cabeçalho (estilo drop down) do zero em CSS3 uma vez que por alguma razão a dinâmica do menu original em java não funciona na página que estou trabalhando, usando o mesmo código. Meu maior desafio está senso usar um código mais simples para dar o mesmo efeito. Percebi também que ao aumentar ou diminuir o zoom da página os elementos de espalham de uma forma que prejudica o visual, dessa forma vou tentar deixá-la adaptavél a qualquer tamanho. Posto os resultados na sexta que vem pode ser?

Boa noite e bom final de semana, até segunda!

www.youtube.com/watch?v=68O6eOGAGqA

www.youtube.com/watch?v=AltqAPZzAqo

www.youtube.com/watch?v=mBdQnQbJWHc

www.youtube.com/watch?v=68O6eOGAGqA

www.youtube.com/watch?v=PpRdG8RsQlY

www.youtube.com/watch?v=7glClI-rj74

3D Flip Card Effect On Hover Using Only HTML & CSS | 3D Flip Book

www.youtube.com/watch?v=wwPdMhxV3BU

medium.com/@eduagni/html5-css3-suporte-dos-navegadores-e-t%C3%A9cnicas-de-compatibilidade-186d6c876434

developer.mozilla.org/pt-BR/docs/Web/CS...

Conhecimentos básicos em pacote Adobe
(Photoshop, Illustrator e InDesign).

Experiência em UX.

Google Analytics:

Adwords,

SEO

SEM

Graduação em Web Design, Design Gráfico.
Conhecimentos básicos em Google Analytics, Adwords, SEO, SEM e pacote Adobe (Photoshop, Illustrator e InDesign).
Experiência em UX.

Principais atividades:

Realizar criações de páginas utilizando HTML.;
Inserção/modificação de conteúdo em páginas existentes;
Atuar com desenvolvimento de sites, comunicação visual, criação de design e layout;
Atuar na programação de websites e design de interface, construir e prover manutenção do layout dos sistemas Web (sites, hotsites, páginas, interfaces gráficas);
Criar elementos gráficos (foto e vetor), ilustrações e objetos gráficos (botões, ícones, banners portlets, entre outros).
Criar e-mails marketing, newsletters, banners, layouts para mídias sociais, peças de comunicação offline (layouts, folders, banners, catálogos, embalagens, logos, ícones etc);
Criar peças publicitárias como anúncios, painéis para eventos, flyers, elementos cenográficos etc.;
Documentar e aplicar identidades visuais, sendo o responsável pela interface entre empresa e fornecedores gráficos, dando apoio ao levantamento de preços e orçamentos, se responsabilizar pela aprovação técnica de toda produção gráfica (pré-impressão e impressão);
Desenvolver materiais web, digitais e gráficos tanto para a comunicação interna como externa da companhia, com autonomia, criatividade, inovação, qualidade e agilidade, criar layout, sites, flyer, folder, artes gráficas e digitais em geral.

Oferecemos:
Remuneração Compatível com o mercado
Vale-refeição
Vale-alimentação
Vale-transporte
Assistência Médica
Assistência Odontológica (opcional)
Auxílio Farmácia
Participação nos lucros e resultados
Previdência privada
Seguro de vida
Bolsa de estudos
Descontos nos produtos e serviços da empresa
Denunciar este anúncio
Porto Seguro
Glassdoor
4,2 – 1.451 avaliações
InfoJobs
4,7 – 6.318 avaliações
Indeed
4,5 – 935 avaliações
portoseguro.com.br
Mais vagas na empresa Porto Seguro

WordPress e HTML

Conhecimentos das principais ferramentas de SEO no mercado (SEM Rush, Ahrefs, Moz, Screaming Frog); Page Builders (Elementor ou Divi Builder – preferencialmente);

PHP

JQuery

linuxsemfronteiras.com.br/cursos/progra.../

css-tricks.com/css-only-carousel/

troca de partes do conteúdo e as partes iguais são na verdade a mesma.