Giter VIP home page Giter VIP logo

pecraveiro / worldofwarcraft-clone-mainpage Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 8.61 MB

Este projeto é um clone responsivo da página oficial do World of Warcraft, criado com a ajuda da plataforma Nicepage e das linguagens de programação HTML, CSS e JavaScript. Todos os blocos e seções do site original foram reproduzidos, criando uma experiência de navegação idêntica à do site oficial.

Home Page: https://pecraveiro.github.io/WorldofWarcraft-Clone-Mainpage/

CSS 96.01% HTML 3.99%
landingpage world-of-warcraft clone-page html js nicepage githubpages

worldofwarcraft-clone-mainpage's Introduction

WorldofWarcraft-Clone-Mainpage

🔍 Índice

🖼️ Print

Segue o "full screen print" monstrando a página completa:

screencapture-pecraveiro-github-io-WorldofWarcraft-Clone-Mainpage-2023-03-17-02_08_46


📸 Video

Segue o vídeo monstrando a responsividade do projeto:

2023-03-31.02-26-13.mp4

📑 Sobre

O projeto World of Warcraft Clone Mainpage é um layout clone em Landing Page do um website principal do World of Warcraft. A ideia de reproduzir o layout foi estritamente para treinar minhas habilidades em desenvolvimento web utilizando a plataforma do Nicepage para a criação da página.


📑 Tecnologias

  • Plataforma Nicepage;
  • HTML;
  • CSS;
  • JavaScript;
  • Github-pages;

Para visualizar o site, basta clicar na sessão ao lado direito, em "Github-pages" em Enviroments ou aqui.


📑 Projeto

A Página apresenta um vídeo em seu formato para desktop e laptops no início, divulgando a nova expansão, já no mobile é apenas um banner. Após isso, seguem botões redirecionando para a compra do produto divulgado e atualizações do jogo. Em sequência, 2 blocos, um com instruções para novos jogadores e outro para jogadores que desejam retornar à Azeroth. Logo após esses 2 blocos, a continuação da página segue em torno de mais 8 blocos divulgando sistemas do jogo e atualizações. Em seguida, o rodapé.

Conclusão

Esta página foi uma excelente forma treinamento das minhas habilidades e demonstrar um carinho enorme que tenho pelo jogo, além de poder promover minhas habilidades e experiência na área.

💰 Doação:

Caso você deseja apoiar o meu aprendizado, tornando possível a realização de novos projetos, além de contribuir com o meu portfólio e currículo, sinta-se livre para doar. As doações não são obrigatórias e serão utilizadas apenas para incrementar meu aprendizado. ❤️

If you want to support my learning, making it possible to carry other projects, in addition to contributing with my portfolio and curriculum, please feel free to donate. Donations are not required and will only be used to improve my learning. I will be very much appreciated. ❤️

You can directly donate to my Paypal, Bitcoin Addres, Ethereum Address or Pix if you are BR.

Paypal
https://www.paypal.com/donate/?hosted_button_id=GU7G48HXEEXXE
Bitcoin Address
14jRUvJEEQsdg9TSQ7gH5FJJGjt3aBc3yh
Pix 🇧🇷
da938ec7-d485-418b-8dcc-8a2fc11f9531

Desenvolvido por Pedro Craveiro 🌐

worldofwarcraft-clone-mainpage's People

Contributors

pecraveiro avatar

Stargazers

 avatar  avatar

Watchers

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