-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
305 lines (280 loc) · 15.4 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
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FoodPrint - Fresh food, from farm-to-fork.</title>
<meta name="description" content="FoodPrint. Fresh food, from farm-to-fork.">
<meta name="keywords" content="food supply chain, traceability, blockchain, farmers, food markets, retailers, customers, restaurants">
<link href="https://fonts.googleapis.com/css?family=Just+Another+Hand|Open+Sans:300,400" rel="stylesheet">
<link rel="stylesheet" href="css/styles-merged.css">
<link rel="stylesheet" href="css/style.min.css">
<link rel="stylesheet" href="css/custom.css">
<link rel="icon" href="./img/favicon.ico" type="image/x-icon">
<link type="text/css" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" />
<!--[if lt IE 9]>
<script src="js/vendor/html5shiv.min.js"></script>
<script src="js/vendor/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- START: header -->
<div class="probootstrap-loader"></div>
<header role="banner" class="probootstrap-header">
<div class="container">
<img class="logo" src="./img/FoodPrintLogo.png" height="40px" align="left" vertical-align="middle">
<a href="index.html" class="probootstrap-logo">FoodPrint<span>.</span></a>
<a href="#" class="probootstrap-burger-menu visible-xs" ><i>Menu</i></a>
<div class="mobile-menu-overlay"></div>
<nav role="navigation" class="probootstrap-nav hidden-xs">
<ul class="probootstrap-main-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="https://www.foodprintapp.com/about">About</a></li>
<li><a href="https://www.foodprintapp.com/contact">Contact</a></li>
<li><a href="https://www.foodprintapp.com/">Go to App</a></li>
</ul>
<div class="extra-text visible-xs">
<a href="#" class="probootstrap-burger-menu"><i>Menu</i></a>
<h5>Connect</h5>
<ul class="social-buttons">
<li><a href="https://twitter.com/foodprintlabs"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.facebook.com/foodprintlabs"><i class="icon-facebook"></i></a></li>
<li><a href="https://www.linkedin.com/company/foodprintlabs"><i class="icon-linkedin"></i></a></li>
</ul>
</div>
</nav>
</div>
</header>
<!-- END: header -->
<section class="probootstrap-slider flexslider">
<div class="probootstrap-text-intro">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="probootstrap-slider-text text-center">
<h2 class="probootstrap-heading probootstrap-animate mb20" data-animate-effect="fadeIn">Fresh. Food. </h2>
<div class="probootstrap-animate probootstrap-sub-wrap mb30" data-animate-effect="fadeIn">From farm-to-fork.</div>
<p class="probootstrap-animate" data-animate-effect="fadeIn"><a href="https://www.foodprintapp.com/how" class="btn btn-ghost btn-ghost-white">TELL ME MORE</a></p>
</div>
</div>
</div>
</div>
</div>
<ul class="slides">
<li style="background-image: url(./img/orangebowl_bg.jpg);"></li>
<li style="background-image: url(./img/pumpkin_bg.jpg);"></li>
<!-- <li style="background-image: url(/img/oranges_bg.jpg);"></li>-->
</ul>
</section>
<section class="probootstrap-section probootstrap-bg" style="background-image: url(./img/slider_2.jpg);">
<div class="container text-center">
<h2 class="heading probootstrap-animate" data-animate-effect="fadeIn">SMALLHOLDER FARMERS</h2>
<p class="sub-heading probootstrap-animate" data-animate-effect="fadeIn">Quick & Easy Production and Harvest Data Collection. Direct Access to Market Opportunities.</p>
<a class="btn btn-primary" href="https://www.foodprintapp.com/app/auth/login">LOGIN TO FOODPRINT SUPPLY CHAIN</a>
</div>
</section>
<section class="probootstrap-section probootstrap-bg" style="background-image: url(./img/darkproduce_bg.jpg);">
<div class="container text-center">
<h2 class="heading probootstrap-animate" data-animate-effect="fadeIn">AGRI-PROCESSORS/MARKETS/RETAILERS</h2>
<p class="sub-heading probootstrap-animate" data-animate-effect="fadeIn">Bulk Produce Orders for Wholesale. Direct Access to Local Producers.</p>
<a class="btn btn-primary" href="https://www.foodprintapp.com/app/auth/login">LOGIN TO FOODPRINT WHOLESALE</a>
</div>
</section>
<section class="probootstrap-section probootstrap-bg" style="background-image: url(./img/slider_4.jpg);">
<div class="container text-center">
<h2 class="heading probootstrap-animate fadeIn probootstrap-animated" data-animate-effect="fadeIn">CONSUMERS</h2>
<p class="sub-heading probootstrap-animate fadeIn probootstrap-animated" data-animate-effect="fadeIn">Eat Well. Support Local Producers. Experience Convenience.</p>
<a class="btn btn-primary" href="https://www.foodprintapp.com/app/auth/login">LOGIN TO FOODPRINT MARKETPLACE</a>
</div>
</section>
<section class="probootstrap-section">
<div class="row">
<h3 class="heading text-center">FEATURES & BENEFITS</h3>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon"><i class="icon-leaf"></i></div>
<h2 class="heading">Farmers</h2>
<hr>
<p><b>Features</b></p>
<ul>
<li>Digital Harvest Logbook</li>
<li>Wholesale Marketplace</li>
<li>Produce Reporting & Analytics</li>
<li>Market Directory (farm-to-fork markets)</li>
<li>Retailer Directory (farm-to-fork retailers)</li>
</ul>
<hr>
<p><b>Benefits</b></p>
<ul>
<li>Direct access to markets and services</li>
<li>Get rid of paper records</li>
<li>View, store and search produce information on demand</li>
<li>Improve your credibility</li>
<li>Communicate your contribution to ethical and sustainable farming</li>
<li>Increase profitability</li>
</ul>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon"><i class="icon-office"></i></div>
<h2 class="heading">Agri-Processors/Markets/Retailers</h2>
<hr>
<p><b>Features</b></p>
<ul>
<li>Digital Storage/Handover Logbook</li>
<li>Bulk Wholesale Produce Ordering</li>
<li>Produce Reporting & Analytics</li>
<li>Digital Produce Traceability</li>
<li>Farmer Directory</li>
</ul>
<hr>
<p><b>Benefits</b></p>
<ul>
<li>Direct access to farmers and produce</li>
<li>View, store and search produce information on demand</li>
<li>Get rid of paper records</li>
<li>Reliably track produce chain-of-custody</li>
<li>Demonstrate your commitment to fair, ethical and sustainable food systems</li>
<li>Increase supply chain efficiency</li>
</ul>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon"><i class="icon-users2"></i></div>
<h2 class="heading">Consumers</h2>
<hr>
<p><b>Features</b></p>
<ul>
<li>Buy Fresh Produce Online</li>
<li>QR Codes for Produce Provenance</li>
<li>Weekly Produce View</li>
<li>Market Directory (farm-to-fork markets)</li>
<li>Retailer Directory (farm-to-fork retailers)</li>
</ul>
<hr>
<p><b>Benefits</b></p>
<ul>
<li>Schedule your fresh produce purchases by subscribing to seasonal produce boxes delivered weekly</li>
<li>Scan a QR code to see where your produce is coming from, who the farmer is & when it was harvested</li>
<li>Buy responsibly</li>
<li>Buy local and support local producers</li>
</ul>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="clearfix visible-lg-block visible-md-block"></div>
</div>
</section>
<section class="probootstrap-section probootstrap-bg" style="background-image: url(./img/slider_2.jpg);">
<div class="container text-center">
<h2 class="heading probootstrap-animate fadeIn probootstrap-animated" data-animate-effect="fadeIn">Fresh. Sustainable. Seasonal. Local. Produce.</h2>
<!-- <p class="sub-heading probootstrap-animate fadeIn probootstrap-animated" data-animate-effect="fadeIn">We simplify production and harvest data collection for smallholder farmers and connect them to market opportunities.</p>-->
<p class="sub-heading probootstrap-animate" data-animate-effect="fadeIn" id="share_to_socials">
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ffoodprintapp.com" class="icon" target="_blank" aria-pressed="true" id="facebookMenuButton"><i class="icon-facebook"></i></a>
<a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Ffoodprintapp.com&text=FoodPrint uses cutting-edge and secure technology to track produce all the way from farm-to-fork %20%23FoodPrint%20%23FarmToFork%20%23Tech4Good%20%23Blockchain%20%23ProudlySouthAfrican" class="icon" target="_blank" aria-pressed="true" id="twitterMenuButton"><i class="icon-twitter"></i></a>
</p>
</div>
</section>
<section class="probootstrap-section">
<div class="container">
<div class="row">
<h3 class="heading text-center">HIGHLIGHTS</h3>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon"><i class="icon-leaf"></i></div>
<h2 class="heading">Initial Proof-of-Concept at University of Cape Town (FinTech Masters Blockchain Project) [2019]</h2>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon"><i class="icon-leaf"></i></div>
<h2 class="heading">Participated in the Solution Space Venture Launch Programme (University of Cape Town, Graduate School of Business) [2019]</h2>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon"><i class="icon-leaf"></i></div>
<h2 class="heading">Successful pilot at Oranjezicht City Farm Market, Cape Town [2019, 2020]</h2>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="clearfix visible-lg-block visible-md-block"></div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon"><i class="icon-leaf"></i></div>
<h2 class="heading">Participated in the Oribi Village Food Systems Bootcamp Programme [2020]</h2>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="clearfix visible-sm-block"></div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon"><i class="icon-leaf"></i></div>
<h2 class="heading">Finalist in the French South African Agricultural Institute (F'SAGRI) Innovation Challenge [2020]</h2>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="clearfix visible-sm-block"></div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon"><i class="icon-leaf"></i></div>
<h2 class="heading">Winner of the Inqola FEED Innovation Prize [2021]</h2>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<!-- <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon"><i class="icon-leaf"></i></div>
<h2 class="heading">Accepted into the Oribi Food Systems Incubation Programme [2020, 2021]</h2>
</div>
</div>
<div class="clearfix visible-sm-block"></div> -->
<!-- <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon"><i class="icon-heart-outlined"></i></div>
<h2 class="heading">Pilot at Oranjezicht City Farm Market [2019, 2020]</h2>
<p>Knowing more about the provenance of your produce offers you better agency to support farmers making use of ethical farming methods.</p>
<p>It gives you the chance to put your support behind produce that is good for the land and for</p>
</div>
</div>
<div class="clearfix visible-sm-block"></div> -->
<div class="clearfix visible-lg-block visible-md-block"></div>
</div>
</div>
</section>
<footer class="probootstrap-footer probootstrap-bg" style="background-image: url(./img/slider_3.jpg)">
<div class="container">
<div class="row copyright">
<div class="col-md-9">
<div class="probootstrap-footer-widget">
<p>© FoodPrint Labs (Pty) Ltd (South Africa Reg 2021 / 838342 / 07). <a href="http://foodprintapp.com/">FoodPrint. Fresh food, from farm-to-fork</a>. Website - <a href="https://jskdezign.com/" target="_blank">JSKDEZIGN</a>.</p>
</div>
</div>
<div class="col-md-3">
<div class="probootstrap-footer-widget right">
<ul class="probootstrap-footer-social">
<li><a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Ffoodprintapp.com&text=FoodPrint%3A%20Fresh%20food,%20from%20farm-to-fork.%20Follow%20@foodprintlabs%20%23FoodPrint%20%23FarmToFork%20%23Tech4Good%20%23Blockchain%20%23ProudlySouthAfrican" class="icon" target="_blank" aria-pressed="true" id="twitterMenuButton"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.facebook.com/foodprintlabs"><i class="icon-facebook"></i></a></li>
<li><a href="https://www.linkedin.com/company/foodprintlabs"><i class="icon-linkedin"></i></a></li>
<!-- <li><a href="#"><i class="icon-facebook"></i></a></li>-->
<!-- <li><a href="#"><i class="icon-instagram2"></i></a></li>-->
</ul>
</div>
</div>
</div>
</div>
</footer>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-chevron-thin-up"></i></a>
</div>
<script src="js/scripts.min.js"></script>
<script src="js/main.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>