https://github.com/rodrigosadev/academia_gym

Site para uma Academia desenvolvido com HTML, CSS & JavaScript.
https://github.com/rodrigosadev/academia_gym

Last synced: about 13 hours ago
JSON representation

Site para uma Academia desenvolvido com HTML, CSS & JavaScript.

• Host: GitHub
• URL: https://github.com/rodrigosadev/academia_gym
• Owner: RodrigoSADev
• Created: 2022-07-13T22:10:17.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-14T01:32:00.000Z (over 2 years ago)
• Last Synced: 2024-11-12T00:22:46.629Z (2 months ago)
• Language: CSS
• Homepage: https://guileless-youtiao-21d439.netlify.app/
• Size: 29.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Academia Gym

É um projeto de uma página de Academia fictícia idealizado e criado por mim com o propósito de evoluir em UI Design, HTML, CSS & JavaScript.

# UI Design & Prototipação

O site foi prototipado primeiramente no figma, onde foi criado toda a parte gráfica, decisão de cores, espaçamento e tipografia.

## Estilos

![Estilos Gym](https://user-images.githubusercontent.com/97991094/178866077-6f2fa016-ecf3-4368-ad57-8fbcd0aa4bb9.jpg)

## Protótipo

![Protótipo Gym](https://user-images.githubusercontent.com/97991094/178866444-1b8a9b0a-0ba0-4629-b1f5-8c0e957c2dec.jpg)

## Projeto Completo (Figma)

![Projeto Gym](https://user-images.githubusercontent.com/97991094/178866521-ff8ef1a0-6c2a-48a2-948f-3dfc2d76cab3.jpg)

# Front End & Desenvolvimento

Com tudo finalizado no figma resta só desenvolver o projeto. Feito utilizando HTML, CSS, Grid & JavaScript.

## Projeto Completo (Web)

![Gym](https://user-images.githubusercontent.com/97991094/178866723-40b80999-24bc-4be7-b37f-b46b2a6287de.gif)

# Responsividade

Projeto 100% responsivo, realizei apenas algumas alterações na quebra do grid e tamanho das fontes.

## Projeto Completo (Mobile)

![Gym Mobile](https://user-images.githubusercontent.com/97991094/178867524-a898705e-9e7b-4614-a635-a100c1966000.gif)