Code Monkey home page Code Monkey logo

study-origamid-bootstrap's Introduction

Caravan

Planos de Viagens

Projeto final do curso de Bootstrap da Origamid.

Descrição

O site foi desenvolvido utilizando apenas componentes estilizados do framework Bootstrap, na sua versão 4.0.0. Os principais componentes usados foram:

gif

Instruções

A barra de navegação possui um menu que dá acesso aos locais de viagem, aos planos de pacote de viagem, à página de contatos, à página de inscrição e um modal para fazer login.

A página incial tem um carrossel com imagens dos locais de viagem e uma seção com os benefícios do pacote de viagem. Logo abaixo temos um acordeon de perguntas frequentes (FAQ - Frequently Asked Questions) e o rodapé do site, com alguns links de atalho.

Caso você seja um desenvolvedor, use as instruções abaixo para instalar as dependências e sugerir alterações para a aplicação.

É possível verificar o conteúdo estudado durante o curso, selecionando o histórico de commits.

Não é necessária a instalação de dependências de desenvolvimento para esse projeto, então você pode simplesmente abrir o seu editor de código (ex.: VSCode) e clonar o repositório.

git clone https://github.com/PedroPaivaDev/study-origamid-bootstrap

É recomendada a instalação da extensão live-server, para que a página seja recarregada a cada alteração feita no código.

Evolução do projeto

A lista abaixo mostra o desenvolvimento do projeto ao longo do curso.

Aula Conteúdo desenvolvido
aula 3.1 Preparação do ambiente de desenvolvimento
aula 3.2 Início da barra de navegação
aula 3.3 Dropdown na opção "Local" da barra de navegação
aula 3.4 Container do carrossel
aula 3.5 Carrossel de imagens
aula 3.6 ìcones organizados pelo Bootstrap Grid
aula 3.7 Bloco de citação
aula 3.8 Accordion de perguntas frequentes
aula 3.9 Seção de contatos e rodapé da home
aula 3.10 Modal para efetuar Login
aula 4.1 Página do local Dublin
aula 4.2 Tabela de eventos na cidade
aula 4.3 Página de planos Gold e Platinum
aula 4.4 Página de contatos
aula 4.5 Início do formulário da página de inscrição
aula 4.6 Formulário de pagamento da página de inscrição
aula 4.7 Tooltip no plano Gold da página planos

study-origamid-bootstrap's People

Contributors

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