-
Notifications
You must be signed in to change notification settings - Fork 0
/
flavorGuide.html
106 lines (98 loc) · 3.78 KB
/
flavorGuide.html
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
<!-- Flavor Guide Section -->
<section id="flavor-guide">
<div class="flavor-guide-outer-container">
<h2 id="flavor-guide-title">Discover Nespresso Flavors</h2>
<div id="left-arrow" class="arrow"><</div>
<div class="flavor-container">
<!-- STORMIO Flavor Card -->
<div class="flavor-card">
<img
src="https://www.nespresso.com/ecom/medias/sys_master/public/14446333558814/stormio-XL.png?impolicy=small&imwidth=284&imdensity=1"
alt="STORMIO"
/>
<h3>STORMIO</h3>
<span class="serving-size">230ml</span>
<p class="description">Rich & Strong</p>
<p class="intensity">Intensity: 8</p>
</div>
<!-- ODACIO Flavor Card -->
<div class="flavor-card">
<img
src="https://www.nespresso.com/ecom/medias/sys_master/public/14446334378014/odacio-XL.png?impolicy=small&imwidth=284&imdensity=1"
alt="ODACIO"
/>
<h3>ODACIO</h3>
<span class="serving-size">230ml</span>
<p class="description">Bold & Lively</p>
<p class="intensity">Intensity: 7</p>
</div>
<!-- MEXICO Flavor Card -->
<div class="flavor-card">
<img
src="https://www.nespresso.com/ecom/medias/sys_master/public/14446443692062/mexico-XL.png?impolicy=small&imwidth=284&imdensity=1"
alt="MEXICO"
/>
<h3>MEXICO</h3>
<span class="serving-size">230ml</span>
<p class="description">Intense & Spiced</p>
<p class="intensity">Intensity: 7</p>
</div>
<!-- MELOZIO Flavor Card -->
<div class="flavor-card">
<img
src="https://www.nespresso.com/ecom/medias/sys_master/public/14446335524894/melozio-XL.png?impolicy=small&imwidth=284&imdensity=1"
alt="MELOZIO"
/>
<h3>MELOZIO</h3>
<span class="serving-size">230ml</span>
<p class="description">Smooth & Balanced</p>
<p class="intensity">Intensity: 6</p>
</div>
<!-- SOLELIO Flavor Card -->
<div class="flavor-card">
<img
src="https://www.nespresso.com/ecom/medias/sys_master/public/14446443167774/solelio-XL.png?impolicy=small&imwidth=284&imdensity=1"
alt="SOLELIO"
/>
<h3>SOLELIO</h3>
<span class="serving-size">230ml</span>
<p class="description">Fruity & Lightly-bodied</p>
<p class="intensity">Intensity: 2</p>
</div>
<!-- COSTA RICA Flavor Card -->
<div class="flavor-card">
<img
src="https://www.nespresso.com/ecom/medias/sys_master/public/14446316486686/costa-rica-XL.png?impolicy=small&imwidth=284&imdensity=1"
alt="COSTA RICA"
/>
<h3>COSTA RICA</h3>
<span class="serving-size">150ml</span>
<p class="description">Malty & Cereal Notes</p>
<p class="intensity">Intensity: 7</p>
</div>
<!-- INIZIO Flavor Card -->
<div class="flavor-card">
<img
src="https://www.nespresso.com/ecom/medias/sys_master/public/14446709669918/inizio-XL.png?impolicy=small&imwidth=284&imdensity=1"
alt="INIZIO"
/>
<h3>INIZIO</h3>
<span class="serving-size">150ml</span>
<p class="description">Floral & Cereal</p>
<p class="intensity">Intensity: 4</p>
</div>
<!-- TOCCANTO Flavor Card -->
<div class="flavor-card">
<img
src="https://www.nespresso.com/ecom/medias/sys_master/public/17299757563934/toccanto-2x.png?impolicy=small&imwidth=284&imdensity=1"
alt="TOCCANTO"
/>
<h3>TOCCANTO</h3>
<span class="serving-size">40ml</span>
<p class="description">Berry & Winey</p>
<p class="intensity">Intensity: 5</p>
</div>
</div>
<div id="right-arrow" class="arrow">></div>
</div>
</section>