Este projeto é um exemplo de página web da Microsoft, utilizando HTML, CSS e o framework Bootstrap.
- index.html: Contém a estrutura principal da página, incluindo o cabeçalho, carrossel, seções de links, cartões de produtos e um banner.
- style.css: Contém os estilos personalizados aplicados à página.
- images/: Diretório que contém todas as imagens utilizadas na página, incluindo logotipos, banners e imagens dos produtos.
-
Cabeçalho:
- Inclui um logotipo da Microsoft e links para várias seções do site, como Microsoft, Teams, Copilot, Windows, Xbox e Suporte.
- Um menu dropdown para acessar outras áreas da Microsoft (Software, PCs e Dispositivos, Entretenimento, Negócios).
- Ícones de busca, carrinho de compras e conta de usuário.
-
Carrossel:
- Apresenta dois slides destacando o Microsoft Copilot e o Microsoft 365.
- Cada slide contém uma imagem de fundo, título, descrição e botões de ação.
-
Seção de Links:
- Links rápidos para escolher o Microsoft 365, comprar o Xbox e adquirir o Windows 11, cada um com seu respectivo logotipo.
-
Cartões de Produtos:
- Exibe produtos da Microsoft, como Xbox Series X, Xbox Series S, Xbox Game Pass Ultimate e Windows 11.
- Cada cartão inclui uma imagem do produto, título, descrição e um botão de ação.
-
Banner do Microsoft Edge:
- Um banner destacando o navegador Microsoft Edge, com um botão para download.
-
Seção de Negócios:
- Cartões com informações sobre o Microsoft Teams e o Copilot para Microsoft 365, voltados para o uso empresarial.
- HTML5: Para a estruturação do conteúdo da página.
- CSS3: Para a estilização personalizada da página.
- Bootstrap 5: Para a criação de uma interface responsiva e componentes prontos para uso, como o carrossel e os cartões.
- JavaScript: Utilizado para funcionalidades dinâmicas do Bootstrap, como o controle do carrossel.
-
Clonagem do Repositório:
- Clone este repositório para sua máquina local usando o comando:
git clone https://github.com/seu-usuario/seu-repositorio.git
- Clone este repositório para sua máquina local usando o comando:
-
Abrir o Projeto:
- Abra o arquivo
index.html
em seu navegador web para visualizar a página.
- Abra o arquivo
-
Customização:
- Modifique o conteúdo do
index.html
para personalizar os textos e imagens conforme suas necessidades. - Edite o
style.css
para ajustar os estilos e a aparência da página.
- Modifique o conteúdo do
Se você deseja contribuir com este projeto, siga os passos abaixo:
- Faça um fork do repositório.
- Crie um branch para sua nova feature (
git checkout -b feature/nova-feature
). - Faça commit das suas alterações (
git commit -am 'Adiciona nova feature'
). - Faça push para o branch (
git push origin feature/nova-feature
). - Abra um Pull Request.
Para mais informações, entre em contato com o desenvolvedor:
- Nome: Diego Pereira
- Email: [email protected]
- LinkedIn: (https://www.linkedin.com/in/pereira-diego-dev/)
Este é um projeto educacional e não está afiliado ou endossado pela Microsoft. Todas as marcas registradas e imagens são de propriedade de seus respectivos donos.