Light-Cake/index.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">
  <meta name="keywords" content="bolo, chocolate, receita, Light's Cake, culinária, doce">
  <meta name="robots" content="index, follow">
  <link rel="stylesheet" href="style.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</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='Tema_Escuro.html'" aria-label="Alternar para tema escuro">
      <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" height="1.5em" width="1.5em">
        <path fill="currentColor" d="M24 42q-7.5 0-12.75-5.25T6 24q0-6.75 3.975-11.45Q13.95 7.85 20.4 6.5q2.05-.4 2.8.7t-.05 3q-.45 1.15-.7 2.35-.25 1.2-.25 2.45 0 4.5 3.15 7.65Q28.5 25.8 33 25.8q1.25 0 2.425-.225 1.175-.225 2.275-.625 2.15-.8 3.2.075 1.05.875.55 2.975-1.35 6.05-6.05 10.025Q30.7 42 24 42Z"/>
      </svg>
    </button>
  </body>
</html>