🇧🇷

Landing Page - Projeto Integrador 2

Esta landing page foi desenvolvida para o Projeto Integrador 2 da Universidade de Brasília (UnB), Faculdade UnB Gama (FGA). O objetivo da página é apresentar as atividades, projetos, professores e parcerias envolvidas na disciplina. Solicitada pela professora Carla, a página visa atrair estudantes, professores e possíveis parceiros com uma experiência visualmente atraente e informativa.

Funcionalidades

• Carrossel de Professores: Apresenta os professores com imagens, e-mails, e links para o LinkedIn.
• Alternância entre Modos Claro/Escuro: Possibilidade de alternar entre modos claro e escuro, com imagens que se adaptam ao tema escolhido.
• Sessão de Parcerias com Loop Contínuo: Exibição contínua e horizontal dos logotipos dos parceiros envolvidos.
• Botões Estilizados: Botões interativos com animações e efeitos de hover que chamam a atenção para ações importantes.
• Instigação para Parcerias: Seção que incentiva possíveis empresas a se tornarem parceiras do Projeto Integrador 2.
• Botões para MkDocs: Três botões que direcionam para a documentação do PI2 no MkDocs, onde é explicada detalhadamente a disciplina e os projetos desenvolvidos.

Tecnologias

• HTML5: Estrutura semântica e acessível para melhor organização do conteúdo.
• CSS3 (TailwindCSS): Estilização responsiva e moderna.
• JavaScript (jQuery): Funcionalidades interativas e animações.
• Slick Carousel: Biblioteca usada para o carrossel de membros da equipe e parceiros.
• Font Awesome: Ícones para navegação e interação com o usuário.

Pré-requisitos

Antes de começar, certifique-se de ter um ambiente básico de desenvolvimento web instalado:

• Node.js (para possíveis scripts)
• Navegador atualizado (Google Chrome, Firefox, etc.)

Passos para instalação

1. Clone o repositório

Clone o repositório do projeto para sua máquina local:

git clone https://github.com/usuario/pi2-landing-page.git

2. Navegue até o diretório do projeto

Acesse o diretório onde o projeto foi clonado:

cd pi2-landing-page

3. Abra o projeto

Abra o arquivo index.html em qualquer navegador web para visualizar a landing page.

Uso da Página

• Explorar Projetos: Navegue pelas seções para conhecer os projetos desenvolvidos pelos alunos.
• Ver Professores: Conheça os professores envolvidos, seus contatos e perfis no LinkedIn.
• Torne-se um Parceiro: Empresas interessadas podem se tornar parceiras do projeto clicando no botão "Seja um Parceiro".
• Acessar Documentação do PI2: Utilize os três botões destacados para acessar a documentação detalhada sobre o PI2 no MkDocs.

Estrutura do Projeto

• index.html: Estrutura principal da página.
• css/style.css: Estilos customizados para a página.
• js/script.js: Scripts JavaScript para funcionalidades interativas.
• img/: Diretório contendo as imagens utilizadas na página.

Contribuindo

Se você deseja contribuir para a landing page, siga os passos abaixo:

1. Faça um fork do repositório.

2. Crie uma branch para sua feature:

   git checkout -b minha-feature

3. Faça as mudanças desejadas e commit:

   git commit -am 'Adiciona nova feature'

4. Envie a branch para o repositório remoto:

   git push origin minha-feature

5. Abra um Pull Request.

🇬🇧

Landing Page - Projeto Integrador 2

This landing page was developed for Projeto Integrador 2 at the University of Brasília (UnB), Faculty of Gama (FGA). The page aims to present the activities, projects, professors, and partnerships involved in the course. Requested by Professor Carla, the page seeks to attract students, professors, and potential partners by providing a visually appealing and informative experience.

Features

• Professor Carousel: Displays the professors with images, emails, and LinkedIn links.
• Light/Dark Mode Toggle: Option to switch between light and dark modes, with images that adapt to the selected theme.
• Continuous Partnership Loop: Continuous horizontal display of partner logos in a looping format.
• Stylized Buttons: Interactive buttons with animations and hover effects that draw attention to important actions.
• Encouragement for Partnerships: A section encouraging companies to become partners of Projeto Integrador 2.
• Buttons to MkDocs: Three buttons that direct users to the PI2 documentation in MkDocs, where detailed explanations about the course and developed projects are provided.

Technologies

• HTML5: Semantic structure for better content organization.
• CSS3 (TailwindCSS): Responsive and modern styling.
• JavaScript (jQuery): Interactive functionalities and animations.
• Slick Carousel: Library used for the carousel of team members and partners.
• Font Awesome: Icons for navigation and user interaction.

Prerequisites

Before you start, ensure you have a basic web development environment set up:

• Node.js (for potential scripts)
• Updated Web Browser (Google Chrome, Firefox, etc.)

Installation Steps

1. Clone the Repository

Clone the project repository to your local machine:

git clone https://github.com/user/pi2-landing-page.git

2. Navigate to the Project Directory

Access the directory where the project was cloned:

cd pi2-landing-page

3. Open the Project

Open the index.html file in any web browser to view the landing page.

Using the Page

• Explore Projects: Navigate through the sections to learn about the projects developed by the students.
• View Professors: Get to know the professors involved, their contact information, and LinkedIn profiles.
• Become a Partner: Interested companies can become partners of the project by clicking the "Become a Partner" button.
• Access PI2 Documentation: Use the three highlighted buttons to access detailed PI2 documentation in MkDocs.

Project Structure

• index.html: Main structure of the page.
• css/style.css: Custom styles for the page.
• js/script.js: JavaScript scripts for interactive functionalities.
• img/: Directory containing the images used on the page.

Contributing

If you would like to contribute to the landing page, follow these steps:

1. Fork the repository.

2. Create a branch for your feature:

   git checkout -b my-feature

3. Make the desired changes and commit:

   git commit -am 'Add new feature'

4. Push the branch to the remote repository:

   git push origin my-feature

5. Open a Pull Request.