Reproduzir duas páginas web como ocorre no site
udemy.com conforme abaixo:
Página 1, exemplo:
https://www.udemy.com/courses/business/entrepreneurship/
- Ignorar a faixa de menu superior. Focar na parte de baixo da página, a partir do termo "Cursos de Empreendedorismo"; ignorar breadcrumb "Negócios>Empreendedorismo>...
- Incluir o nome da página (no caso do exemplo: Cursos de Empreendedorismo)
- Incluir o carroussel de imagens. Cada curso do carroussel deve ter a imagem, o nome do instrutor e o valor. Não é necessário as estrelas de avaliação. Incluir o "popup" após o mouse over no curso, ativado em qualquer elemento do curso: na imagem, no nome do curso, instrutor ou preço;
- Incluir o "Curso em destaque" com: imagem, nome do curso, descrição, nome do instrutor. Abaixo do instrutor, apenas o preço (não incluir as avaliações, etc)
- Incluir a sessão "Instrutores populares" com o carroussel de instrutores. Cada box de instrutor deve ter: imagem/foto do instrutor, Cargo, número de cursos. Nenhum popup.
-> Fim da página <-
Página 2, exemplo:
https://www.udemy.com/course/criatividade-e-inovacao-nos-negocios/?couponCode=ACCAGE0923
- Ignorar a faixa de menu superior.
- Incluir a sessão esquerda (textos) e direita (vídeo, preço e botão de "Comprar este curso"). Detalhamento das sessões:
- Sessão esquerda: incluir nome do curso, detalhes, nome do instrutor.
- Sessão direita: incluir thumbnail (imagem) do vídeo do curso, não incluir as abas "Pessoal" e "Equipes", preço, desconto, quanto tempo para o fim do desconto (em vermelho), botão de "Comprar este curso", texto de garantia de devolução.
Importante: esta parte direita é um box sempre visível na página após rolagem. Ele deve se comportar da mesma forma, ou seja, sempre visível e à direita. Obs: no site da udemy este box desaparece no início, e depois ressurge ao rolarmos mais pra baixo, porém preciso que esteja sempre visível na totalidade durante a rolagem, sem "sumir" em determinado momento.
Mais abaixo na página:
- Box "O que você aprenderá" (com alguns itens);
- Box "Este curso inclui" (com os itens - ícones não necessários)
- Box "As melhores empresas oferecem esse curso para seus funcionários"
- Seção "Conteúdo do curso": não necessário abrir e fechar cada módulo (accordion). Basta um box com todo o conteúdo.
- Seção "Requisitos"
- Seção "Descrição": nao necessáio "mostrar mais/mostrar menos"
- Pular para seção "Instrutor": nome, cargo, imagem, informações à direita, curriculo abaixo
-> Fim da página <-
Contexto Geral do Projeto
O bootstrap é versão 3.3.5, pois está no site atual.
Será utilizado no site: multicursos.com.br.
Prazo de Entrega: Não estabelecido