Realizado

Html, Css, bootstrap V3.3.5 de duas páginas web como no site udemy.com, que deve ser utilizado como modelo

Publicado em 08 de Março de 2024 dias na TI e Programação

Sobre este projeto

Aberto

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.

Categoria TI e Programação
Subcategoria Web Design
Qual é o alcance do projeto? Alteração média
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho especificações
Disponibilidade requerida Conforme necessário
Necesidad específica Remodelar um website

Prazo de Entrega: Não estabelecido

Habilidades necessárias

Outro projetos publicados por C. H.