Agende uma ligação Modelo HTML

Uma apresentação de perfil ao lado de uma área de agendamento completa

O cartão à esquerda e o painel de marcações à direita formam, por si só, uma seção de conteúdo bem delineada para uma página HTML estática. O lado do perfil transmite identidade e contexto através do retrato circular, do título «Fazer dieta ficou simples!», do parágrafo de apoio e de três hiperligações para redes sociais. Já a parte de agendamento passa da apresentação à ação com «Agende a sua sessão», um seletor de data e horários selecionáveis. Em conjunto, estas áreas abrangem toda a comunicação e interação essenciais para uma seção dedicada a marcações, sem obrigar a recriar a estrutura da página principal dentro do próprio bloco.

Utilizada num projeto HTML estático, a seção encaixa-se com facilidade entre outras partes da página, conservando o seu propósito específico. O fundo branco, o cartão em verde-claro, os detalhes a condizer no calendário e os botões arredondados dos horários proporcionam uma relação visual harmoniosa em vez de uma moldura vazia. O calendário inclui ainda mensagens para horários indisponíveis, marcações concluídas com sucesso, conflitos e erros, acomodando os vários estados de interação decorrentes da marcação. A página envolvente pode disponibilizar a navegação, explicações adicionais ou outros dados de contacto, enquanto este bloco se mantém como a área de marcações pronta a usar. O seu valor num modelo HTML reside em oferecer um esquema coerente e reutilizável, fácil de integrar numa página ou num website estático mais vasto.