-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathuser.html
More file actions
138 lines (125 loc) · 6.64 KB
/
user.html
File metadata and controls
138 lines (125 loc) · 6.64 KB
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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="DiningHero - New innovative way to search for, dine at, and pay at restaurants" />
<meta name="keywords" content="menu order restaurant app waitlist notification payment dashboard table" />
<meta name="author" content="Austin Lau & Nicolas Peyrichou ">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-135913456-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-135913456-1');
</script>
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" type="image/x-icon" href="/favicon.ico?v=2"/>
<title>DiningHero | Innovative Restaurant Experience</title>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro Section -->
<section class="intro">
<header>
<h1>User Platform</h1>
<p>Using forward-thinking mobile technology to enhance your dining experience.</p>
<ul class="actions">
<li><a href="#user" class="arrow scrolly"><span class="label">Next</span></a></li>
</ul>
</header>
<div class="content">
<span class="image fill" data-position="center"><img src="images/user_platform.jpg" alt="user"/></span>
</div>
</section>
<!-- Mission Section -->
<section id="user">
<header>
<h2>How it works</h2>
</header>
<div class="content">
<ul class="feature-icons">
<li class="icon fa-chevron-circle-right"><strong>Preview Restaurant Menus</strong></li>
<li class="icon fa-chevron-circle-right"><strong>Place orders with the DiningHero App</strong></li>
<li class="icon fa-chevron-circle-right"><strong>Waitlist with the DiningHero App</strong></li>
<li class="icon fa-chevron-circle-right"><strong>Pay with your favorite payment service (Venmo, Paypal, Zelle, ...), credit card, or with cash</strong></li>
<li class="icon fa-chevron-circle-right"><strong>Get notified when your table is ready</strong></li>
</ul>
</div>
</section>
<!-- Perks Section -->
<section>
<header>
<h2>perks</h2>
</header>
<div class="content">
<span class="image main"><img src="images/iphone_x_mockup.png" alt="iphone_mockup" /></span>
<ul class="alt">
<li class="icon fa-chevron-circle-right"> Simple User Interface</li>
<li class="icon fa-chevron-circle-right"> Secure personal accounts</li>
<li class="icon fa-chevron-circle-right"> Preview menus</li>
<li class="icon fa-chevron-circle-right"> Waitlisting is a tap away</li>
<li class="icon fa-chevron-circle-right"> Visual of restaurant floor layout and tables</li>
<li class="icon fa-chevron-circle-right"> Easy seating with table indicators</li>
<li class="icon fa-chevron-circle-right"> Order directly from mobile device</li>
<li class="icon fa-chevron-circle-right"> Chat with kitchen with any concerns or dietary needs directly from the DiningHero App</li>
<li class="icon fa-chevron-circle-right"> Has an alert feature to notify servuce staff you need assistance</li>
<li class="icon fa-chevron-circle-right"> Easily split bills</li>
<li class="icon fa-chevron-circle-right"> Pay with your favorite payment services (Venmo, Paypal, Zelle, ...)</li>
<li class="icon fa-chevron-circle-right"> Add other DiningHero users to your contact list for simple bill/tab management and overall better dining experience</li>
</ul>
</div>
</section>
<!-- Join Section -->
<section>
<header>
<h2>Ready to join the movement?</h2>
</header>
<div class="content">
<p><strong>Select a platform below to download the DiningHero App on your mobile device or tablet and be on your way to streamlining your dining experience! </strong></p>
<ul class="actions">
<li><a href="https://www.apple.com/ios/app-store/" target="_blank" rel="noopener noreferrer"><span><img src="images/app-store-badge/a_badge.svg" alt="app_store" width="190"/></span></a></li>
<li><a href="https://play.google.com/store/apps" target="_blank" rel="noopener noreferrer"><span><img src="images/google-play-badge/g_badge.png" alt="google_play" width="200"/></span></a></li>
</ul>
</div>
</section>
<!-- Social Media Section -->
<section>
<header>
</header>
<div class="content">
<ul class="icons">
<li><a href="https://twitter.com/dining_hero" class="icon fa-twitter" target="_blank" rel="noopener noreferrer"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/DiningHero-403809933746791" class="icon fa-facebook" target="_blank" rel="noopener noreferrer"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/dininghero/" class="icon fa-instagram" target="_blank" rel="noopener noreferrer"><span class="label">Instagram</span></a></li>
<li><a href="https://www.linkedin.com/company/dininghero" class="icon fa-linkedin" target="_blank" rel="noopener noreferrer"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon fa-angellist"><span class="label" target="_blank" rel="noopener noreferrer">Angel List</span></a></li>
</ul>
</div>
</section>
<!-- Bottom Navbar -->
<div class="navbar">
<a class="menu-a-logo" href="/"><img src="/images/dininghero_logo.png" alt="dininghero_logo"/>DiningHero</a>
<span class="menu-span">|</span>
<a class="menu-a" href="/about.html">About</a>
<span class="menu-span">|</span>
<a class="menu-a" href="/user.html">Mobile</a>
<span class="menu-span">|</span>
<a class="menu-a" href="/restaurant.html">Restaurant</a>
<span class="menu-span">|</span>
<a class="menu-a" href="/contact.html">Contact</a>
</div>
<!-- Copyright Section -->
<div class="copyright">© DiningHero. All rights reserved. Design: <a href="https://html5up.net" target="_blank" rel="noopener noreferrer">HTML5 UP</a>.</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>