diff --git a/files/pt-br/web/index.html b/files/pt-br/web/index.html
deleted file mode 100644
index 4d2a970cf21b66..00000000000000
--- a/files/pt-br/web/index.html
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: Tecnologia Web para desenvolvedores
-slug: Web
-tags:
- - Landing
- - Web
-translation_of: Web
----
-A Web aberta apresenta oportunidades incríveis para os desenvolvedores. Para tirar o máximo proveito dessas tecnologias, você precisa saber como usá-las. Abaixo, você encontrará links para nossa documentação de tecnologias Web.
-
-Documentação para desenvolvedores Web
-
-
- - Referências para Desenvolvedores Web
- - Uma lista de todas as referências para tecnologias Web, incluindo HTML, CSS e assim por diante.
- - Guia para Desenvolvedores Web
- - O Guia para Desenvolvedores Web provê um conteúdo útil de informações, para realmente ajudá-lo a usar as tecnologias Web para fazer o que deseja ou precisa.
- - Tutoriais para Desenvolvedores Web
- - Uma lista de tutoriais para orientá-lo passo a passo no aprendizado de APIs, tecnologias ou áreas abrangentes dos tópicos.
- - Desenvolvendo Aplicações Web
- - Aplicações Web Progressivas (em inglês: Progressive Web Apps) são aplicações web que usam APIs emergentes de navegadores assim como estratégias de melhoria progressiva tradicionais para trazer uma experiência de usuário parecida com apps nativos nas aplicações web.
-
-
-Referências para Tecnologias Web
-
-
- - APIs Web
- - Material de referência para cada uma das APIs individuais que compõem a poderosa capacidade de script da Web, incluindo o DOM e todas as APIs relacionadas e interfaces que você pode usar para criar aplicativos e conteúdo Web.
- - HTML
- - Linguagem de Marcação de Hipertexto (em inglês: HyperText Markup Language) é a linguagem usado para descrever e definir o conteúdo de uma página Web.
- - CSS
- - As Folhas de Estilo em Cascata (em inglês: Cascading Style Sheets) são usadas para descrever a aparência do conteúdo Web.
- - JavaScript
- - JavaScript é uma linguagem de programação utilizada para adicionar interatividade ao website.
- - SVG
- - Os Gráficos Vetoriais Escaláveis (em inglês: Scalable Vector Graphics) permitem que você descreva as imagens como conjuntos de vetores e formas, a fim de permitir uma escala suave, independentemente do tamanho em que eles são desenhados.
- - MathML
- - A Linguagem de Marcação Matemática (em inglês: Mathematical Markup Language) torna possível exibir equações e sintaxes matemáticas complexas.
-
-
-Temporário
-
-O material abaixo é temporário, e é para te ajudar a acompanhar as coisas enquanto o trabalho de organização está em andamento. Tenha isso em mente.
-
-{{ListSubpages}}
diff --git a/files/pt-br/web/index.md b/files/pt-br/web/index.md
new file mode 100644
index 00000000000000..c54b11395363e6
--- /dev/null
+++ b/files/pt-br/web/index.md
@@ -0,0 +1,66 @@
+---
+title: Tecnologia Web para desenvolvedores
+slug: Web
+tags:
+ - Landing
+ - Web
+translation_of: Web
+---
+A Web aberta apresenta oportunidades incríveis para os desenvolvedores. Para tirar o máximo proveito dessas tecnologias, você precisa saber como usá-las. Abaixo, você encontrará links para nossa documentação de tecnologias Web.
+
+## Documentação para desenvolvedores Web
+
+- [Guia do Desenvolvedor Web](/pt-BR/docs/Web/Guide)
+ - : O Guia para Desenvolvedores Web provê um conteúdo útil de informações, para realmente ajudá-los a usar as tecnologias Web para fazer o que deseja ou precisa.
+- [Tutoriais para Desenvolvedores Web](/pt-BR/docs/Web/Tutorials)
+ - : Tutoriais para guiá-los passo a passo no aprendizado HTML, CSS, JavaScript e APIs Web.
+- [Acessibilidade](/pt-BR/docs/Web/Accessibility)
+ - : Permitir que o maior número possível de pessoas use sites, mesmo quando as habilidades dessas pessoas são limitadas de alguma forma.
+- [Performance](/pt-BR/docs/Web/Performance)
+ - : Tornar o conteúdo o mais disponível e interativo possível, o mais rápido possível.
+- [Segurança](/pt-BR/docs/Web/Security)
+ - : Proteger os usuários de vazamento e roubo de dados, ataques de canal lateral e ataques como scripts entre sites, injeção de conteúdo e click-jacking.
+
+## Referências de tecnologia Web
+
+- [APIs Web](/pt-BR/docs/Web/API)
+ - : APIs de programação JavaScript que você pode utilizar para criar aplicativos na Web.
+- [HTML](/pt-BR/docs/Web/HTML)
+ - : HTML fornece os blocks de construção fundamentais para estrutura documentos e aplicativos na Web.
+- [CSS](/pt-BR/docs/Web/CSS)
+ - : Folhas de estilo em cascata são usadas para descrever a aparência de documentos e aplicações na Web.
+- [JavaScript](/pt-BR/docs/Web/JavaScript)
+ - : JavaScript é a linguagem de programação nativa da Web.
+- [WebAssembly](/pt-BR/docs/WebAssembly)
+ - : O WebAssembly permite que programas escritos em C, C++, Rust, Swift, C#, Go e muitas outras linguagens de programação sejam executadas na Web.
+- [Eventos](/pt-BR/docs/Web/Events)
+ - : Eventos são o que você cria aplicativos na Web para reagir; por exemplo, quando uma página da Web termina de carregar ou um usuário seleciona algo, pressiona uma tecla, redimensiona a janela, envia um formulário ou pausa um vídeo.
+- [HTTP](/pt-BR/docs/Web/HTTP)
+ - : HTTP é o protocolo fundamental da Internet para buscar documentos, folhas de estilo, scripts, imagens, vídeos, fontes e outros recursos pela Web e para enviar dados de volta aos servidores Web.
+- [Media](/pt-BR/docs/Web/Media)
+ - : Formatos, codecs, protocolos, APIs e técnicas para incorporar e transmitir conteúdo de vídeo, áudio e imagem em documentos e aplicativos da Web.
+- [SVG](/pt-BR/docs/Web/SVG)
+ - : Os gráficos vetoriais escaláveis permitem que você crie imagens que se adaptam suavemente a qualquer tamanho.
+- [MathML](/pt-BR/docs/Web/MathML)
+ - : MathML permite exibir notações matemáticas complexas na Web.
+- [Web Components](/pt-BR/docs/Web/Web_Components)
+ - : Web Components são elementos personalizados que você pode definir e reutilizar em seus aplicativos Web.
+- [WebDriver](/pt-BR/docs/Web/WebDriver)
+ - : WebDriver é um mecanismo de automação de navegador para controlar remotamente um navegador, emulando as ações de uma pessoa real usando o navegador. É amplamente usado para testes entre navegadores de aplicativos da Web.
+- [Extensões Web](/pt-BR/docs/Mozilla/Add-ons/WebExtensions)
+ - : As Extensões da Web são uma maneira de fornecer aos usuários recursos aprimorados em seus navegadores — para fazer coisas como bloquear anúncios e outros conteúdos, personalizar a aparência das páginas e muito mais.
+- [Web App Manifests](/pt-BR/docs/Web/Manifest)
+ - : Os manifestos de aplicativos da Web permitem que os usuários instalem aplicativos da Web nas telas iniciais de seus dispositivos, com aspectos como orientação de tela retrato/paisagem e modo de exibição (por exemplo, tela cheia) predefinidos.
+- [Progressive Web Apps (PWAs)](/pt-BR/docs/Web/Progressive_web_apps)
+ - : Os Progressive Web Apps fornecem uma experiência de usuário semelhante aos aplicativos móveis nativos.
+
+## Documentação das ferramentas do desenvolvedor
+
+- [Ferramentas para desenvolvedores do Firefox](https://firefox-source-docs.mozilla.org/devtools-user/index.html)
+ - : Documentação para o conjunto de ferramentas para desenvolvedores da Web integradas ao Firefox.
+- [Chrome DevTools](https://developer.chrome.com/docs/devtools/)
+ - : Documentação para o conjunto de ferramentas para desenvolvedores da Web integradas ao Chrome.
+- [Inspetor da Web do Safari](https://webkit.org/web-inspector/)
+ - : Documentação para o conjunto de ferramentas para desenvolvedores da Web integradas ao Safari.
+- [Edge DevTools](https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/landing/)
+ - : Documentação para o conjunto de ferramentas para desenvolvedores da Web integradas ao Edge.