-
Notifications
You must be signed in to change notification settings - Fork 0
/
flavours.html
85 lines (78 loc) · 3.71 KB
/
flavours.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Assignment 2 | COMP1054 Web User Interface Design with CSS</title>
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/normalize.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Coiny" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet" />
<link href="css/global.css" rel="stylesheet" />
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<header>
<h1>Starburst®</h1>
</header>
<main>
<div id="wrapper">
<nav>
<ul>
<li><a href="index.html" title="Starburst® | Home">Home</a></li>
<li><a href="info.html" title="Starburst® | Info">Info</a></li>
<li><a class="active" href="flavours.html" title="Starburst® | Flavours">Flavours</a></li>
</ul>
</nav>
<section>
<h2 id="flavour">What's Your Flavour?</h2>
<p>Gone are the days when everyone wants to know your sign...it's all about your flavour!</p>
<h3>Original</h3>
<p class="flav">All the classic flavours you know and 💗.</p>
<img src="images/starburstOriginal.jpg" />
<p class="flav">Strawberry, cherry, orange, and lemon.</p>
<h3>Tropical</h3>
<p class="flav">Make every day a trip to the tropics. 🌴</p>
<img src="images/starburstTropical.jpg"/>
<p class="flav">Mango melon, pina colada, strawberry banana, and royal berry punch.</p>
<h3>FaveREDs</h3>
<p class="flav">For those of us who 👍 monochromatic colour schemes.</p>
<img src="images/starburstFaveREDs.jpg"/>
<p class="flav">Strawberry, fruit punch, watermelon, and cherry.</p>
<h3>Superfruit</h3>
<p class="flav">They're super. They're fruit. Need we say more? 🍓</p>
<img src="images/starburstSuperfruit.jpg"/>
<p class="flav">Raspberry pomegranate, strawberry starfruit, passionfruit punch, blueberry acai.</p>
<h3>Fruity Slushies</h3>
<p class="flav">For when you'd rather eat your favourite drink. 🍷</p>
<img src="images/starburstFruitSlush.png"/>
<p class="flav">Strawberry lemonade chill, citrus slush, cherry splash, and blue raspberry rush.</p>
<h3> Sweets + Sours</h3>
<p class="flav">The perfect go-to mix for when you're feeling sour. Turn that 😒 into one of these 😜.</p>
<img src="images/starburstSweetSour.jpg"/>
<p class="flav">Strawberry, blackberry, sour cherry, and sour green apple.</p>
</section>
<aside>
<h4>How DO they get the juice in?</h4>
<p>While we'd all like to believe that a <a href="https://www.ispot.tv/ad/wGWg/starburst-tiny-jet" target="_blank">super tiny fighter jet</a> shoots the juiciness into our favourite Starburst® flavour, the truth is not quite so dramatic.</p>
<p>The ingredients in Starburst® Fruit Chews include fruit juice from concentrate (strawberry, cherry, orange, and lemon for the Originals), as well as natural and artificial flavours.</p>
<p>Starburst® Fruit Chews also contain:</p>
<ul>
<li>Corn syrup</li>
<li>Sugar</li>
<li>Hydrogenated Palm Kernel Oil</li>
<li>Citric Acid (less than 2%)</li>
<li>Tapioca Dextrin</li>
<li>Gelatin</li>
<li>Modified Corn Starch</li>
<li>Ascorbic Acid (Vitamin C)</li>
</ul>
<p>A 5 gram Starburst® candy contains about 2.75 grams of sugar and 4.25 grams of carbohydrates. That may be some serious food for thought!</p>
</aside>
</div><!-- #wrapper -->
</main>
<footer>
<p><small>Ⓒ Jenna Cox, 03-12-2018</small></p>
<p><small>COMP 1054: Web User Interface Design</small></p>
</footer>
</html>