Skip to content

Commit

Permalink
Bug na barra de título
Browse files Browse the repository at this point in the history 
Consertado a erro que impedia a correta formatação da barra de títulos
  • Loading branch information
@wellingtonfernandesbarbosa
wellingtonfernandesbarbosa committed Jun 26, 2023
1 parent 90f9d6f commit 23b859a
Showing 1 changed file with 90 additions and 88 deletions.
178 changes: 90 additions & 88 deletions categorias.html
View file
Original file line number Diff line number Diff line change
@@ -1,95 +1,98 @@
<!DOCTYPE html>
<html lang="pt-br">
<html lang="pt-BR">

<head>
<meta metacharset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AluraBooks</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"
integrity="sha512-NmLkDIU1C/C88wi324HBc+S2kLhi08PN5GDeUVVVC/BVt/9Izdsc9SVeVfA1UZbY3sHUlDSyRXhCzHfr6hmPPw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="reset.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Audiowide&family=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Audiowide&family=Josefin+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/>
<link rel="stylesheet" href="style.css">
<title>Alura Books</title>
</head>
<header class="cabecalho">
<div class="container">
<input type="checkbox" name="" id="menu" class="container__botao">
<label for="menu" class="container__rotulo">
<span class="cabecalho__menu-hamburguer container__imagem"></span>
</label>
<ul class="lista-menu">
<!-- <li class="lista-menu__titulo">Categorias</li> -->
<li class="lista-menu__item">
<a href="index.html" class="lista-menu__link">Página Inicial</a>
</li>
<li class="lista-menu__item">
<a href="categorias.html" class="lista-menu__link">Categorias</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Favoritos</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Minha Estante</a>
</li>
<li class="lista-menu__item">
<a href="cadastro.html" class="lista-menu__link">Cadastro</a>
</li>
</ul>

<a href="index.html" class="container__logo">
<img src="img/Logo.svg" alt="Logo da Alurabooks" class="container__imagem">
<h1 class="container__titulo"><b class="container__titulo--negrito">Alura</b>Books</h1>
</a>
</div>
<ul class="opcoes">
<!-- <input type="checkbox" class="opcoes__botao" id="opcoes-menu">
<label for="opcoes-menu" class="opcoes__rotulo">
<li class="opcoes__item">Categorias</li>
</label>
<body>
<header class="cabecalho">
<div class="container">
<input type="checkbox" name="" id="menu" class="container__botao">
<label for="menu" class="container__rotulo">
<span class="cabecalho__menu-hamburguer container__imagem"></span>
</label>
<ul class="lista-menu">
<!-- <li class="lista-menu__titulo">Categorias</li> -->
<li class="lista-menu__item">
<a href="index.html" class="lista-menu__link">Página Inicial</a>
</li>
<li class="lista-menu__item">
<a href="categorias.html" class="lista-menu__link">Categorias</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Favoritos</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Minha Estante</a>
</li>
<li class="lista-menu__item">
<a href="cadastro.html" class="lista-menu__link">Cadastro</a>
</li>
</ul>

