# M3 Amazing Landing page | Challenge 1 - M3Academy Projeto criado e planejado pela M3Academy, com o intuito de mostrar nossas capacidades, e fazer a gente conhecer o seu ambiente de desenvolvimento, para trabalho em equipe, tendo versionamento de código, responsabilidade, prazo de entrega, boas práticas, demostranto o seu ambiente de trabalho em equipe e desenvolvimento em grupo. ## Contents |Contents |Available | |------------------------------------------------------------------------|----------| |[👀 Overview 👀](#overview) |Yes | |[🎯 The challenge 🎯](#the-challenge) |Yes | |[📽️ Visuals 📽️](#visuals) |Yes | |[🧪 Links para Demos 🧪](#links) |Yes | |[👟 My process 👟](#my-process) |Yes | |[📖 What I Learned 📖](#what-i-learned) |Yes | |[🏗️ Technologies 🏗️](#technologies) |Yes | |[🏭 Continuous Development 🏭](#continuous-development) |Yes | |📦 Resources 📦 |Not | |[📥 Installation 📥](#installation) |Yes | |🕹️ Usage 🕹️ |Yes | |[💙 Support 💙](#support) |Yes | |[💙 Contributing 💙](#contributing) |Yes | |[✍️ Author ✍️](#author) |Yes | |[📞 Contact 📞](#contact) |Yes | |[🎊 Acknowledgment 🎊](#acknowledgment) |Yes | | | | ## 👀 Overview ### 🎯 The Challenge **DATA ENTREGA**: 13/10/2022 - Antecipado A branch que será corrigida será a branch principal (main ou master), então, após terminar o desenvolvimento do desafio, faça o pull request das branchs para a branch principal (main ou master). Se não estiver tudo na branch correta, não será considerado. Os Requisitos cobrados serão: - [x] Repositório PRIVADO no gitTea; - [x] NÃO DEVE ser usado javaScript no desenvolvimento; - [x] Quantidade de commits feitos deve ser maior que 10; - [x] HTML e CSS devem considerar a performance da pagina (código limpo, sem repetições desnecessárias) - [x] Entrega deve ser feita conforme é informado no vídeo - no local de entrega DESTE desafio, você irá colocar a URL do SEU repositório com TODA a Landingpage desenvolvida (o professor que for corrigir irá fazer o clone do seu repositório para corrigir) e irá aguardar a nota e o link da tabela de correção com os erros cometidos e dicas de como ajustar. TRABALHOS ENTREGUES POR EMAIL NÃO SERÃO ACEITOS. CONFIRA O SEU REPOSITÓRIO ANTES DE ENTREGAR, faça o clone novamente e confira se tudo está correto. Avisos: - Repositórios VAZIOS terão nota ZERO e o aluno poderá ser eliminado imediatamente do treinamento (no dia seguinte a data de entrega será conferido cada repositório). #### Developer Challenge - [x] Semântica do HTML; - [x] Uso de Conventional Commits e GitFlow para fazer as branchs e os commits; - [x] Layout deve ser igual ao do figma fornecido acima e deve ser feito por completo; - [x] CSS com uso de media query (pode fazer uso de SASS se tiver familiaridade); - [x] A pagina deve se adaptar a TODOS os tamanhos de tela (telas maiores que 2500px, desktop (entre 2500 e 1025px), tablet e mobile (1024px até 280px - Galaxy Fold - Chrome) - DICA: usem medidas em porcentagem quando necessário. [<<< TOP](#contents) ## 📽 Visuals ### 📽 Screenshot ![Image](./docs/images/screenshot.png) [<<< TOP](#contents) ### 🧪 Links - URL da solução: [LINK](sss) - Demostrativo da solução: [LINK](sss) [<<< TOP](#contents) ## 👟 My process ### 🏗 Technologies - HTML - CSS [<<< TOP](#contents) ### 📖 What I Learned Eu aprendi, a ajudar pessoas com problemas de progamação, gostei bastante do meu desenvolvimento, ajudar quem precisa e gratificante, meu desenvolvimento foi tranquilo acredito que esse é somente o aquecimento, creio que ainda tenho muito a aprender, todos contéudos da M3 Academy são um dos melhores que eu já conheci, acredito que aprenderei muitos conhecimentos novos. Estou ansioso para mais contéudos. [<<< TOP](#contents) ### 🏭 Continuous development Quero revisar o que aprendi ao longo do tempo, conhecer como uma empresa realmente funciona, sempre criei projetos sozinhos digo que a melhor experiencia em auxiliar pessoas e ajuda-las é algo muito bonito visto que sempre fui sozinho somente eu e minhas músicas, apesar de estar a um tempo na área de programação acredito que ainda terei muito o que aprender. [<<< TOP](#contents) ## 📥 Installation Requisitos: - Baixar o VSCode (Visual Studio Code). (Recomendado) - Git (Versionamento de código). (Obrigatorio) ### 📥 VSCODE O VSCode(Visual Studio Code) é um IDE (Integrated Development Environment) Ambiente de Desenvolvimento Integrado, Este ambiente proposto pelo software VSCode, E muito importante para desenvolvedores das mais diferenciadas áres, como Desenvolvimento Web, Desenvolvimento de software, etc. Baixe de Acordo com seu SO (Sistema Operacional). Como Instalar o VSCode. - [Site Oficial](https://code.visualstudio.com/) ![VSCODE Screenshot Site Oficial](./docs/images/vscode-official-home.png) AVISO: Não baixe o software de sites estrangeiros, baixe direto do site oficial. ### 📥 Git O Git é um sistema de versionamento de código que deve ser utilizado para clonagem de repositorios, sendo assim o Git tem que estar instalado no computador de clonagem no repositorio. Baixe de Acordo com seu SO (Sistema Operacional). Como Instalar o Git. - [Site Oficial](https://git-scm.com/) ![GIT Screenshot Site Oficial](./docs/images/git-official-home.png) AVISO: Não baixe o software de sites estrangeiros, baixe direto do site oficial ### 📥 Extensions No VSCode temos varias extenções para ajudar em nosso desenvolvimento do dia a dia, No caso citaremos algumas. - [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - Extenção para desenvolvimento Web, que permite a criação de um "servidor" para ambiente de desenvolvimento permitindo a manutenção dos elementos da páginas e testes de classes, cores, tamanhos, etc. Ela também comtribui com agilidade para o desenvolvimeto web pertimitindo uma economia de tempo. (Uso Opcional) - [Material Icon](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) - Essa extenção ajuda a torna mais legiveis os arquivos e pastas do projeto (Uso Opcional) ## 🕹️ Usage `Windows` / `Mac` / `Linux` Abra seu `cmd`/`bash`/`shell` copie e cole o código abaixo no seu `cmd`/`bash`/`shell`. ```shell git clone https://gitea.ecommercetools.com.br/HenriqueSantosSantana/m3-amazing-landing-page.git cd challenge-landing-page-henrique-santos-santana/ code . ``` AVISO: Git deve estar instalado na máquina junto com o VSCODE, caso sua IDE não for o VSCODE vá diretamente por meio de seu `cmd`/`bash`/`shell` manualmente, ou utilize a interface para chegar a pasta que foi clonado o repositorio, e entre dentro do projeto. Caso tenha baixado as extenções no VSCODE, somente clique no arquivo index.html, ira abrir um menu abaixo do seu mouse, clique na opção `Open with Live Server`. Após clicar você será redirecionado para o seu navegador padrão com o projeto aberto. ![Open with Live Server](./docs/images/vscode-open-menu-liveserver.png) ## 💙 Support Estou a qualquer momento disponivel, para tirar suas duvidas sobre o desafio somente me chame no discord :3 ## 💙 Contributing Está disponivel para contribuições ## ✍ Author - GitHub : [Henrique Santos Santana](https://github.com/HenriqueSSan/) - Linkedin : [Henrique Santos Santana](https://linkedin.com/in/henrique-santos-santana) [<<< TOP](#contents) ## 📞 Contact - Email: [hsstudentwork@gmail.com](https://mail.to:hsstudentwork@gmail.com) [<<< TOP](#contents) ## 🎊 Acknowledgment Agradecimentos a Minha familia por me apoiarem, Obrigado a M3Academy, Caroline .V Moran e Marcia Leal por me selecionarem para algo tão grande 💙. [<<< TOP](#contents)