-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
294 lines (284 loc) · 13.2 KB
/
Copy pathindex.html
File metadata and controls
294 lines (284 loc) · 13.2 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
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
<!DOCTYPE html>
<html>
<head>
<title>Max2</title>
<script type="text/javascript" src="//use.typekit.net/grp4vfp.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ["Montserrat:400,700","Bitter:400,700,400italic"]
}
});
</script>
</head>
<body>
<div id="headerfiller"></div>
<div class="section" id="header">
<div class="container">
<div class="row">
<div class="col col-4 clearfix" id="logo">
<img src="img/logo.png" width="25px" id="logoimg">
</div>
<div class="col col-8 nav-column">
<a class="nav-link" href="#page-nav-how">how it works</a>
<a class="nav-link" href="#page-nav-why">why choose us</a>
<a class="nav-link" href="#page-nav-communities">FOR COMMUNITIES</a>
<a class="nav-link" href="#page-nav-signup">sign up</a>
<a class="nav-link" href="#page-nav-aboutus">about us</a>
</div>
</div>
</div>
</div>
<div class="section hero" id="page-nav-calltoaction">
<div class="container">
<div class="row">
<div class="col col-6">
<img class="hero-iphone" src="img/Untitled-1.png" width="330px">
</div>
<div class="col col-6 clearfix call-to-action">
<h1 class="hero-header">Maximize your business today.</h1>
<p class="hero-subtitle">Transform your business for the mobile age with MaxSquare. Our suite of capabilities will help you maximize your customer engagement and your profits.</p>
<a class="button" href="mailto:sales@max2.com?subject=Sign%20Up">SIGN UP</a>
</div>
</div>
</div>
</div>
<div class="section green"></div>
<div class="section white" id="page-nav-how">
<div class="container">
<div class="row organize-row">
<div class="col col-5 ok">
<img class="ok2" src="img/zoom.png" width="100">
<h2>Discover</h2>
<p>Get discovered online through the MaxSquare platform with your MaxPage – A profile page entirely controlled by you.</p>
<div class="row">
<div class="col col-4 col-small-4 col-tiny-4 badges">
<div class="icon-title">Business Info</div>
<img class="discovericon1" src="img/location.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 badges">
<div class="icon-title">Custom Details</div>
<img class="discovericon1" src="img/info.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 badges">
<div class="icon-title">Menus and Service Lists</div>
<img class="discovericon2" src="img/curriculum.png" width="57px">
</div>
</div>
<div class="hidden-main hidden-medium divider"></div>
</div>
<div class="col col-2"></div>
<div class="col col-5 bazinga">
<img class="ok2 ok3" src="img/heart.png" width="100">
<h2>Engage</h2>
<p>Engage your customers and turn them into loyal customers with engagement and communication tools.</p>
<div class="row">
<div class="col col-4 col-small-4 col-tiny-4 badges">
<div class="icon-title">Loyalty and Rewards</div>
<img class="engageicon1" src="img/treasure_chest.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 badges">
<div class="icon-title">Private Feedback</div>
<img class="engageicon2" src="img/speech_bubble.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 badges">
<div class="icon-title">Announce and Notify</div>
<img class="engageicon3" src="img/alarm.png" width="57px">
</div>
</div>
<div class="hidden-main hidden-medium divider"></div>
</div>
</div>
<div class="hidden-small hidden-tiny divider"></div>
</div>
<div class="container">
<div class="row organize-row">
<div class="col col-5 ok">
<img class="ok2" src="img/physics_magnet.png" width="100">
<h2>Attract</h2>
<p>Convert new customers with promotions and tools to promote your openings.</p>
<div class="row">
<div class="col col-4 col-small-4 col-tiny-4 badges4">
<div class="icon-title">Smart Coupons</div>
<img class="attracticon1" src="img/bill.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 badges4">
<div class="icon-title">Mobile Bookings</div>
<img class="attracticon2" src="img/calendar.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 badges4">
<div class="icon-title">Featured Listings and Social Media Promotion</div>
<img class="attracticon3" src="img/ribbon.png" width="57px">
</div>
</div>
<div class="hidden-main hidden-medium divider"></div>
</div>
<div class="col col-2"></div>
<div class="col col-5 bazinga">
<img class="ok2" src="img/ligthbulb_on.png" width="100">
<h2>Enlighten</h2>
<p>MaxIQ gives your business powerful analytics and reporting tools. Generate information that you can actually act on – Letting you adapt your business to a dynamic marketplace and better understand your customers.</p>
<div class="row">
<div class="col col-4 col-small-4 col-tiny-4 badges">
<div class="icon-title">Smart Pricing</div>
<img class="enlicon1" src="img/aim.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 badges">
<div class="icon-title">Competitive and Demographic Analytics</div>
<img class="enlicon2" src="img/binoculars.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 badges">
<div class="icon-title">Customer Relationship Management Tools</div>
<img class="enlicon3" src="img/front_desk.png" width="57px">
</div>
</div>
<div class="hidden-main hidden-medium divider"></div>
</div>
</div>
<div class="hidden-small hidden-tiny divider"></div>
</div>
<div class="container">
<div class="row organize-row">
<div class="col col-5 ok">
<img class="ok2" src="img/piggy_bank.png" width="100">
<h2>Payments</h2>
<p>Get paid with MaxBank payment processing tools - allowing you to securely accept payments from you customers. Low payment processing fees, ease of mind with security and fraud-prevention, and emailed receipts.</p>
<div class="row">
<div class="col col-4 col-small-4 col-tiny-4 badges">
<div class="icon-title">MaxPay Mobile Payments</div>
<img class="payicon1" src="img/phone.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 badges">
<div class="icon-title">Credit and Debit Cards</div>
<img class="payicon2" src="img/Untitled-3.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 badges">
<div class="icon-title">Loyalty Points</div>
<img class="payicon3" src="img/trophy.png" width="57px">
</div>
</div>
<div class="hidden-main hidden-medium divider"></div>
</div>
<div class="col col-2"></div>
<div class="col col-5 bazinga">
<img class="ok2" src="img/antenna.png" width="100">
<h2>Reach</h2>
<p>Max2 lets your business be “platform agnostic”.</p>
<div class="row">
<div class="col col-4 col-small-4 col-tiny-4 badges3">
<div class="icon-title">iOS Android</div>
<img class="reachicon1" src="img/phone.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 badges3">
<div class="icon-title">SMS</div>
<img class="reachicon2" src="img/speech_bubble.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 badges3">
<div class="icon-title">Web</div>
<img class="reachicon3" src="img/monitor.png" width="57px">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section green"></div>
<div class="section grey" id="page-nav-why">
<div class="container">
<div class="row">
<div class="col col-6 center">
<img src="img/home.png" width="381px">
</div>
<div class="col col-6">
<h2>Your business - your terms.</h2>
<p>You are in control of your MaxSquare presence – Change your business details, your menus, your openings, your promotions, or anything else all on your own terms. Choose what feedback you want to promote on your MaxPage and never get asked for
a cent for “demoting” bad feedback or “promoting” good ones. Don't get bogged down into bulk pricing deals that lose you money - Decide what discounts you want to set or use MaxIQ to help you create effective promotions using analytics. All
with highly intuitive, quick and easy-to-use tools.</p>
<div class="row">
<div class="col col-4 col-small-4 col-tiny-4 columno">
<div class="icon-title">Controlled</div>
<img src="img/key.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 columno">
<div class="icon-title">Easy</div>
<img src="img/smiley.png" width="57px">
</div>
<div class="col col-4 col-small-4 col-tiny-4 columno">
<div class="icon-title">Fast</div>
<img src="img/apache_server.png" width="57px">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section green"></div>
<div class="section" id="page-nav-communities">
<div class="container">
<div class="row">
<div class="col col-8">
<h2>Get MaxSquare<br>@YourTown</h2>
<p>Keep your community up to date with push alerts and notifications to their mobile phone - via SMS and the MaxSquare mobile app. Let community members book public services or spaces and privately send verified feedback straight to you.</p>
</div>
<div class="col col-2 center">
<img src="img/info.png" width="107">
<img src="img/alarm.png" width="107">
</div>
<div class="col col-2">
<img src="img/calendar.png" width="107">
<img src="img/shopping_basket.png" width="107">
</div>
</div>
</div>
</div>
<div class="section green"></div>
<div class="section purple" id="page-nav-signup">
<div class="container">
<div class="row">
<div class="col col-8">
<h2 class="price-text">Get the app for iOS or Android</h2>
</div>
<div class="col col-4 clearfix">
<a class="inline-block button app-store" href="mailto:sales@max2.com?subject=Sign%20Up">
<div>Download</div>
</a>
</div>
</div>
</div>
</div>
<div class="section green"></div>
<div class="section subfooter white" id="page-nav-aboutus">
<div class="container">
<div class="row">
<div class="col col-4 left-column">
<h3>Check out information on our progress!</h3><a class="blog-link" href="http://blog.max2.com">Visit our blog</a>
</div>
<div class="col col-4 subfooter-right">
<h3>Get updates about Max2</h3>
<a class="inline-block social-button" href="mailto:support@max2.com?subject=Hi!">
<img src="img/email-icon.png" width="21px">
</a>
<a class="inline-block social-button" href="https://www.facebook.com/pages/Max-Square/690501974329713">
<img src="img/facebook-icon.png" width="21px">
</a>
<a class="inline-block social-button" href="http://twitter.com/MaxSquareHQ">
<img src="img/twitter-icon.png" width="21px">
</a>
</div>
<div class="col col-4 subfooter3">
<h3>Interested in working with us?</h3><a class="blog-link" href="mailto:careers@max2.com">Contact Us</a>
</div>
</div>
</div>
</div>
<div class="footer">
<img class="logo-in-footer" src="img/logo.png" width="200px">
</div>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/project.js"></script>
</body>
</html>