https://github.com/klausvisual/onebitx

Página desenvolvida como projeto final do módulo de Bootstrap, parte do curso Fullstack da OneBitCode, em colaboração com a comunidade.
https://github.com/klausvisual/onebitx

aos-animation bootstrap5 css git github html sass

Last synced: 3 months ago
JSON representation

Página desenvolvida como projeto final do módulo de Bootstrap, parte do curso Fullstack da OneBitCode, em colaboração com a comunidade.

• Host: GitHub
• URL: https://github.com/klausvisual/onebitx
• Owner: klausvisual
• Created: 2025-01-13T13:19:13.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-13T17:21:29.000Z (over 1 year ago)
• Last Synced: 2025-01-27T05:51:28.628Z (over 1 year ago)
• Topics: aos-animation, bootstrap5, css, git, github, html, sass
• Language: HTML
• Homepage: https://onebitx-klausvisual.netlify.app/
• Size: 31.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# OneBitX

# 🌌 SpaceX-Themed Website

## 🏠 Página Inicial:

![Página Home](img/home-page.png)

## 🚀 Falcon 9:

![Página Falcon9](img/falcon9-page.png)

## 👩‍🚀 Human Spaceflight:

![Página Human Spaceflight](img/human-page.png)



  Projeto Concluído! 🚀



---

## 💻 Sobre o Projeto

Este projeto foi desenvolvido para criar um site inspirado na estética e funcionalidades do site oficial da SpaceX. O objetivo principal é praticar conceitos de animações, tabelas e uso de imagens de fundo, além de aperfeiçoar habilidades em posicionamento de elementos com Flexbox, responsividade em CSS, organização de estilos com SASS e aplicação de ferramentas oferecidas pelo Bootstrap, como carrossel, navbar e alinhamentos.

---

## 📝 Estrutura do Site

1. **Home**  

   A página inicial é composta por cinco seções, proporcionando uma visão geral sobre as missões da SpaceX e o retorno de astronautas à Terra.

2. **Falcon 9**  

   Essa página destaca o Falcon 9, o primeiro foguete reutilizável de classe orbital. Além disso, contém dois carrosséis: o primeiro apresenta detalhes técnicos sobre as partes do foguete, enquanto o segundo exibe imagens ilustrativas.

3. **Human Spaceflight**  

   Esta página final explora algumas das principais missões tripuladas planejadas pela SpaceX, trazendo informações relevantes sobre a exploração espacial humana.

---

## 🏁 Como Rodar o Projeto

Para visualizar o site, siga estas etapas:

1. Certifique-se de ter um editor de código como o [VSCode](https://code.visualstudio.com/).  

2. Clone este repositório com o comando:  

   ```bash

   git clone git@github.com:klausvisual/OneBitX.git

# OneBitX