1
00:00:00,000 --> 00:00:04,396
[MÚSICA]

2
00:00:04,396 --> 00:00:09,510
Chegamos ao fim do terceiro módulo deste curso.

3
00:00:09,510 --> 00:00:13,070
Esta é a hora da sua terceira missão.

4
00:00:13,070 --> 00:00:18,132
Nesta atribuição, vamos olhar para os componentes Bootstrap

5
00:00:18,132 --> 00:00:23,121
que examinamos neste módulo e adicionar alguns à nossa página index.html.

6
00:00:25,036 --> 00:00:30,190
Sua terceira tarefa envolve três tarefas.

7
00:00:30,190 --> 00:00:36,930
A primeira tarefa é tomar o formulário de reserva que você criou anteriormente

8
00:00:36,930 --> 00:00:42,470
em uma das linhas de conteúdo abaixo e, em seguida, cortar esse formulário para fora da linha de conteúdo.

9
00:00:42,470 --> 00:00:49,140
E, em seguida, crie um modelo que contenha o mesmo formulário de reserva para sua tabela.

10
00:00:49,140 --> 00:00:52,620
Então você pode ver que temos o número de convidados aqui, e a data e

11
00:00:52,620 --> 00:00:56,600
hora aqui, e então dois botões, o botão Reservar e Cancelar.

12
00:00:56,600 --> 00:00:59,340
Assim como você fez para o formulário de reserva.

13
00:01:00,950 --> 00:01:06,390
Além disso, a segunda tarefa nesta atribuição é adicionar

14
00:01:06,390 --> 00:01:12,970
mais uma linha aqui com um botão de opção aqui.

15
00:01:12,970 --> 00:01:17,980
Então, aqui você permitirá que o usuário especifique

16
00:01:17,980 --> 00:01:21,690
em qual seção do restaurante eles querem a mesa.

17
00:01:21,690 --> 00:01:24,800
Seja para não fumantes ou para fumantes.

18
00:01:24,800 --> 00:01:28,820
Por padrão, a seção para não fumantes será selecionada.

19
00:01:28,820 --> 00:01:31,690
Se o usuário quiser a seção de fumar,

20
00:01:31,690 --> 00:01:36,690
então o usuário clicará no botão para selecionar a seção de fumar.

21
00:01:36,690 --> 00:01:38,870
Se o usuário quiser a seção não-fumante,

22
00:01:38,870 --> 00:01:43,860
então, obviamente, o usuário clicará na seção não-fumante para selecionar o botão.

23
00:01:43,860 --> 00:01:50,910
Então este é um grupo de botões de rádio aqui com dois botões aqui, Fumador e Não Fumador.

24
00:01:50,910 --> 00:01:57,840
Então essa é a sua segunda tarefa nesta tarefa, adicionar o botão aqui.

25
00:01:59,510 --> 00:02:04,310
A terceira tarefa é girar este botão aqui,

26
00:02:04,310 --> 00:02:08,030
o botão Reservar Tabela aqui, para invocar o modelo.

27
00:02:08,030 --> 00:02:11,520
Então, quando você clica no botão, ele mostra e esconde o modelo.

28
00:02:12,720 --> 00:02:18,735
Para fazer isso, primeiro você precisa remover a dica de ferramenta da tabela de reserva,

29
00:02:18,735 --> 00:02:22,965
caso contrário, essa funcionalidade não funcionará.

30
00:02:22,965 --> 00:02:28,725
E também remova o script, o código JavaScript que você adicionou

31
00:02:28,725 --> 00:02:35,445
ao final da página index.html para acionar a dica de ferramenta.

32
00:02:35,445 --> 00:02:40,178
Então, fazendo isso, e, em seguida, fazer este botão Reservar Tabela

33
00:02:40,178 --> 00:02:45,040
agir como o alternar para o seu modelo.

34
00:02:45,040 --> 00:02:48,500
Então essa é a sua terceira tarefa nesta tarefa.

35
00:02:49,650 --> 00:02:55,876
Espero que tenha gostado de criar esta nova variação da página index.html.

36
00:02:55,876 --> 00:03:01,788
[ MUSIC]