Light-Cake/Tema_Escuro.html at main · IzaacCoding36/Light-Cake · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="pt-br">
  <head>
  <meta charset="UTF-8">
  <meta name="author" content="IzaacCoding36">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Light's Cake - Uma deliciosa receita de bolo de chocolate desenvolvida para projeto de empreendedorismo - Tema Escuro">
  <meta name="keywords" content="bolo, chocolate, receita, Light's Cake, culinária, doce, tema escuro">
  <meta name="robots" content="index, follow">
  <link rel="stylesheet" href="escuro.css">
  <link rel="icon" type="image/x-icon" href="Imagens/favicon.ico">
  <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=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
  <script>
    window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
  </script>
  <script defer src="/_vercel/insights/script.js"></script>
  <title>Light's Cake - Receita de Bolo de Chocolate (Tema Escuro)</title>
  </head>
  <body>
    <main class="container">
      <header>
        <h1 class="Titulo">Light's Cake</h1>
        <p class="subtitle">Olá! Bem-vindo à página do Light's Cake</p>
      </header>

      <section class="about-section">
        <h2 id="A1">O que é Light's Cake?</h2>
        <p class="Inicio">O Light's Cake é uma receita de bolo de chocolate que foi desenvolvida para um projeto de Empreendedorismo, onde cada participante devia realizar uma receita/projeto para planejar uma venda deste produto.</p>
        <img src="Imagens/Bolo.png" class="Bolo" alt="Delicioso bolo de chocolate Light's Cake"/>
      </section>

      <section class="recipe-section">
        <h2 id="A2">Receita</h2>
        <p class="Receita">Ficou interessado em realizar essa receita também? Ótimo. Confira a receita abaixo:</p>

        <div class="recipe-category">
          <h3 class="Receita" id="B1">Para realizar essa receita você precisará de:</h3>
          <ul class="ingredients-list">
            <li>1 forma de qualquer tamanho</li>
            <li>Utensílios e equipamentos de preparo da sua preferência</li>
            <li>Manteiga, margarina ou óleo para untar a forma</li>
            <li>Trigo, farinha ou maizena para polvilhar na forma e remover os excessos</li>
          </ul>
        </div>

        <div class="recipe-category">
          <h3 class="Receita" id="B2">Ingredientes do bolo:</h3>
          <ul class="ingredients-list">
            <li>2 xícaras de açúcar</li>
            <li>3 xícaras de trigo</li>
            <li>4 colheres de sopa de achocolatado</li>
            <li>1 xícara de óleo</li>
            <li>3 ovos</li>
            <li>1 xícara de água morna ou leite</li>
            <li>1 colher de sopa de fermento em pó</li>
          </ul>
        </div>

        <div class="recipe-category">
          <h3 class="Receita" id="B3">Opcional:</h3>
          <ul class="ingredients-list">
            <li>Cobertura de chocolate ou outro sabor de preferência</li>
            <li>Recheio de chocolate ou sabores diferenciados</li>
          </ul>
        </div>

        <footer class="recipe-footer">
          <p class="Final">Enfim, essa é a receita do nosso projeto, aproveite e sinta-se livre para conferir este site sempre que quiser!</p>
        </footer>
      </section>
    </main>

    <button class="theme-toggle" onclick="window.location.href='index.html'" aria-label="Alternar para tema claro">
      <svg class="Tema_Claro" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" height="1.5em" width="1.5em">
        <path fill="currentColor" d="M24 34q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM3.5 25.5q-.65 0-1.075-.425Q2 24.65 2 24q0-.65.425-1.075Q2.85 22.5 3.5 22.5h5q.65 0 1.075.425Q10 23.35 10 24q0 .65-.425 1.075-.425.425-1.075.425Zm36 0q-.65 0-1.075-.425Q38 24.65 38 24q0-.65.425-1.075.425-.425 1.075-.425h5q.65 0 1.075.425Q46 23.35 46 24q0 .65-.425 1.075-.425.425-1.075.425ZM24 10q-.65 0-1.075-.425Q22.5 9.15 22.5 8.5v-5q0-.65.425-1.075Q23.35 2 24 2q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 10 24 10Zm0 36q-.65 0-1.075-.425-.425-.425-.425-1.075v-5q0-.65.425-1.075Q23.35 38 24 38q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 46 24 46ZM12 14.1l-2.85-2.8q-.45-.45-.425-1.075.025-.625.425-1.075.45-.45 1.075-.45t1.075.45L14.1 12q.4.45.4 1.05 0 .6-.4 1-.4.45-1.025.45-.625 0-1.075-.4Zm24.7 24.75L33.9 36q-.4-.45-.4-1.075t.45-1.025q.4-.45 1-.45t1.05.45l2.85 2.8q.45.45.425 1.075-.025.625-.425 1.075-.45.45-1.075.45t-1.075-.45ZM33.9 14.1q-.45-.45-.45-1.05 0-.6.45-1.05l2.8-2.85q.45-.45 1.075-.425.625.025 1.075.425.45.45.45 1.075t-.45 1.075L36 14.1q-.4.4-1.025.4-.625 0-1.075-.4ZM9.15 38.85q-.45-.45-.45-1.075t.45-1.075L12 33.9q.45-.45 1.05-.45.6 0 1.05.45.45.45.45 1.05 0 .6-.45 1.05l-2.8 2.85q-.45.45-1.075.425-.625-.025-1.075-.425Z"/>
      </svg>
    </button>
  </body>
</html>