-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (130 loc) · 6.42 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Chic</title>
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/scrolling-nav.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Chic</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#services">Services</a>
</li>
<!--<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#team">Our Team</a>
</li>-->
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#demo">Demo</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="bg-primary text-white">
<div class="container text-center">
</div>
</header>
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>About Chic</h2>
<p class="lead">Eating out with friends is nice, but you remember why you don’t do it more often when it comes down to splitting the check. It was a continuous struggle for us top and that is why we came up with a simple solution — Chic. Here's how it works:</p>
<li>Open Chic</li>
<li>Insert your table's code number to get immediate access to your order</li>
<li>Select what dishes you'd like to pay for</li>
<li>Confirm Payment!</li>
<ul>
</ul>
</div>
</div>
</div>
</section>
<section id="services" class="bg-light">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Services we offer</h2>
<p class="lead">We run on a Software as a Service (SasS) model, where restaurants pay a monthly subscription fee to gain access to our platform. We provide them with a customized menu and interface, one that helps track orders, bills, and payments</p>
<p class="lead">Customers, on the other hand, can download the mobile app for free or redirect to our website. They can join the restaurant’s electronic tab and decide on the split method (equally or per dish). Everything happens in-app and on-web, with credit card information securely saved on file for the customers.</p>
<p class="lead">This eliminates the wait time for the check, providing a seamless experience for the customers and streamlined process for the restaurant.</p>
</div>
</div>
</div>
</section>
<!--<section id="team">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Our Team</h2>
<p class="lead">Farida, Leen, and Neamat are three students in their senior and freshman years of undergraduate studies. Their academic backgrounds are in computer science, design, business, and engineering. With Farida’s experience in full-stack and app development, particularly in a tech startup setting, Leen’s background in business consulting and using simulations to project time and cost savings, and Neamat's connection to the food services industry and student-led entrepreneurship initiatives, the three students make up the ideal team to connect, innovate and develop. </p>
</div>
</div>
</div>
</section>-->
<section id="demo">
<div class="container"?
<div class="row">
<div class="col-lg-8 mx-autp">
<h2>Ready for the ultimate check-splitting experience?</h2>
<button class="navbar-toggler" type="button"><a href="start.html">Start Demo!</a></button>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Contact us</h2>
<p class="lead">Time is money, so let’s not waste any more. Help us bring Chic to the market. We are looking for your feedback and mentorship. Forget all etiquette, it is now Chic to the split the bill.</p>
<!-- Add social media icons -->
<div class="container">
<div class="row">
<a href="mailto:[email protected]" class="google"><i class="fa fa-google"></i></a>
<a href="https://www.facebook.com/chicpayments/" class="facebook"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/ChicPayments" class="twitter"><i class="fa fa-twitter"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright © Chic 2018</p>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom JavaScript for this theme -->
<script src="js/scrolling-nav.js"></script>
</body>
</html>