Cafeteria_WebSite/proceso.html at main · Kuro-98/Cafeteria_WebSite · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cafetería SASS</title>
    <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=Bona+Nova&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:wght@400;700&display=swap"
        rel="stylesheet" />
    <link rel="stylesheet" href="./build/css/app.css" />
</head>

<body>
    <header class="header header-proceso">
        <div class="contenido-header contenedor">
            <div class="barra">
                <div class="logo">
                    <img src="./build/img/logo.svg" alt="logo cafeteria" />
                </div>
                <nav class="nav-principal">
                    <a href="index.html">Inicio</a>
                    <a href="nosotros.html">Nosotros</a>
                    <a class="activo" href="proceso.html">Proceso</a>
                    <a href="menu.html">Menú</a>
                    <a href="galeria.html">Galería</a>
                    <a href="contacto.html">Contacto</a>
                </nav>
            </div>

            <div class="texto-header">
                <h1>Los verdaderos expertos del café</h1>
            </div>
        </div>
    </header>

    <main class="contenedor contenido-principal">
        <div class="proceso-cafe">
            <div class="imagen">
                <img src="build/img/proceso_1.jpg" alt="imagen proceso">
            </div>
            <div class="texto">
                <h3>Granos de Café</h3>
                <p>Los granos de café son la base de una buena taza de café. En nuestro proceso, seleccionamos
                    cuidadosamente los mejores granos de café de origen para garantizar un sabor excepcional en cada
                    taza que servimos.</p>
            </div>
        </div>

        <div class="proceso-cafe">
            <div class="imagen">
                <img src="build/img/proceso_2.jpg" alt="imagen proceso">
            </div>
            <div class="texto">
                <h3>Tostar el café</h3>
                <p>En nuestro proceso, tostamos cuidadosamente los granos de café de origen para resaltar su sabor y
                    aroma únicos. Así garantizamos una experiencia excepcional en cada taza que servimos.</p>
            </div>
        </div>

        <div class="proceso-cafe">
            <div class="imagen">
                <img src="build/img/proceso_3.jpg" alt="imagen proceso">
            </div>
            <div class="texto">
                <h3>Empacar el café</h3>
                <p>En nuestro proceso, empacamos cuidadosamente los granos de café de origen para preservar su sabor y
                    aroma únicos. Así garantizamos una experiencia excepcional en cada taza que servimos.</p>
            </div>
        </div>

        <div class="proceso-cafe">
            <div class="imagen">
                <img src="build/img/proceso_4.jpg" alt="imagen proceso">
            </div>
            <div class="texto">
                <h3>Moler granos de café</h3>
                <p>En nuestro proceso, molemos cuidadosamente los granos de café de origen para obtener un molido
                    perfecto que resalte su sabor y aroma únicos. Así garantizamos una experiencia excepcional en cada
                    taza que servimos.</p>
            </div>
        </div>

        <div class="proceso-cafe">
            <div class="imagen">
                <img src="build/img/proceso_5.jpg" alt="imagen proceso">
            </div>
            <div class="texto">
                <h3>Disfruta una taza</h3>
                <p>Disfruta de una taza de café cuidadosamente preparada con los granos de café de origen molidos
                    cuidadosamente para obtener un molido perfecto que resalte su sabor y aroma únicos. Así garantizamos
                    una experiencia excepcional en cada taza que servimos.</p>
            </div>
        </div>
    </main>

    <footer class="footer">
        <div class="contenedor contenido-footer bg-white">
            <div class="footer-box ubicacion">
                <h3>Ubicación</h3>
                <p>Nicolas Copérnico 5990</p>
                <p>Cuautitlan, México</p>
            </div>
            <div class="footer-box reservacion">
                <h3>Reservación</h3>
                <p>Tel. 55-33-95-48-05</p>
                <a href="tel:+55-33-95-48-05">Llamar</a>
            </div>
            <div class="footer-box horario">
                <h3>Horario</h3>
                <p>Lun-Jue: 11:00 - 22:00</p>
                <p>Vie-Sab: 09:00 - 24:00</p>
                <p>Domingo: Cerrado</p>
            </div>
        </div>
        <p class="copyright">Todos los derechos reservados. La Cafetería</p>
    </footer>


</body>

</html>