Git Product home page Git Product logo

get-coffee's Introduction


Get Coffee Design

Get Coffee


Landing page de uma cafeteria online

Desafio · DevChallenge

Índice

Devchallenge

DevChallenge permite que você evolua suas skills como programador! Participe da nossa comunidade

Desafio

Deverá recriar a landing page o mais fiel possível do modelo original, tanto para desktop e mobile. O modelo final está disponível na pasta "design"

Opcional:

Apenas se tiver conhecimento ou quiser ir além, poderá criar as páginas restantes de menu (pode conter apenas um ou dois produtos), contact (pode ser um formulário simples), e find us (apenas um endereço fictício com uma foto do google maps)

Techs:

  • HTML
  • CSS

Como começar:

1 - Use esse template (clicando em Use this template) ou faça um fork deste repositório com o código inicial
2 - Leia as instruções no readme.md
3 - Comece a codar!
4 - Compartilhe seu resultado com a comunidade!

Dicas

Cores:

Preto: #0242424
Amarelo: #FCA60F
Marrom: #C95E20

Modelo:

O modelo final de desktop e mobile estão disponíveis na pasta ./design
Imagens disponíveis na pasta ./assets
Figma Layout

Tipo de fonte:

  • Nunito: Semi-bold 600, Bold 700

Compartilhe!

Inicie seu projeto utilizando esse template no seu github como um repositório público
Faça um print, gif ou vídeo e compartilhe o resultado com a #devchallenge ou marcando nosso perfil @devchallenge!

Design criado por Luciane Santos

Comunidade DevChallenge

get-coffee's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.