-
Notifications
You must be signed in to change notification settings - Fork 0
/
mobile-application.html
206 lines (198 loc) · 15.1 KB
/
mobile-application.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="google-site-verification" content="QyzRhR9f4u41ua5XJksjItnBUUquJvU_gCz8Hz3z2fc" />
<title>IOS Application and Android Section</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CEVX2SLENS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-CEVX2SLENS');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TZZPD49');</script>
<!-- End Google Tag Manager -->
<meta name="google-site-verification" content="QyzRhR9f4u41ua5XJksjItnBUUquJvU_gCz8Hz3z2fc" />
<script src="https://cdn.tailwindcss.com"></script>
<link href="output.css" rel="stylesheet">
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
</script>
<script>
$(function () {
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>
</head>
<body>
<div class="relative bg-gray-50">
<div id="header"></div>
<main>
<section class="relative bg-white" aria-labelledby="join-heading">
<div class="hidden absolute inset-x-0 h-1/2 bg-blue-gray-50 lg:block" aria-hidden="true"></div>
<div class="max-w-7xl mx-auto bg-blue-600 lg:bg-transparent lg:px-8">
<div class="lg:grid lg:grid-cols-12">
<div class="relative z-10 lg:col-start-1 lg:row-start-1 lg:col-span-4 lg:py-16 lg:bg-transparent">
<div class="absolute inset-x-0 h-1/2 bg-blue-gray-50 lg:hidden" aria-hidden="true"></div>
<div class="max-w-md mx-auto px-4 sm:max-w-3xl sm:px-6 lg:max-w-none lg:p-0">
<div class="aspect-w-10 aspect-h-6 sm:aspect-w-2 sm:aspect-h-1 lg:aspect-w-1">
<img class="object-cover object-center rounded-3xl shadow-2xl" src="https://images.unsplash.com/photo-1507207611509-ec012433ff52?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80" alt="">
</div>
</div>
</div>
<div class="relative bg-blue-600 lg:col-start-3 lg:row-start-1 lg:col-span-10 lg:rounded-3xl lg:grid lg:grid-cols-10 lg:items-center">
<div class="hidden absolute inset-0 overflow-hidden rounded-3xl lg:block" aria-hidden="true">
<svg class="absolute bottom-full left-full transform translate-y-1/3 -translate-x-2/3 xl:bottom-auto xl:top-0 xl:translate-y-0" width="404" height="384" fill="none" viewBox="0 0 404 384" aria-hidden="true">
<defs>
<pattern id="64e643ad-2176-4f86-b3d7-f2c5da3b6a6d" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4" class="text-blue-500" fill="currentColor" />
</pattern>
</defs>
<rect width="404" height="384" fill="url(#64e643ad-2176-4f86-b3d7-f2c5da3b6a6d)" />
</svg>
<svg class="absolute top-full transform -translate-y-1/3 -translate-x-1/3 xl:-translate-y-1/2" width="404" height="384" fill="none" viewBox="0 0 404 384" aria-hidden="true">
<defs>
<pattern id="64e643ad-2176-4f86-b3d7-f2c5da3b6a6d" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4" class="text-blue-500" fill="currentColor" />
</pattern>
</defs>
<rect width="404" height="384" fill="url(#64e643ad-2176-4f86-b3d7-f2c5da3b6a6d)" />
</svg>
</div>
<div class="relative max-w-md mx-auto py-12 px-4 space-y-6 sm:max-w-3xl sm:py-16 sm:px-6 lg:max-w-none lg:p-0 lg:col-start-4 lg:col-span-6">
<h2 class="text-3xl tracking-tight font-bold text-white" id="join-heading">Build Apps In Minutes, Not Months! </h2>
<p class="text-lg text-white">Make beautiful m-commerce apps in a flash for your customers without learning to code. Use the services of a GAPP Consultant to get your own apps into the Apple App Store or the Google Play Store.</p>
<a class="block w-full py-3 px-5 text-center bg-white border border-transparent rounded-md shadow-md text-base font-medium text-blue-700 hover:bg-blue-gray-50 sm:inline-block sm:w-auto" href="#">Explore open positions</a>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="relative bg-white py-16 sm:py-24 lg:py-32">
<div class="mx-auto max-w-md px-4 text-center sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
<p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Make a better impact with mobile </p>
<p class="mx-auto mt-5 max-w-prose text-xl text-gray-500">Designed to be powerful, yet simple, GAPP Blocks give organizations the ability to create mobile applications that are native to the phone they're designed for. </p>
<div class="mt-12">
<div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
<div class="pt-6">
<div class="flow-root rounded-lg bg-gray-50 px-6 pb-8">
<div class="-mt-6">
<div>
<span class="inline-flex items-center justify-center rounded-md bg-indigo-500 p-3 shadow-lg">
<!-- Heroicon name: outline/cloud-upload -->
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />
</svg>
</span>
</div>
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900">Track Order</h3>
<p class="mt-5 text-base text-gray-500">Your native app allows your consumers to track your orders. With an Uber-like interface, your customers can now track and review their order status and delivery driver's location in real time.</p>
</div>
</div>
</div>
<div class="pt-6">
<div class="flow-root rounded-lg bg-gray-50 px-6 pb-8">
<div class="-mt-6">
<div>
<span class="inline-flex items-center justify-center rounded-md bg-indigo-500 p-3 shadow-lg">
<!-- Heroicon name: outline/lock-closed -->
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
</svg>
</span>
</div>
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900">Instant Notifications</h3>
<p class="mt-5 text-base text-gray-500">With real-time instant notifications, your clients will never be unaware of the status of their order. Communicate with your customers in real-time and conduct promotional campaigns instantly.</p>
</div>
</div>
</div>
<div class="pt-6">
<div class="flow-root rounded-lg bg-gray-50 px-6 pb-8">
<div class="-mt-6">
<div>
<span class="inline-flex items-center justify-center rounded-md bg-indigo-500 p-3 shadow-lg">
<!-- Heroicon name: outline/refresh -->
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
</svg>
</span>
</div>
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900">Manage using CMS</h3>
<p class="mt-5 text-base text-gray-500">GAPP Blocks Content Management System was created to manage mobile applications. Using our user-friendly CMS, you can add, remove, and modify your products and adjust the look of your application.</p>
</div>
</div>
</div>
<div class="pt-6">
<div class="flow-root rounded-lg bg-gray-50 px-6 pb-8">
<div class="-mt-6">
<div>
<span class="inline-flex items-center justify-center rounded-md bg-indigo-500 p-3 shadow-lg">
<!-- Heroicon name: outline/shield-check -->
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
</svg>
</span>
</div>
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900">Secure Payments</h3>
<p class="mt-5 text-base text-gray-500">Whether you use one of our numerous available plug-ins to integrate your default shipping methods like Apple Pay, Google Pay, Stripe, PayPal, Square, etc., or you request a GAPP Consultant for custom integration.</p>
</div>
</div>
</div>
<div class="pt-6">
<div class="flow-root rounded-lg bg-gray-50 px-6 pb-8">
<div class="-mt-6">
<div>
<span class="inline-flex items-center justify-center rounded-md bg-indigo-500 p-3 shadow-lg">
<!-- Heroicon name: outline/cog -->
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
</span>
</div>
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900"> Performance Insights</h3>
<p class="mt-5 text-base text-gray-500">Learn vital information about your consumers, such as the average amount spent each order and the frequency and nature of their purchases. Such information can be utilized for customized marketing campaigns.</p>
</div>
</div>
</div>
<div class="pt-6">
<div class="flow-root rounded-lg bg-gray-50 px-6 pb-8">
<div class="-mt-6">
<div>
<span class="inline-flex items-center justify-center rounded-md bg-indigo-500 p-3 shadow-lg">
<!-- Heroicon name: outline/server -->
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
</svg>
</span>
</div>
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900">App Publishing</h3>
<p class="mt-5 text-base text-gray-500">Deliver your app to the Apple App Store or Google Play Store with the help of GAPP Consultants. GAPP Blocks and GAPP Consultants can handle your entire build, deploy and submit process, so you can focus on what matters most — building out great features for your users.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
</div>
<div id="footer"></div>
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/21922964.js"></script>
<!-- End of HubSpot Embed Code -->
</body>
</html>