Project1-html-css-PieHole/products.html at main · PabloXberg/Project1-html-css-PieHole · 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!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">
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com"> <!-- google fonts-->
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <!-- google fonts-->
    <link href="https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap" rel="stylesheet"> <!-- google fonts-->
    <title>PRODUCTS</title>
</head>
<body>
  <div class="general-grid2">
    <div class="general-header">
      <ul class="ula">
        <li><a href="index.html">HOME</a></li>
        <li><a class="active" href="products.html">PRODUCTS</a></li>
        <li><a href="suscribe.html">SUSCRIBE</a></li>
        <li><a href="contact.html">CONTACT</a></li>
        <li> <a href="preisliste.html">PRICES</a></li>
      </ul>
      <h1>OUR PRODUCTS</h1>
  </div> <!-- termina general- header-->
    <div class="general-main">
        <div class="general-container">
        <div class="columnpro">
          <div class="cardpro">
            <img src="/icons/nanabar.jpg" alt="Nanaimo Bars - 24 pieces" style="height: 325px; width: 700px;">
            <div class="containerpro">
              <h2>Nanaimo Bars - 24 pieces</h2>
              <p class="titlepro">Vegan & Gluten-Free (contein nuts)</p>
              <p>The Nanaimo bar is a no-bake dessert bar that traditionally consists of three layers: a graham wafer crumb and shredded coconut base, custard-flavoured butter icing in the middle, and a chocolate ganache on top. It's named after the Canadian city of Nanaimo in British Columbia.</p>

            </div>
          </div>
        </div>

        <div class="columnpro">
          <div class="cardpro">
            <img src="/icons/nycheese.jpg" alt="NY Cheesecake - American Style" style="width:100%">
            <div class="containerpro">
              <h2>NY Cheesecake - American Style</h2>
              <p class="titlepro">Vegan & Gluten-Free (contein nuts)</p>
              <p><b>A true legend of North American cake - gluten-free! </b>Unlike cheesecake as we know it, the texture of Cheesecake NY Style is creamy-compact rather than fluffy-fluffy. It is baked in a water bath. Our gluten-free NY Cheesecake is sensationally delicious.</p>

            </div>
          </div>
        </div>

        <div class="columnpro">
          <div class="cardpro">
            <img src="/icons/jaiocheese.jpg" alt="Cheesecake - Basque style" style="width:100%">
            <div class="containerpro">
              <h2>Cheesecake - Basque style</h2>
              <p class="titlepro">Gluten-Free</p>
              <p>Tracing its origins to <b>San Sebastian, Spain,</b> where it was created more than three decades ago, Basque cheesecake is a crustless cheesecake with a burnt top and an ultra-creamy, custard-like center, and sweet caramelized notes</p>


            </div>
          </div>
        </div>

        <div class="columnpro">
            <div class="cardpro">
              <img src="/icons/Applepie.jpg" alt="Apple Pie" style="height: 385px; width: 700px;">
              <div class="containerpro">
                <h2>Apple Pie</h2>
                <p class="titlepro">Vegan</p>
                <p><b>Perfect for any time of the year!</b> Who doesn’t love a good apple pie with some rich vanilla ice cream?  It’s always a good time for a piece of pie as far as I’m concerned. This classic recipe is easier than you think so don’t be afraid to make your own apple pie from scratch!</p>


              </div>
            </div>
          </div>

          <div class="columnpro">
            <div class="cardpro">
              <img src="/icons/carrot2.jpg" alt="Carrot Cake" style="width:100%">
              <div class="containerpro">
                <h2>Carrot Cake</h2>
                <p class="titlepro">Vegan</p>
                <p>Believe it or not, carrot cake can be easily made vegan (that is, without eggs, butter, or milk) and with very simple ingredients.

                  The flavor of vegan carrot cake is just as rich, and the texture is as soft and moist as that of a regular carrot cake.</p>


              </div>
            </div>
          </div>

          <div class="columnpro">
            <div class="cardpro">
              <img src="/icons/choco.jpeg" alt="Chococate Cake" style="width:100%">
              <div class="containerpro">
                <h2>Chococate Cake</h2>
                <p class="titlepro">Vegan</p>
                <p>Juicy sponge cakes always go well! Our vegan sponge cakes are - as befits classic sponge cakes - made of juicy-chocolate or strong-nutty sponge cakes. They are coated with either a soft and creamy chocolate ganache or vegetable whipped cream.</p>


              </div>
            </div>
          </div>

          <div class="columnpro">
            <div class="cardpro">
              <img src="/icons/zitro3.jpg" alt="Lemon Poppy Seed Cake" style="width:100%">
              <div class="containerpro">
                <h2>Lemon Poppy Seed Cake</h2>
                <p class="titlepro">Vegan & Gluten-Free</p>
                <p>This gluten-free vegan lemon poppy seed cake is moist and fluffy, sweet and tangy, and a little nutty from the poppy seeds! It's also topped with a rich, lemony glaze.</p>


              </div>
            </div>
          </div>

          <div class="columnpro">
            <div class="cardpro">
              <img src="/icons/marzi.webp" alt="Pear Marzipan Cake" style="height: 330px; width: 600px;">
              <div class="containerpro">
                <h2>Pear Marzipan Cake</h2>
                <p class="titlepro">Vegan</p>
                <p>The vegan marzipan pear tart consists of a few simple ingredients. Marzipan, nuts and pear harmonize quite well. The soy yogurt and a little lemon juice make the tart juicy and tastes fresh.</p>


              </div>
            </div>
          </div>

          <div class="columnpro">
            <div class="cardpro">
              <img src="/icons/chocoorange.jpg" alt="Choco-Orange Cake" style="height: 330px; width: 600px;">
              <div class="containerpro">
                <h2>Choco-Orange Cake</h2>
                <p class="titlepro">Vegan & Gluten-Free</p>
                <p>Tastes good not only for vegans: chocolate cake on a thin crispy base with a layer of cooked organic oranges and a fine ganache made from dark chocolate coating and soy milk.</p>

              </div>
            </div>
          </div>
      </div>

    </div> <!-- termina general main-->
    <div class="general-footer">
      <p>®Piehole Berlin --- © 1986 - 2023 ---  <a href="Privacy-Terms.html">Privacy & Terms</a> --- <a href="contact.html">Contact</a> - <a href="suscribe.html">Suscribe</a></p>
    </div> <!-- termina class general-footer-->

  </div> <!-- termina general grid2-->
</body>
</html>