dininghero.github.io/contact.html at master · dininghero/dininghero.github.io · GitHub

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
<!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">

        <!-- Form Section-->
          <section>
            <header>
							<div class="space-top-contact"></div>
							<h2>Contact us</h2>
							<ul class="items">
								<li>
									<h3>Email</h3>
									<a href="mailto:contact@dininghero.com">contact@dininghero.com</a>
								</li>
								<li>
									<h3>Address</h3>
									<span>San Francisco, CA</span>
								</li>
							</ul>
            </header>
            <div class="content">
							<div class="space-top-contact"></div>
              <p><strong>Let's Chat!</strong> We'll usually circle back within 24 hours.</p>
              <form method="POST" action="https://formspree.io/contact@dininghero.com">
	              <div class="fields">
	                <div class="field half">
	                  <label for="name">Name</label>
	                  <input type="text" name="name" id="name" value="" placeholder="Name" />
	                </div>
	                <div class="field half">
	                  <label for="email">Email</label>
	                  <input type="email" name="email" id="email" value="" placeholder="name@domain.abc" />
	                </div>
	                <div class="field">
	                  <label for="category">Category</label>
	                  <select name="category" id="category">
	                    <option value="">-</option>
	                    <option value="questions">Questions/Concerns</option>
	                    <option value="information">Additional Information</option>
	                    <option value="subscriptions">Subscriptions</option>
	                    <option value="account issues">Account Issues</option>
	                    <option value="app issues">Mobile Application Issues</option>
	                  </select>
	                </div>
	                <div class="field">
	                  <label for="message">Message</label>
	                  <textarea name="message" id="message" placeholder="Enter your message" rows="6"></textarea>
	                </div>
                  </div>
                  <ul class="actions">
                    <li><input type="submit" value="Send Message" class="primary" /></li>
                    <li><input type="reset" value="Reset" /></li>
                  </ul>
                </form>

								<!-- Social Media Links -->
								<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">&copy; 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>