HTML5/Inicio.html at main · MonserratAlvarezM/HTML5 · 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
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cake-Plop</title>

<style>
    h1 {
        font-family: fantasy;
        color: rgba(54, 13, 54, 0.938);
    }

    h2 {
        font-family: fantasy;
        color: rgba(109, 41, 86, 0.877);
    }


    p {
        font-size: 16px;
        font-family: fantasy;
        color: rgb(35, 21, 63);
    }


</style>
</head>
<body>

    <body background="./Fondo.jpg" ></body>


    <div align="left">
        <a href="Inicio.html">Inicio</a>
        <a href="Pedidos.html">Haz tu pedido</a>
        <a href="Reservas.html">Pedidos</a>
        <a href="Contacto.html">Contactanos</a></div>

    <img src="./Banner.png" alt="Banner" border="0" width="1350px" style="border:1px solid rgb(23, 4, 26)">

    <h1 align=center>CAKE-PLOP</h1>
    <div align="center">
        <img src="./Logo.png" alt="Logo" width="80" height="120" style="border:3px solid rgb(23, 4, 26)">
    </div>

    <div align="center">
    <p>¡En esta pastelería crea, diviertete y disfruta con cada creación que se puede hacer con nuestros pasteles!
    </p>
    </div><br>

    <div align="center">
        <p>A continuación encontrarás los diferentes sabores de pastel y los diversos adornos con los que puedes crear
            tu pastel ideal. Recuerda que puedes combinar los sabores, así como los adornos.
        </p>
        </div><br><br>

    <div align="Center">
        <h1>Estos son nuestros sabores:
        </h1>
    </div>


     <h2 align=left>Chocolate - x Kilo $85.00 MXN </h2>
     <div align="left">
            <img src="./chocolate.jpg" alt="Logo" width="230" height="230" style="border:2px solid hsl(292, 73%, 6%)">
     </div>

     <h2 align=Center>Vainilla - x Kilo $90.00 MXN</h2>
     <div align="Center">
            <img src="./vainilla.jpeg" alt="Logo" width="230" height="230" style="border:2px solid hsl(292, 73%, 6%)">
     </div>

     <h2 align=right>Fresa - x Kilo $105.00 MXN</h2>
     <div align="right">
            <img src="./fresa.jpeg" alt="Logo" width="230" height="230" style="border:2px solid rgb(23, 4, 26)">
     </div>

     <h2 align=Center>Pay de Limón - x Kilo $120.00 MXN</h2>
     <div align="Center">
            <img src="./limon.jpeg" alt="Logo" width="230" height="230" style="border:2px solid rgb(23, 4, 26)">
     </div>

     <h2 align=left>Café - x Kilo $150.00 MXN</h2>
     <div align="left">
            <img src="./cafe.jpeg" alt="Logo" width="230" height="230" style="border:2px solid rgb(23, 4, 26)">
     </div> <br><br>


     <div align="Center">
        <h1>Adornos para decorar:
        </h1><br><br>
    </div>

    <h2 align=center>Betún </h2>
    <div align="center">
           <img src="./Betun.jpeg" alt="Logo" width="230" height="230" style="border:2px solid hsl(292, 73%, 6%)">
    </div>

    <h2 align=right>Granillo </h2>
    <div align="right">
           <img src="./Granillo.jpeg" alt="Logo" width="230" height="230" style="border:2px solid hsl(292, 73%, 6%)">
    </div>

    <h2 align=center>Fondan </h2>
    <div align="center">
           <img src="./Fondant.jpeg" alt="Logo" width="230" height="230" style="border:2px solid hsl(292, 73%, 6%)">
    </div>

    <h2 align=left>Chocolates </h2>
    <div align="left">
           <img src="./Paletasdechocolate.jpeg" alt="Logo" width="230" height="230" style="border:2px solid hsl(292, 73%, 6%)">
    </div>

    <h2 align=center>Flores Comestibles </h2>
    <div align="center">
           <img src="./florescomestibles.jpeg" alt="Logo" width="230" height="230" style="border:2px solid hsl(292, 73%, 6%)">
    </div>

    <h2 align=right>Botellita de licor (Costo extra de $55)</h2>
    <div align="right">
           <img src="./Botellas.jpeg" alt="Logo" width="230" height="230" style="border:2px solid hsl(292, 73%, 6%)">
    </div>


</body>
</html>