https://github.com/abarrosjr/duolingo-onboarding-clone

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.
https://github.com/abarrosjr/duolingo-onboarding-clone

clone-website css3 duolingo html5

Last synced: 3 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/abarrosjr/duolingo-onboarding-clone
• Owner: abarrosjr
• Created: 2024-07-27T23:38:15.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-28T01:38:59.000Z (almost 2 years ago)
• Last Synced: 2025-07-18T12:48:33.415Z (about 1 year ago)
• Topics: clone-website, css3, duolingo, html5
• Language: CSS
• Homepage: https://devjunr.github.io/duolingo-onboarding-clone
• Size: 199 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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

-  **HTML**: Estrutura da página.

-  **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**:

    ```bash

    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](https://github.com/devjunr)**