Skip to content

Este repositório contém um clone da tela de onboarding do Duolingo, recriada utilizando HTML, CSS e JavaScript. O projeto tem como objetivo replicar a experiência de boas-vindas aos usuários, destacando as animações e a interface amigável características do Duolingo.

Notifications You must be signed in to change notification settings

devJunr/duolingo-onboarding-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Duolingo Onboarding Screen Clone

Este projeto foi desenvolvido com o objetivo de aprimorar o aprendizado em desenvolvimento web. Consiste em uma página web que clona a tela de onboarding do Duolingo usando apenas HTML5 e CSS3.

Funcionalidades

  • Clone da Tela de Onboarding: Reproduz a tela de introdução do Duolingo com fidelidade.
  • Responsividade: Adapta-se a diferentes tamanhos de tela.

Tecnologias Utilizadas

  • html5 HTML: Estrutura da página.
  • css3 CSS: Estilização da página.

Estrutura do Projeto

O projeto é composto pelos seguintes arquivos:

  • index.html: Estrutura HTML da página.
  • styles/style.css: Estilos CSS da página.
  • assets/duolingo-onboard.svg: Imagem do mascote do Duolingo.
  • assets/arrow-right.png: Ícone de seta para o botão.

Instalação e Uso

  1. Clone o repositório:

    git clone https://github.com/devJunr/duolingo-onboarding-clone
  2. Abra o arquivo index.html em seu navegador para visualizar a página.


Feito com ❤️ por DevJunr

About

Este repositório contém um clone da tela de onboarding do Duolingo, recriada utilizando HTML, CSS e JavaScript. O projeto tem como objetivo replicar a experiência de boas-vindas aos usuários, destacando as animações e a interface amigável características do Duolingo.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published