/
index.html
119 lines (115 loc) · 6.35 KB
/
index.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
107
108
109
110
111
112
113
114
115
116
117
118
119
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="css/shared.css" rel="stylesheet"/>
<link rel="icon" type="image/png" sizes="16x16" href="./img/favicon.ico">
<link rel="apple-touch-icon" type="image/png" sizes="16x16" href="./img/logo192.png">
<title>Get the Open Food Facts app</title>
</head>
<body>
<div class="navbar">
<div class="navbar-container">
<a href="#"><img src="img/logo_nav.png" alt="Open Food Facts" width="250px"></a>
<a href="#download" class="button">Get the free App</a>
</div>
</div>
<div class="slide" style="margin-top: 50px;">
<div class="column-text">
<div class="text-container hero">
Find food that's
<div class="health-highlight"><img src="img/icon-heart.svg" class="title-icon"> good for you and</div>
<div class="green-highlight"><img src="img/icon-leaf.svg" class="title-icon"> good for the planet</div>
<div class="text-body">Find personalised health and eco-impact info for 2.1 million foods</div>
<a href="https://apps.apple.com/app/open-food-facts/id588797948" class="appstore"><img src="img/app_store_en.svg"></a>
<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" class="appstore"><img src="img/google_play_en.svg"></a>
</div>
</div>
<div class="column-image bg-brand">
<img src="img/screenshot_hero.png">
</div>
</div>
<div class="slide reverse-on-mobile">
<div class="column-image bg-dark">
<div class="big-percent">34%</div>
<div class="big-percent-subtitle">of global emissions are from food production<br><a href="https://www.fao.org/news/story/en/item/1379373/icode/" title="Source" style="color: rgb(255, 255, 255, 0.5);">United Nations</a></div>
</div>
<div class="column-text">
<div class="text-container">
Food causes over one third of global greenhouse gas emissions
</div>
</div>
</div>
<div class="slide">
<div class="column-text">
<div class="text-container">
Scan almost any food to see its impact on the planet
<div class="text-body">
Compare the nutrition and environmental impact of over 2 million foods. Learn about the food you eat with helpful knowledge panels like carbon footprint, packaging, origin of ingredients, and more. All you need to do is scan the barcode.
</div>
</div>
</div>
<div class="column-image bg-brand">
<img src="img/screenshot_eco.png">
</div>
</div>
<div class="slide reverse-on-mobile">
<div class="column-image bg-nutri">
<img src="img/screenshot_health.png">
</div>
<div class="column-text">
<div class="text-container">
Take your health to the next level with Nutri-Score
<div class="text-body">
Think of it as a grade for how nutritious a food is. Just scan a barcode to see the Nutri-Score and learn how your meal could impact your health. The Nutri-Score summarises many factors such as calories, sugar, fat, fibre, protein, industrial processing, and more
</div>
</div>
</div>
</div>
<div class="slide">
<div class="column-text">
<div class="text-container">
Discover foods that are perfect for you
<div class="text-body">
From reducing your salt intake to going full vegan, it’s easy to set your own personal preferences in the app and start getting smarter recommendations for food. Best of all, the app always warns you if you’re about to eat something containing an allergen
</div>
</div>
</div>
<div class="column-image bg-personalise">
<img src="img/screenshot_prefs.png">
</div>
</div>
<div class="slide reverse-on-mobile">
<div class="column-image bg-brand">
<img src="img/planet.svg">
</div>
<div class="column-text">
<div class="text-container">
Free forever and powered by a global community of foodies
<div class="text-body">
Like the Wikipedia of food, Open Food Facts is free forever and open source. Become a part of our community by adding a new food to the database or donating today
</div>
</div>
</div>
</div>
<div class="slide" id="download">
<div class="column-text">
<div class="text-container">
<span class="green-highlight">The easy way to be healthier and greener.</span><br>
Get the free app<br>
<a href="https://apps.apple.com/app/open-food-facts/id588797948" class="appstore"><img src="img/app_store_en.svg"></a>
<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&hl=en" class="appstore"><img src="img/google_play_en.svg"></a><br>
<br>
<div class="text-body">
<ul>
<li><a href="https://world.openfoodfacts.org/open-food-facts-vision-mission-values-and-programs">Mission</a></li>
<li><a href="https://world.openfoodfacts.org/faq">FAQ</a></li>
<li><a href="https://world.openfoodfacts.org/press">Press</a></li>
<li><a href="https://world.openfoodfacts.org/legal">Legal</a></li>
<li><a href="https://world.openfoodfacts.org/terms-of-use">Terms of Use</a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>