Skip to content

Instantly share code, notes, and snippets.

@RodrigoHarder

RodrigoHarder/arquivo html corrigido (Fórum Yan Carlos)

Last active March 8, 2023 15:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save RodrigoHarder/ea00fac3bdbda95625dbe61e237983fc to your computer and use it in GitHub Desktop.
Save RodrigoHarder/ea00fac3bdbda95625dbe61e237983fc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
arquivo html corrigido (Fórum Yan Carlos)
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HZC | Home</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap">
<link rel="stylesheet" href="./assets/css/reset.css">
<link rel="stylesheet" href="./assets/css/estilos.css">
</head>
<body>
<header class="cabecalho">
<button class="cabecalho__menu" aria-label="Menu"><i></i></button>
<img src="img/logo.svg" alt="Logotipo da HZC" class="cabecalho__logo">
<button class="cabecalho__notificacao" aria-label="Notificação"><i></i></button>
</header>
<nav class="menu-lateral">
<img src="img/logo.svg" alt="Logotipo da HZC" class="menu-lateral__logo">
<a href="#" class="menu-lateral__link menu-lateral__link--inicio menu-lateral__link--ativo">Início</a>
<a href="#" class="menu-lateral__link menu-lateral__link--videos " >Videos</a>
<a href="#" class="menu-lateral__link menu-lateral__link--picos ">Picos</a>
<a href="#" class="menu-lateral__link menu-lateral__link--integrantes ">Integrantes</a>
<a href="#" class="menu-lateral__link menu-lateral__link--camisas ">Camisas</a>
<a href="#" class="menu-lateral__link menu-lateral__link--pinturas o">Pinturas</a>
</nav>
<main class="principal">
<h2 class="titulo-pagina">Inicio</h2>
<article class="cartao cartao__destaque">
<img src="./assets/img/banner-mobile_1.png" alt="Banner do cartão" class="cartao-imagem">
<div class="cartao__conteudo">
<p class="cartao__destaque">Video em destaque</p>
<h3 class="cartao__titulo">HZC - Titulo</h3>
<p class="cartao__perfil">Bruno Lopez</p>
<p class="cartao__info cartao__info--tempo">33 minutos</p>
<p class="cartao__info cartao__info--visualizacao">33 visualizações</p>
<button class="cartao__botao cartao__botao--play cartao__botao--destaque">Assistir agora</button>
</div>
</article>
<h3 class="titulosecao">Vídeos mais vistos</h3>
<article class="cartao cartao__destaque">
<img src="./assets/img/video_1.png" alt="Vídeeo" class="cartao-imagem">
<div class="cartao__conteudo">
<p class="cartao__perfil">Bruno Lopez</p>
<h3 class="cartao__titulo">HZC - Titulo</h3>
<p class="cartao__info cartao__info--tempo">33 minutos</p>
<button class="cartao__botao cartao__botao--play" aria-label="Assistir agora"></button>
</div>
</article>
</main>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment