🚀 Future Tech Conference 2025

🎓 Projeto desenvolvido como parte do curso da OneBitCode

Uma landing page moderna e responsiva para um evento fictício de tecnologia, criada com HTML5 e CSS3.
O projeto demonstra conceitos de design responsivo, CSS Grid, modo escuro automático e boas práticas de estrutura semântica.

---

🧭 Sumário

• 📖 Visão Geral
• 🧩 Estrutura do Projeto
• 💡 Tecnologias Utilizadas
• 📱 Responsividade
• 🧠 Conceitos Praticados
• 📂 Estrutura de Pastas
• 🚀 Como Executar o Projeto
• 👨‍💻 Autor
• 📄 Licença

---

📖 Visão Geral

O site Future Tech Conference 2025 apresenta um evento de tecnologia com foco em Inteligência Artificial, Computação em Nuvem e Desenvolvimento Web.

A página é composta por seções bem definidas:

✨ Hero Section — Chamada inicial com título, descrição e botão de inscrição.
🎤 Speakers Section — Cards com fotos e informações dos palestrantes.
🗓️ Schedule Section — Programação detalhada do evento.
📬 Newsletter Section — Formulário de inscrição para receber novidades.
🦶 Footer — Rodapé com direitos autorais e botão de ação.

---

📸 Screenshot

📱 Versão Mobile	💻 Versão Desktop

---

🔗 Links

• GitHub: Landing Page
• Site ao vivo: Landing Page

---

🧩 Estrutura do Projeto

O projeto segue uma estrutura simples e organizada:

future-tech-conference/
│
├── index.html
└── src/
    ├── css/
    │   └── style.css
    └── images/
        ├── speaker-1.jpg
        ├── speaker-2.jpg
        ├── speaker-3.jpg
        └── undraw_subscribe_vspl.svg

---

💡 Tecnologias Utilizadas

Tecnologia	Descrição
🧱 HTML5	Estrutura semântica e acessível da página
🎨 CSS3	Estilização, layout e responsividade
📐 CSS Grid	Criação de grades flexíveis e modernas
🌙 prefers-color-scheme	Suporte automático ao modo escuro
💻 Mobile-first Design	Abordagem para priorizar telas menores

---

📱 Responsividade

O layout foi desenvolvido com o conceito mobile-first, garantindo uma experiência fluida em todos os dispositivos:

Dispositivo	Largura
📱 Mobile	até 767px
💻 Tablet	768px a 1023px
🖥️ Desktop	1024px ou mais

As media queries ajustam tipografia, espaçamento e colunas de grade conforme a tela do usuário.

---

🧠 Conceitos Praticados

• ✅ Estrutura semântica em HTML
• ✅ Uso de variáveis CSS para cores e temas
• ✅ Criação de layouts com CSS Grid
• ✅ Aplicação de efeitos hover e transições suaves
• ✅ Implementação de modo escuro automático
• ✅ Organização e padronização de código CSS

---

🚀 Como Executar o Projeto

1. Clone o repositório:

   git clone https://github.com/slayer-br/projeto_lading_page.git

2. Acesse a pasta do projeto:

   cd projeto_lading_page

3. Abra o arquivo index.html no seu navegador favorito.

💡 Dica: Você também pode usar uma extensão como Live Server no VS Code para visualizar as alterações em tempo real.

---

👨‍💻 Autor

Desenvolvido por Carlos 👋
💼 LinkedIn • 🌍 GitHub

Projeto criado para fins educacionais como parte do curso da OneBitCode.

---

📄 Licença

🧾 Este projeto é de uso livre para fins de estudo e aprendizado.
Sinta-se à vontade para clonar, estudar e adaptar o código.

---