refriweb/index.html at main · PC-Techdeveloper/refriweb · 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>RefriWeb</title>
    <link rel="stylesheet" href="./templates/static/css/styles.css" />
    <link rel="shortcut icon" href="public/temp-icon.svg" type="image/x-icon" />
    <!-- Metadatas -->

    <meta
      name="description"
      content="RefriWeb es una aplicación web que tiene como objetivo ayudar a las personas a conservar productos frescos y saludables en el cuarto de refrigeración."
    />
    <!-- Open Graph para compartir las páginas -->
    <meta
      property="og:title"
      content="Alimentos refrigerados en cuartos de refrigeración"
    />
    <metaG
      property="og:description"
      content="RefriWeb es una aplicación web que tiene como objetivo ayudar a las personas a conservar productos frescos y saludables en el cuarto de refrigeración."
    />
    <meta property="og:image" content="../public/logo-cj3a.jpg" />
    <meta
      property="og:image:alt"
      content="Una fotografía del logo de RefriWeb"
    />
  </head>
  <body>
    <!-- Header section -->
    <header class="header-container">
      <img src="public/logo-cj3a.jpg" alt="Logo de Refriweb" class="logo" />
      <nav>
        <ul class="nav-list">
          <li class="nav-item">
            <a
              href="equipo.html"
              rel="noopener noreferrer nofollow"
              class="active"
            >
              Quienes Somos
            </a>
          </li>
          <li class="nav-item">
            <a href="formulario.html" rel="noopener noreferrer nofollow">
              Clientes
            </a>
          </li>
          <li class="nav-item">
            <a href="datos-productos.html">Productos</a>
          </li>
          <li class="nav-item">
            <a
              href="almacenamiento-productos.html"
              rel="noopener noreferrer nofollow"
            >
              Refrigeración
            </a>
          </li>
          <li class="nav-item">
            <a href="datos-pedidos.html" rel="noopener noreferrer nofollow">
              Pedidos
            </a>
          </li>
        </ul>
      </nav>
    </header>

    <!-- Main section -->

    <main class="main__container">
      <img src="public/frio.png" alt="Imagen de RefriWeb" class="frio-img" />
      <p class="info__text">
        Los Cuartos de Refrigeración alcanzan una temperatura entre 10°C a -4°C.
        Su objetivo principal es conservar los alimentos en perfecto estado.
        Suelen utilizarse para conservar productos especiaales como
        gastronómicos. Los pre-enfriadores que permiten enfriar alimentos recien
        cocinados. Y los Cuartos de proceso en los cuales se encuentra
        personalizado para cada cliente, túneles de congelación, tienen como fin
        congelar alimentos de una manera rápida, evitando su cristalización,
        teniendo un espacio cerrado y controlado diseñado para almacenar
        productos perecederos a bajas temperaturas, manteniéndolos frescos y
        prolongando su vida útil.
      </p>
    </main>

    <!-- Section information -->
    <section class="section__container">
      <h1 class="title">productos a almacenar</h1>
      <p class="text_description">
        Es muy importante conocer que productos son los que se va a refrigerar o
        congelar, ya que se tiene que poner especial atención en saber que
        humedad se va a manjear dentro del cuarto frío, para poder así mantener
        en las condiciones optimas a nuestro producto porque de eso dependerá si
        tenemos una buena o mala calidad.
      </p>
    </section>

    <!-- Section images -->
    <section class="section__container__img" id="id-ejemplo">
      <img
        class="list-img"
        src="public/fondo3.jpg"
        alt="Imagen de alimentos refrigerados"
      />
      <img
        class="list-img"
        src="public/foto2.jpg"
        alt="Imagen de pescados fríos"
      />
      <img class="list-img" src="public/foto3.png" alt="Imagen de pollo frío" />
    </section>

    <!-- Section phrase -->
    <section class="section__container__phrase">
      <h2 class="phrase">material de apoyo para diseñar cuartos fríos.</h2>
    </section>

    <!-- Section footer -->
    <footer>
      <span>luz adriana serna rey</span>
      <span>juan josé gutierrez</span>
      <span>hernán camilo valdes diaz</span>
      <span>janer david saez pertuz</span>
      <span>jefferson chavez diaz</span>
    </footer>
  </body>
</html>