Giter VIP home page Giter VIP logo

microsoft-page's Introduction

Microsoft Page

Descrição do Projeto

Este projeto é um exemplo de página web da Microsoft, utilizando HTML, CSS e o framework Bootstrap.

Estrutura do Projeto

  • 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.

Funcionalidades

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. Banner do Microsoft Edge:

    • Um banner destacando o navegador Microsoft Edge, com um botão para download.
  6. 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.

Tecnologias Utilizadas

  • 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.

Como Utilizar

  1. 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
  2. Abrir o Projeto:

    • Abra o arquivo index.html em seu navegador web para visualizar a página.
  3. 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.

Contribuição

Se você deseja contribuir com este projeto, siga os passos abaixo:

  1. Faça um fork do repositório.
  2. Crie um branch para sua nova feature (git checkout -b feature/nova-feature).
  3. Faça commit das suas alterações (git commit -am 'Adiciona nova feature').
  4. Faça push para o branch (git push origin feature/nova-feature).
  5. Abra um Pull Request.

Contato

Para mais informações, entre em contato com o desenvolvedor:


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.

microsoft-page's People

Contributors

diegofelipeap avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.