-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·175 lines (162 loc) · 6.59 KB
/
index.html
File metadata and controls
executable file
·175 lines (162 loc) · 6.59 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
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
<!DOCTYPE HTML>
<html>
<head>
<link rel="logo" href="images/logo.png" />
<title>TipEASE</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="landing is-preload">
<!-- WRAPPER CONTAINER -->
<div id="page-wrapper">
<!-- HEADER/NAVIGATION -->
<header id="header" class="alt">
<h1><a href="index.html">TipEASE</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="https://tipease.herokuapp.com/login">Sign In</a></li>
<li><a href="#one" class="more scrolly">What Is It?</a></li>
<li><a href="#two" class="more scrolly">How Does It Work?</a></li>
<li><a href="#three" class="more scrolly">Why Use It?<a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- BANNER -->
<section id="banner">
<img class="logo" src="images/logo.png" alt="logo">
<div class="inner">
<h2>TipEASE</h2>
<p>Welcome To TipEASE, <br />
Don't Forget To Leave A Tip!</p>
<ul class="actions special">
<li><a href="https://tipease.herokuapp.com/register" class="button primary">Sign Up</a></li>
</ul>
</div>
<a href="#one" class="scrolly phone"><img src="images/tipease-mobile.png" alt="#"></a>
</section>
<!-- TOP CONTENT -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>What Is TipEASE?</h2>
<p>TipEASE is a company dedicated in making tipping service workers easy.<br />
TipEASE aims to solve the issue of service workers having to share tips with their employers<br />
or not recieving their tips all together. This issue alone gives customers the drive to use TipEASE! </p>
</header>
<ul class="icons major">
<li><span class="icon fa-thumbs-o-up major style3"><span class="label">Lorem</span></span></li>
<li><span class="icon fa-mobile-phone major style2"><span class="label">Ipsum</span></span></li>
<li><span class="icon fa-usd major style1"><span class="label">Dolor</span></span></li>
</ul>
</div>
</section>
<!-- MID CONTENT -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image" id="loopy">
<img src="images/alts/service workers/service_one.jpg"/>
<img src="images/alts/service workers/service_two.jpg"/>
<img src="images/alts/service workers/service_three.jpg"/>
</div>
<div class="content">
<h2>1. Recieve Service<br />
</h2>
<p>Start by recieving a service and with a pleasurable experience.</p>
</div>
</section>
<section class="spotlight">
<div class="image" id="loopy">
<img src="images/pic01.png"/>
<img src="images/pico02.png"/>
<img src="images/pic03.png"/>
</div>
<div class="content">
<h2>2. Leave A Tip<br />
</h2>
<p>Then leave a tip for the employee that provided the service.</p>
</div>
</section>
<section class="spotlight">
<div class="image" id="loopy">
<img src="images/alts/reviews/review_feedback.jpeg"/>
<img src="images/alts/reviews/review_mobile.jpg"/>
<img src="images/alts/reviews/review_mac.jpg"/>
</div>
<div class="content">
<h2>3. Leave A Review<br />
</h2>
<p>Lastly, leave a review for the service worker </p>
<p id="disclaimer">*Feature not yet available.</p>
</div>
</section>
</section>
<!-- BOTTOM CONTENT -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>Why Use TipEASE?</h2>
</header>
<ul class="features">
<li class="icon fa-usd">
<h3>Supports Service Workers</h3>
<p>TipEASE gives you the ability to tip service providers directly, making tips available quickly with no employer issues.</p>
</li>
<li class="icon fa-angle-double-right">
<h3>Quick And Effortless</h3>
<p>TipEASE makes tipping quick and easy. No more dealing with cash and cards. </p>
</li>
<li class="icon fa-clock-o">
<h3>Tip Later</h3>
<p>TipEASE allows you to tip at a later time if you were in a hurry, or simply forgot.</p>
</li>
<li class="icon fa-align-left">
<h3>Boundless Uses</h3>
<p>TipEASE gives you the ability to tip different types of service providers. Hair Stylists, Waitresses, and even Tutors!</p>
</li>
<li class="icon fa-eye">
<h3>Track Your Tips</h3>
<p>With TipEASE you can track how much, how often, and where you tip.</p>
<p id="disclaimer">*Feature not yet available.</p>
</li>
<li class="icon fa-star">
<h3>Rate The Service</h3>
<p>You can also use TipEASE to rate and view ratings of service providers.</p>
<p id="disclaimer">*Feature not yet available.</p>
</li>
</ul>
</div>
</section>
<!-- FOOTER -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.linkedin.com/in/brandon-desselle-33b689161/" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/BDesselle" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="mailto:brandon.desselle2@gmail.com" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Copyright 2019</li><li><a href="https://www.linkedin.com/in/brandon-desselle-33b689161/">Brandon Desselle</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.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>