<ul class="lista-menu">
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Programação</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Front-end</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Infraestrutura</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Bussiness</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Design & UX</a>
</li>
</ul> -->
<li class="opcoes__item"><a href="categorias.html" class="opcoes__link">Categorias</a></li>
<li class="opcoes__item"><a href="#" class="opcoes__link">Favoritos</a></li>
<li class="opcoes__item"><a href="#" class="opcoes__link">Minha Estante</a></li>
<li class="opcoes__item"><a href="cadastro.html" class="opcoes__link">Cadastro</a></li>
</ul>
<div class="container">
<input type="checkbox" id="coracao">
<!-- <a href="#"><img src="img/Favoritos.svg" alt="Meus favoritos" class="container__imagem coracao"></a> -->
<label class="coracao" for="coracao">
<svg width="34.88" height="3z2" viewBox="0 0 24 22" fill="none" class="container__imagem container__imagem-transparente" xmlns="http://www.w3.org/2000/svg">
<path d="M20.8397 3.49592C20.329 2.98492 19.7226 2.57957 19.0551 2.303C18.3876 2.02644 17.6722 1.88409 16.9497 1.88409C16.2273 1.88409 15.5118 2.02644 14.8444 2.303C14.1769 2.57957 13.5705 2.98492 13.0597 3.49592L11.9997 4.55592L10.9397 3.49592C9.90805 2.46423 8.50877 1.88463 7.04974 1.88463C5.5907 1.88463 4.19143 2.46423 3.15974 3.49592C2.12805 4.52761 1.54845 5.92689 1.54845 7.38592C1.54845 8.84495 2.12805 10.2442 3.15974 11.2759L4.21974 12.3359L11.9997 20.1159L19.7797 12.3359L20.8397 11.2759C21.3507 10.7652 21.7561 10.1587 22.0327 9.49127C22.3092 8.82382 22.4516 8.10841 22.4516 7.38592C22.4516 6.66343 22.3092 5.94802 22.0327 5.28056C21.7561 4.61311 21.3507 4.00668 20.8397 3.49592V3.49592Z" stroke="#002F52" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</label>
<a href="#" class="container__link">
<img src="img/Compras.svg" alt="Carrinho de compras" class="container__imagem">
<p class="container__texto">Minha sacola</p>
</a>
<a href="#" class="container__link">
<img src="img/Usuário.svg" alt="Meu perfil" class="container__imagem">
<p class="container__texto">Meu perfil</p>
</a>
</div>
</header>
<a href="index.html" class="container__logo">
<img src="img/Logo.svg" alt="Logo da Alurabooks" class="container__imagem">
<h1 class="container__titulo"><b class="container__titulo--negrito">Alura</b>Books</h1>
</a>
</div>
<ul class="opcoes">
<!-- <input type="checkbox" class="opcoes__botao" id="opcoes-menu">
<label for="opcoes-menu" class="opcoes__rotulo">
<li class="opcoes__item">Categorias</li>
</label>
<body>
<section class="banner"></section>
<ul class="lista-menu">
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Programação</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Front-end</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Infraestrutura</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Bussiness</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Design & UX</a>
</li>
</ul> -->
<li class="opcoes__item"><a href="categorias.html" class="opcoes__link">Categorias</a></li>
<li class="opcoes__item"><a href="#" class="opcoes__link">Favoritos</a></li>
<li class="opcoes__item"><a href="#" class="opcoes__link">Minha Estante</a></li>
<li class="opcoes__item"><a href="cadastro.html" class="opcoes__link">Cadastro</a></li>
</ul>
<div class="container">
<input type="checkbox" id="coracao">
<!-- <a href="#"><img src="img/Favoritos.svg" alt="Meus favoritos" class="container__imagem coracao"></a> -->
<label class="coracao" for="coracao">
<svg width="34.88" height="3z2" viewBox="0 0 24 22" fill="none" class="container__imagem container__imagem-transparente" xmlns="http://www.w3.org/2000/svg">
<path d="M20.8397 3.49592C20.329 2.98492 19.7226 2.57957 19.0551 2.303C18.3876 2.02644 17.6722 1.88409 16.9497 1.88409C16.2273 1.88409 15.5118 2.02644 14.8444 2.303C14.1769 2.57957 13.5705 2.98492 13.0597 3.49592L11.9997 4.55592L10.9397 3.49592C9.90805 2.46423 8.50877 1.88463 7.04974 1.88463C5.5907 1.88463 4.19143 2.46423 3.15974 3.49592C2.12805 4.52761 1.54845 5.92689 1.54845 7.38592C1.54845 8.84495 2.12805 10.2442 3.15974 11.2759L4.21974 12.3359L11.9997 20.1159L19.7797 12.3359L20.8397 11.2759C21.3507 10.7652 21.7561 10.1587 22.0327 9.49127C22.3092 8.82382 22.4516 8.10841 22.4516 7.38592C22.4516 6.66343 22.3092 5.94802 22.0327 5.28056C21.7561 4.61311 21.3507 4.00668 20.8397 3.49592V3.49592Z" stroke="#002F52" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</label>
<a href="#" class="container__link">
<img src="img/Compras.svg" alt="Carrinho de compras" class="container__imagem">
<p class="container__texto">Minha sacola</p>
</a>
<a href="#" class="container__link">
<img src="img/Usuário.svg" alt="Meu perfil" class="container__imagem">
<p class="container__texto">Meu perfil</p>
</a>
</div>
</header>
<section class="banner"></section>
<nav class="wrap">
<ul class="nav">
<li><button class="btn btn-front" href="#" id="btnFiltrarLivrosFront" value="front-end">LIVROS DE
Expand Down Expand Up @@ -423,5 +426,4 @@ <h2 class="rodape__titulo">Grupo Alura</h2>
</ul>
</footer>
</body>

</html>
</html>

1 comment on commit 23b859a

@vercel
Copy link

@vercel vercel bot commented on 23b859a Jun 26, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

alurabooks – ./

alurabooks-wells.vercel.app
alurabooks-git-main-wellingtonfernandes.vercel.app
alurabooks-wellingtonfernandes.vercel.app

Please sign in to comment.