-
Notifications
You must be signed in to change notification settings - Fork 0
/
customWork.html
284 lines (248 loc) · 12.7 KB
/
customWork.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
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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Custom Mobile App, Web Apps and Cloud Integrations"/>
<link rel="shortcut icon" type="image/png" href="images/fav.png"/>
<link rel="canonical" href="www.aquaapi.io/CaseStudies.html"/>
<title>AquaAPI :: Custom Work</title>
<link rel="stylesheet" type="text/css" href="css/foundation.min.css">
<link rel="stylesheet" href="css/app.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css">
<style>
.button1 {
background-color: transparent;
color: white;
border-radius: 30px;
border: 1px solid;
padding: 9px 17px 9px 18px;
margin: 8px;
margin-right: 68px;
}
.button1:hover {
background-color: #4CAF50;
color: white;
}
@media only screen and (max-device-width: 480px) {
.button1 {
margin: auto;
margin-right: 40px;
}
}
</style>
</head>
<body>
<section class="cd-content">
<div class="work-page subpage">
<header class="sub_header row">
<div class="small-6 columns">
<a class="logo" href="index.html"><img src="images/logo-sml.png"/></a>
<a class="button button1" href="app/install/login.php">Login</a>
</div>
<div class="small-6 columns text-right">
<span class="title">Custom Work</span>
</div>
</header>
<div class="list-view pad">
<div class="work-wrp">
<div class="row wrk-area">
<div class="small-12 medium-6 medium-push-6 columns bg">
<div class="bg-bnr" style="background-image:url(images/work/freshkart.jpg)"></div>
<a href="#" class="web-link">
<div class="v-middle">
<img src="images/logos/freshkart.png">
</div>
</a>
</div>
<div class="small-12 medium-6 medium-pull-6 columns details">
<div class="v-middle">
<h2>Fresh Carton App</h2>
<p>Android, iOS and Windows mobile apps for delivery agents of Fresh Carton with following design features:</p>
<ul class="list-ul">
<li>Leveraged Cordova framework for faster development</li>
<li>Optimized app for low latency user-experience</li>
<li>REST API integration with Fresh Carton exposed APIs</li>
<li>Tested against wide range of Android devices for consistent user-experience</li>
</ul>
<a target="_blank" href="https://youtu.be/rZd9LKwTV2k">Watch Video</a>
<a target="_blank" href="https://itunes.apple.com/us/app/fresh-cart-aqua/id1132019382?mt=8">iOS Download</a>
</div>
</div>
</div>
<div class="row wrk-area">
<div class="small-12 medium-6 columns bg">
<div class="bg-bnr" style="background-image:url(images/work/Decision-Minds.jpg);"></div>
<a href="#" class="web-link">
<div class="v-middle">
<img src="images/logos/decision_minds.png">
</div>
</a>
</div>
<div class="small-12 medium-6 columns details">
<div class="v-middle">
<h2>Decision Minds</h2>
<p>Redesign of website to convey the new brand messaging and to incorporate following design features:</p>
<ul class="list-ul">
<li>Responsive navigation and accordian based design patterns for small screen devices</li>
<li>Reduce page download times to less than half of earlier</li>
<li>Incorporate latest trends like Long scroll, Hero images & Hidden navigation</li>
<li>Secure website against hacking</li>
</ul>
<a target="_blank" href="http://www.decisionminds.com/">view website</a>
</div>
</div>
</div> <!--
<div class="row wrk-area">
<div class="small-12 medium-6 medium-push-6 columns bg">
<div class="bg-bnr" style="background-image:url(images/work/srinivas.jpg);"></div>
<a href="#" class="web-link">
<div class="v-middle">
<img src="images/logos/srinivas.png">
</div>
</a>
</div>
<div class="small-12 medium-6 medium-pull-6 columns details">
<div class="v-middle">
<h2>Srinivas Music</h2>
<p>A full rebranding to completely change the look and feel from crowded and common to minimalist and different.</p>
<ul class="list-ul">
<li>Responsive, user friendly eCommerce enabled site for the music lover</li>
<li>Secure PCI compliant eCommerce solution with CyberSource Payment Gateway integration</li>
<li>Redesigned workflow for a reduced friction transaction experience</li>
</ul>
<a target="_blank" href="http://www.srinivasmusic.com">view website</a>
</div>
</div>
</div>
<div class="row wrk-area">
<div class="small-12 medium-6 columns bg">
<div class="bg-bnr" style="background-image:url(images/work/Jayati-Chakraborty.png);"></div>
<a href="#" class="web-link">
<div class="v-middle">
<img src="images/logos/jayati.png">
</div>
</a>
</div>
<div class="small-12 medium-6 columns details">
<div class="v-middle">
<h2>Jayati</h2>
<p>Responsive redesign to make it compatible with latest devices </p>
<ul class="list-ul">
<li>Mobile and touch friendly HTML5 based audio preview functionality</li>
<li>Adaptive image based responsive design</li>
<li>Responsive navigation and View Port scrolling on Home Page</li>
<li>Developed on MYOS, our user friendly, lite-weight Website Management System </li>
</ul>
<a target="_blank" href="http://www.jayati.co.in/">view website</a>
</div>
</div>
</div>
<div class="row wrk-area">
<div class="small-12 medium-6 medium-push-6 columns bg">
<div class="bg-bnr" style="background-image:url(images/work/GoingWild.jpg);"></div>
<a href="#" class="web-link">
<div class="v-middle">
<img src="images/logos/goingwild.png">
</div>
</a>
</div>
<div class="small-12 medium-6 medium-pull-6 columns details">
<div class="v-middle">
<h2>Going Wild</h2>
<p>Complete grounds-up design of website, the primary customer acquisition channel for Going Wild </p>
<ul class="list-ul">
<li>Mobile and touch friendly tour listing page</li>
<li>Responsive tab based content browsing in tour detail pages</li>
<li>Integrated blogging platform</li>
<li>Developed on MYOS, our user friendly, lite-weight Website Management System</li>
</ul>
<a target="_blank" href="http://www.goingwild.in">view website</a>
</div>
</div>
</div>
<div class="row wrk-area">
<div class="small-12 medium-6 columns bg">
<div class="bg-bnr" style="background-image:url(images/work/India-Festival-Guide.jpg);"></div>
<a href="#" class="web-link">
<div class="v-middle">
<img src="images/logos/festival.png">
</div>
</a>
</div>
<div class="small-12 medium-6 columns details">
<div class="v-middle">
<h2>India Festival Guide</h2>
<p>Complete design of responsive interactive website to promote specific events</p>
<ul class="list-ul">
<li>Responsive navigation & festival listing pages</li>
<li>Unique User-corner to engage users</li>
<li>Responsive Tabs-to-Accordion based design pattern for small screen devices. </li>
</ul>
<a target="_blank" href="http://indiafestivalguide.com/">view website</a>
</div>
</div>
</div>
<div class="row wrk-area">
<div class="small-12 medium-6 medium-push-6 columns bg">
<div class="bg-bnr" style="background-image:url(images/work/krystal.jpg);"></div>
<a target="_blank" href="http://www.krystalchopstick.com/" class="web-link">
<div class="v-middle">
<img src="images/logos/resturent.png">
</div>
</a>
</div>
<div class="small-12 medium-6 medium-pull-6 columns details">
<div class="v-middle">
<h2>Krystalchopstick</h2>
<p>Complete grounds-up website development targeting a brand-consistent online experience for Krystal's end-customers</p>
<ul class="list-ul">
<li>Beautiful responsive design </li>
<li>Mobile friendly restaurant menu card</li>
<li>Mobile firndly photo gallery with Lightbox</li>
<li>Developed on MYOS, our user friendly, lite-weight Website Management System</li>
</ul>
<a target="_blank" href="http://www.krystalchopstick.com/">view website</a>
</div>
</div>
</div>-->
</div>
</div>
</div>
<footer data-include="footer"></footer>
</section>
<div class="cd-overlay-nav">
<span></span>
</div> <!-- cd-overlay-nav -->
<div class="cd-overlay-content">
<span></span>
</div> <!-- cd-overlay-content -->
<a href="#0" class="cd-nav-trigger">Menu<span class="cd-icon"></span></a>
<nav>
<ul class="cd-primary-nav">
<li class="logoli"><img src="images/logo.png"></li>
<li><a href='index.html'><img src="images/home.png"> Home</a></li>
<li class='active'><a href='expertise.html'><img src="images/work.png">Expertise</a></li>
<li class='active'><a href='connectors.html'><img src="images/gear.png">Connectors</a></li>
<li class='active'><a href='mobileApps.html'><img src="images/product.png">Mobile Apps</a></li>
<li class='active'><a href='customWork.html'><img src="images/case-study.png">Custom Work</a></li>
<li class='active'><a href='contact.html'><img src="images/contact.png"> Contact</a></li>
</ul>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/velocity.min.js"></script>
<script src="js/app.js"></script>
<script>
$(document).ready(function (){
var includes = $('[data-include]');
jQuery.each(includes, function () {
var file = $(this).data('include') + '.html';
$(this).load(file);
});
});
</script>
<script src="js/page_analytics.js"></script>
</body>
</html>