[MÚSICA]
Chegamos ao fim do terceiro módulo deste curso.
Esta é a hora da sua terceira missão.
Nesta atribuição, vamos olhar para os componentes Bootstrap
que examinamos neste módulo e adicionar alguns à nossa página index.html.
Sua terceira tarefa envolve três tarefas.
A primeira tarefa é tomar o formulário de reserva que você criou anteriormente
em uma das linhas de conteúdo abaixo e, em seguida, cortar esse formulário para fora da linha de conteúdo.
E, em seguida, crie um modelo que contenha o mesmo formulário de reserva para sua tabela.
Então você pode ver que temos o número de convidados aqui, e a data e
hora aqui, e então dois botões, o botão Reservar e Cancelar.
Assim como você fez para o formulário de reserva.
Além disso, a segunda tarefa nesta atribuição é adicionar
mais uma linha aqui com um botão de opção aqui.
Então, aqui você permitirá que o usuário especifique
em qual seção do restaurante eles querem a mesa.
Seja para não fumantes ou para fumantes.
Por padrão, a seção para não fumantes será selecionada.
Se o usuário quiser a seção de fumar,
então o usuário clicará no botão para selecionar a seção de fumar.
Se o usuário quiser a seção não-fumante,
então, obviamente, o usuário clicará na seção não-fumante para selecionar o botão.
Então este é um grupo de botões de rádio aqui com dois botões aqui, Fumador e Não Fumador.
Então essa é a sua segunda tarefa nesta tarefa, adicionar o botão aqui.
A terceira tarefa é girar este botão aqui,
o botão Reservar Tabela aqui, para invocar o modelo.
Então, quando você clica no botão, ele mostra e esconde o modelo.
Para fazer isso, primeiro você precisa remover a dica de ferramenta da tabela de reserva,
caso contrário, essa funcionalidade não funcionará.
E também remova o script, o código JavaScript que você adicionou
ao final da página index.html para acionar a dica de ferramenta.
Então, fazendo isso, e, em seguida, fazer este botão Reservar Tabela
agir como o alternar para o seu modelo.
Então essa é a sua terceira tarefa nesta tarefa.
Espero que tenha gostado de criar esta nova variação da página index.html.
[ MUSIC]