-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
415 lines (405 loc) · 33.6 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
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
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
<!DOCTYPE html>
<html 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">
<title>Modulette Inc.</title>
<link rel="shortcut icon" type="image/png" href="dist/images/favicon.ico" />
<link href="https://fonts.googleapis.com/css?family=Hind+Vadodara:400,600,700|Roboto:400,500,700" rel="stylesheet">
<link rel="stylesheet" href="dist/css/style.css">
<script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js"
integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ"
crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/scrollreveal.min.js"></script>
</head>
<body class="is-boxed has-animations">
<div class="body-wrap boxed-container">
<header class="site-header">
<div class="header-sun is-revealing">
<svg width="191" height="201" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient x1="50%" y1="0%" x2="4.666%" y2="38.561%" id="header-sun-c">
<stop stop-color="#FFE4A2" offset="0%" />
<stop stop-color="#FFC570" offset="100%" />
</linearGradient>
</defs>
<path
d="M78.72 44.447c-4.177 0-7.78 1.319-11.782 1.95-4.106.648-9.151-3.22-13.021-1.96-3.936 1.282-8.109 2.748-11.746 4.608-3.673 1.88-7.553 4.062-10.865 6.474-3.327 2.424-5.517 6.524-8.42 9.428-2.904 2.904-4.246 7.103-6.669 10.429-2.413 3.312-3.311 7.25-5.19 10.924-1.861 3.637-2.448 7.345-3.729 11.28-1.26 3.87-4.385 6.987-5.033 11.092C1.634 112.674 0 116.604 0 120.78c0 4.177.694 8.255 1.325 12.257.648 4.106-.786 8.865.474 12.734 1.282 3.936 2.97 8.102 4.831 11.74 1.879 3.673 6.753 5.67 9.166 8.98 2.423 3.328 4.466 6.94 7.37 9.843 2.905 2.905 5.4 6.48 8.726 8.904 3.312 2.413 8.601 1.5 12.274 3.378 3.637 1.862 6.108 6.328 10.044 7.61 3.87 1.26 8.387-.215 12.492.432 4.002.632 7.841 4.102 12.018 4.102 4.177 0 8.403-1.013 12.405-1.644 4.106-.648 7.963-2.465 11.833-3.726 3.936-1.281 6.808-4.661 10.445-6.522 3.673-1.88 6.36-4.613 9.672-7.025 3.327-2.424 7.491-3.41 10.395-6.313 2.904-2.904 8.919-3.404 11.343-6.73 2.412-3.312 1.89-8.756 3.769-12.43 1.861-3.636 2.752-7.648 4.034-11.585a76.417 76.417 0 0 0 2.852-11.85c.631-4.002 3.319-7.978 3.319-12.155 0-4.176-.643-8.475-1.274-12.477-.648-4.106-.354-8.728-1.614-12.598-1.282-3.935-4.11-7.567-5.97-11.204-1.879-3.674-3.522-7.832-5.935-11.144-2.423-3.327-8.219-3.824-11.123-6.728s-2.893-9.397-6.22-11.821c-3.311-2.412-9.742.089-13.415-1.79-3.637-1.861-5.739-7.418-9.675-8.7-3.87-1.26-8.789 1.68-12.894 1.032-4.002-.631-7.77-.903-11.947-.903"
fill="#FFF6E7" />
<path
d="M105.648 11.47c-4.177 0-7.78 1.319-11.782 1.95-4.106.648-9.151-3.22-13.021-1.96-3.936 1.282-8.109 2.748-11.746 4.608-3.673 1.88-7.553 4.062-10.865 6.474-3.327 2.424-5.517 6.524-8.42 9.428-2.904 2.904-4.246 7.103-6.669 10.429-2.413 3.312-3.311 7.25-5.19 10.924-1.861 3.637-2.448 7.345-3.729 11.281-1.26 3.869-4.385 6.986-5.033 11.091-.631 4.002-2.265 7.932-2.265 12.108 0 4.177.694 8.255 1.325 12.257.648 4.106-.786 8.865.474 12.734 1.282 3.936 2.97 8.102 4.831 11.74 1.879 3.673 6.753 5.67 9.166 8.981 2.423 3.327 4.466 6.939 7.37 9.842 2.905 2.905 5.4 6.481 8.726 8.904 3.312 2.413 8.601 1.5 12.274 3.378 3.637 1.862 6.108 6.328 10.044 7.61 3.87 1.26 8.387-.215 12.492.432 4.002.632 7.841 4.102 12.018 4.102 4.177 0 8.403-1.013 12.405-1.644 4.106-.648 7.963-2.465 11.833-3.726 3.936-1.281 6.808-4.661 10.445-6.522 3.673-1.879 6.36-4.613 9.672-7.025 3.327-2.424 7.491-3.409 10.395-6.313s8.919-3.404 11.343-6.73c2.412-3.312 1.89-8.756 3.769-12.43 1.861-3.636 2.752-7.648 4.034-11.585a76.417 76.417 0 0 0 2.852-11.85c.631-4.002 3.319-7.978 3.319-12.155 0-4.176-.643-8.475-1.274-12.477-.648-4.106-.354-8.728-1.614-12.598-1.282-3.935-4.11-7.567-5.97-11.204-1.879-3.674-3.522-7.832-5.935-11.144-2.423-3.327-8.219-3.824-11.123-6.728s-2.893-9.397-6.22-11.821c-3.311-2.412-9.742.089-13.415-1.79-3.637-1.861-5.739-7.418-9.675-8.7-3.87-1.26-8.789 1.68-12.894 1.032-4.002-.631-7.77-.903-11.947-.903m0 165c-4.179 0-8.742.7-12.764.125-4.119-.59-7.195-6.328-11.108-7.478-3.979-1.17-7.496-2.761-11.215-4.466-3.759-1.723-7.025-3.719-10.473-5.941-3.467-2.236-7.628-3.244-10.733-5.939-3.111-2.699-7.273-4.441-9.972-7.551-2.694-3.105-6.371-5.834-8.606-9.302-2.223-3.448-5.19-7.008-6.913-10.767-1.704-3.719-1.107-8.69-2.277-12.668-1.15-3.913-.759-8.281-1.349-12.4C19.663 96.06 19 91.982 19 87.803c0-4.178 2.794-7.953 3.369-11.974.59-4.12 1.441-7.801 2.592-11.713 1.17-3.979-.333-8.811 1.373-12.53 1.723-3.759 4.426-7.029 6.649-10.476 2.236-3.468 5.533-6.035 8.227-9.14 2.699-3.11 3.162-8.597 6.272-11.295 3.105-2.694 8.395-2.699 11.862-4.934 3.448-2.224 5.918-6.427 9.677-8.15 3.719-1.705 8.697-.204 12.675-1.374 3.913-1.151 7.637-2.654 11.756-3.244 4.022-.575 8.018-1.728 12.196-1.728 4.179 0 8.583-1.702 12.605-1.126 4.12.589 8.699.65 12.611 1.8 3.979 1.17 7.424 4.556 11.143 6.261 3.759 1.724 5.196 7.359 8.643 9.582 3.468 2.236 8.569 1.938 11.674 4.632 3.111 2.7 6.583 5.15 9.282 8.261a88.733 88.733 0 0 1 7.469 9.966c2.223 3.447 2.108 8.15 3.831 11.909 1.705 3.72 3.362 7.284 4.532 11.262 1.15 3.913.631 7.956 1.22 12.076.576 4.021 2.063 7.757 2.063 11.935 0 4.179-1.059 7.976-1.635 11.998-.589 4.12 2.524 8.991 1.374 12.903-1.17 3.978-7.22 6.027-8.925 9.746-1.723 3.759 1.141 9.979-1.082 13.428-2.236 3.467-8.194 4.202-10.888 7.306-2.699 3.112-2.788 8.88-5.899 11.578-3.105 2.695-5.935 6.454-9.403 8.69-3.448 2.223-8.632 1.96-12.391 3.684-3.719 1.705-8.238 1.277-12.216 2.447-3.912 1.15-7.479 3.951-11.599 4.54-4.021.575-8.231 2.347-12.409 2.347"
fill="url(#header-sun-c)" />
</svg>
</div>
<div class="container">
<div class="site-header-inner">
<div class="brand header-brand">
<svg width="44" height="32" style="display: inline" viewBox="0 0 380 537" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Tim" transform="translate(2.000000, 1.000000)" fill-rule="nonzero">
<path
d="M101,511 C101,522.59798 140.398942,532 189,532 C237.601058,532 277,522.59798 277,511 C277,499.40202 237.601058,490 189,490 C165.543858,490 144.231147,492.189994 128.456507,495.759897"
id="Path" stroke="#4472C4" stroke-width="7" stroke-linecap="round"></path>
<path
d="M100,448 C100,459.59798 139.398942,469 188,469 C236.601058,469 276,459.59798 276,448"
id="Path" stroke="#4472C4" stroke-width="7" stroke-linecap="round"></path>
<ellipse id="Oval" stroke="#2F528F" stroke-width="6" fill="#D7E0EA" cx="188.5"
cy="378.5" rx="69.5" ry="58.5"></ellipse>
<ellipse id="Oval" fill="#FFFFFF" cx="189" cy="374.5" rx="41" ry="34.5">
</ellipse>
<path
d="M27.285001,401.043137 C33.0122673,401.5488 44.486716,391.655861 49.3193004,370.629389 C55.2392688,344.871732 54.1941454,299.398605 54.1941454,274.005254 C54.1941454,227.882822 43.9565462,232.100847 31.2089256,232.100847 C26.4774589,232.100847 10.7500909,232.492113 7.08863414,241.328638 C0.8853144,256.299672 5.7141424,278.727351 7.08863414,307.787877 C9.24282078,353.333293 12.0817438,399.700835 27.285001,401.043137 Z"
id="Oval" stroke="#2F528F" stroke-width="4" fill="#FFFFFF"></path>
<path
d="M338.927285,403.042919 C344.882433,403.554564 357.136883,394.408376 361.838304,372.269376 C367.418823,345.990703 374.829258,285.012889 374.829258,259.319134 C374.829258,212.651073 356.262172,232.10204 343.007338,232.10204 C338.087611,232.10204 333.710407,226.735856 329.903265,235.676918 C323.453123,250.825059 323.503383,280.206245 324.932565,309.610558 C327.172464,355.694776 323.119107,401.684738 338.927285,403.042919 Z"
id="Oval" stroke="#2F528F" stroke-width="4" fill="#FFFFFF"
transform="translate(349.490556, 315.572546) scale(-1, 1) translate(-349.490556, -315.572546) ">
</path>
<ellipse id="Oval" stroke="#2F528F" stroke-width="4" fill="#FFFFFF" cx="51.5"
cy="231.5" rx="51.5" ry="39.5"></ellipse>
<ellipse id="Oval" stroke="#2F528F" stroke-width="4" fill="#FFFFFF" cx="324.5"
cy="231.5" rx="51.5" ry="39.5"></ellipse>
<ellipse id="Oval" stroke="#2F528F" stroke-width="6" fill="#FFFFFF" cx="189.5"
cy="214.5" rx="129.5" ry="140.5"></ellipse>
<path d="M189.5,23 L189.5,72" id="Line" stroke="#2F528F" stroke-width="6"
fill="#2F528F" stroke-linecap="square"></path>
<circle id="Oval" stroke="#2F5597" fill="#4472C4" cx="189.5" cy="10.5" r="10.5">
</circle>
<ellipse id="Oval" stroke="#333F50" fill="#333F50" cx="190" cy="195" rx="111"
ry="102"></ellipse>
<path
d="M228.052012,168 C240.202276,168 247.853477,163.033689 247.853477,151.711852 C247.853477,140.390014 234.699401,129.819034 222.549136,129.819034 C210.398872,129.819034 204.487301,135.605814 204.487301,146.927652 C204.487301,158.249489 215.901747,168 228.052012,168 Z"
id="Oval" stroke="#30518D" fill="#4E85E4"></path>
<path
d="M154,168 C166.150264,168 176.839672,157.896621 176.839672,147.40321 C176.839672,136.9098 168.680592,129.819034 156.530327,129.819034 C144.380063,129.819034 131.78706,140.726088 131.78706,151.219498 C131.78706,161.712909 141.849736,168 154,168 Z"
id="Oval" stroke="#304976" fill="#4E85E4"></path>
<ellipse id="Oval" fill="#E78291" cx="112" cy="291.5" rx="12" ry="11.5">
</ellipse>
</g>
</g>
</svg>
<h1 class="m-0" style="display: inline">Modulette</h1>
</div>
</div>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<div class="hero-inner">
<div class="hero-copy">
<h1 class="hero-title mt-0">Modular Software For Industry</h1>
<p class="hero-paragraph"> Disrupting "Industry Standards" to create delightful customer
focused solutions with an emphasis on performance and security.</p>
<p class="hero-cta"><a class="button button-primary button-shadow" href="#pricing">See Modules</a></p>
</div>
<div class="hero-illustration">
<div class="hero-shapes is-revealing">
<svg width="724" height="672" viewBox="0 0 724 672" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient x1="87.336%" y1="7.447%" x2="66.279%" y2="44.56%"
id="hero-shapes-a">
<stop stop-color="#A3A9F1" offset="0%" />
<stop stop-color="#6A72E4" offset="100%" />
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="hero-shapes-b">
<stop stop-color="#82DDFC" offset="0%" />
<stop stop-color="#0181F6" offset="100%" />
</linearGradient>
</defs>
<path
d="M675.09 555.602c101.344 0-138.133-250.973-138.133-352.317S664.223.91 562.879.91C461.535.91.543 80.5.543 181.844S573.746 555.602 675.09 555.602z"
fill="url(#hero-shapes-a)" />
<path
d="M667.21 644.029c111.82-59.115-15.77-185.344-15.77-321.482 0-136.138-.284-340.372-136.422-321.106C378.88 20.708 433.487 224.707 85.874 306.688c-347.614 81.98 469.517 396.456 581.336 337.34z"
transform="matrix(-1 0 0 1 723.483 15)" fill="url(#hero-shapes-b)" />
<path
d="M532.631 556.964c23.168-12.535-176.81-30.951-173.117-8.023-16.445-27.256-.668 111.452-1.357 97.18-17.805 14.436 202.398 23.384 180.678 25.205 4.694-22.81 13.508-143.183-15.392-139.49-1.105-3.22 20.111-5.785 9.188 25.128"
fill="#FFE5F1" />
<path
d="M500.754 531.682c23.168-12.535-176.81-30.95-173.117-8.023-16.445-27.256-.668 111.452-1.357 97.18-17.805 14.436 202.398 23.384 180.678 25.205 4.694-22.809 13.508-143.183-15.392-139.49-1.105-3.219 20.111-5.785 9.188 25.128m-1.834 1.51c22.705-12.117 22.727 86.08 26.346 108.244-16.116-26.348-196.655-8.263-197.329-22.06-17.45 13.955 2.35-93.395-18.937-91.634 4.601-22.049 209.238-22.41 180.916-18.84"
fill="#FF6DB1" />
</svg>
</div>
<div class="hero-media is-revealing" style="perspective:800px">
<img src="dist/images/modular.svg"></img>
</div>
</div>
</div>
</div>
</section>
<section class="clients section">
<div class="container">
<div class="clients-inner section-inner">
<h3 style="text-align: center">Integrations</h3>
<div class="container-sm">
<ul class="list-reset mb-0">
<li>
<span class="screen-reader-text">Stripe</span>
<img width="132" height="40" src="dist/images/stripe.svg" class="integrationImage"></img>
</li>
<li>
<span class="screen-reader-text">Active Directory</span>
<img width="200px" height="40px" src="dist/images/activeDirectory.svg" class="integrationImage"></img>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="features-extended section">
<div class="container">
<div class="features-extended-inner section-inner has-top-divider">
<div class="features-extended-header text-center">
<div class="container-sm">
<h2 class="section-title mt-0">Meet Modulette</h2>
<p class="section-paragraph"> We're a group of software engineers passionate about
building
innovative solutions to solve industry problems. From our inception at a
hackathon to our daily craft we're passionate about delivering excellent software.
</p>
</div>
</div>
<div class="feature-extended">
<div class="feature-extended-image is-revealing">
<img src="dist/images/modular2.svg"/>
</div>
<div class="feature-extended-body">
<h3 class="mt-0">Modular</h3>
<p>Our Microservice based approach can allow you to have the flexibility and versatility
you need and allow us to update core pieces of your software efficiently. </p>
</div>
</div>
<div class="feature-extended">
<div class="feature-extended-image is-revealing">
<img src="dist/images/cutting_edge.svg"/>
</div>
<div class="feature-extended-body">
<h3 class="mt-0">Cutting Edge</h3>
<p>We are focused on using the best tools for the job and building enterprise grade
solutions using the latest technology.</p>
</div>
</div>
<div class="feature-extended">
<div class="feature-extended-image is-revealing">
<img src="dist/images/scalable.svg"/>
</div>
<div class="feature-extended-body">
<h3 class="mt-0">Scalable</h3>
<p>Our team has built cloud native applications that have reached 10s of millions of
monthly active users. We can handle problems of any size </p>
</div>
</div>
</div>
</div>
</section>
<section class="testimonials section">
<div class="container">
<div class="testimonials-inner section-inner">
<h2 class="section-title mt-0 text-center">Case Studies</h2>
<div class="testimonials-wrap">
<i style="margin-top:200px; margin-right: 20px" class="fas fa-chevron-left"></i>
<div class="testimonial text-center text-xs is-revealing">
<div class="testimonial-inner">
<div class="testimonial-main">
<div class="testimonial-header">
<img class="mb-16" src="dist/images/sirven.jpg" alt="Testimonial">
</div>
<div class="testimonial-footer">
<div class="testimonial-name">Jose Sirven</div>
<div class="testimonial-link">
<a href="https://terrawolves.com/">Principal, TERRA Environmental
Research Institute</a>
</div>
</div>
<div class="testimonial-body">
<p>TERRA Environmental Research Institute is a nationally recognized public
magnet school in Miami-Dade County with an "A" rating given by the state
of Florida since 2009. Jose Sirven is a proud early adopter of our
School Modules</p>
</div>
</div>
</div>
</div>
<div id="testimonialImage" class="testimonial text-center text-xs is-revealing">
<div class="testimonial-inner">
<div class="testimonial-main">
<div class="testimonial-body">
<img width="468px" src="dist/images/adminDashboard.PNG" />
</div>
</div>
</div>
</div>
<i style="margin-top:200px; margin-left: 20px" class="fas fa-chevron-right"></i>
</div>
</div>
</div>
</section>
<section id="pricing" class="pricing section">
<div class="container">
<div class="pricing-inner section-inner">
<h2 class="section-title mt-0 text-center">Pay by Feature</h2>
<div class="pricing-tables-wrap">
<div class="pricing-table is-revealing">
<div class="pricing-table-inner">
<div class="pricing-table-main">
<div class="pricing-table-header">
<div class="pricing-table-title mt-12 mb-16">School Modules</div>
</div>
<ul class="pricing-table-features list-reset text-xs">
<li>
<span>Attendance Modules</span>
</li>
<li>
<span>Front Desk Module</span>
</li>
<li>
<span>Student Pickup Module</span>
</li>
<li>
<span>Clinic Module</span>
</li>
<li>
<span>Disciplinary Module</span>
</li>
<li>
<span>Events Module</span>
</li>
<li>
<span>+ More</span>
</li>
</ul>
</div>
<div class="pricing-table-cta">
<a class="button button-primary button-shadow button-block" href="mailto:[email protected][email protected]&subject=Inquiry over School Modules">Learn more
</a>
</div>
</div>
</div>
<div class="pricing-table pricing-table-primary text-light is-revealing">
<div class="pricing-table-inner">
<div class="pricing-table-main">
<div class="pricing-table-header">
<div class="pricing-table-title mt-12 mb-16">Zoo Modules</div>
</div>
<ul class="pricing-table-features list-reset text-xs">
<li>
<span>Coming Soon</span>
</li>
</ul>
</div>
<div class="pricing-table-cta">
<a class="button button-shadow button-block" href="mailto:[email protected][email protected]&subject=Inquiry over Zoo Modules">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="site-footer-inner">
<div class="brand footer-brand">
<a href="#">
<svg width="44" height="32" viewBox="0 0 380 537" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Tim" transform="translate(2.000000, 1.000000)" fill-rule="nonzero">
<path
d="M101,511 C101,522.59798 140.398942,532 189,532 C237.601058,532 277,522.59798 277,511 C277,499.40202 237.601058,490 189,490 C165.543858,490 144.231147,492.189994 128.456507,495.759897"
id="Path" stroke="#4472C4" stroke-width="7" stroke-linecap="round"></path>
<path
d="M100,448 C100,459.59798 139.398942,469 188,469 C236.601058,469 276,459.59798 276,448"
id="Path" stroke="#4472C4" stroke-width="7" stroke-linecap="round"></path>
<ellipse id="Oval" stroke="#2F528F" stroke-width="6" fill="#D7E0EA" cx="188.5"
cy="378.5" rx="69.5" ry="58.5"></ellipse>
<ellipse id="Oval" fill="#FFFFFF" cx="189" cy="374.5" rx="41" ry="34.5">
</ellipse>
<path
d="M27.285001,401.043137 C33.0122673,401.5488 44.486716,391.655861 49.3193004,370.629389 C55.2392688,344.871732 54.1941454,299.398605 54.1941454,274.005254 C54.1941454,227.882822 43.9565462,232.100847 31.2089256,232.100847 C26.4774589,232.100847 10.7500909,232.492113 7.08863414,241.328638 C0.8853144,256.299672 5.7141424,278.727351 7.08863414,307.787877 C9.24282078,353.333293 12.0817438,399.700835 27.285001,401.043137 Z"
id="Oval" stroke="#2F528F" stroke-width="4" fill="#FFFFFF"></path>
<path
d="M338.927285,403.042919 C344.882433,403.554564 357.136883,394.408376 361.838304,372.269376 C367.418823,345.990703 374.829258,285.012889 374.829258,259.319134 C374.829258,212.651073 356.262172,232.10204 343.007338,232.10204 C338.087611,232.10204 333.710407,226.735856 329.903265,235.676918 C323.453123,250.825059 323.503383,280.206245 324.932565,309.610558 C327.172464,355.694776 323.119107,401.684738 338.927285,403.042919 Z"
id="Oval" stroke="#2F528F" stroke-width="4" fill="#FFFFFF"
transform="translate(349.490556, 315.572546) scale(-1, 1) translate(-349.490556, -315.572546) ">
</path>
<ellipse id="Oval" stroke="#2F528F" stroke-width="4" fill="#FFFFFF" cx="51.5"
cy="231.5" rx="51.5" ry="39.5"></ellipse>
<ellipse id="Oval" stroke="#2F528F" stroke-width="4" fill="#FFFFFF" cx="324.5"
cy="231.5" rx="51.5" ry="39.5"></ellipse>
<ellipse id="Oval" stroke="#2F528F" stroke-width="6" fill="#FFFFFF" cx="189.5"
cy="214.5" rx="129.5" ry="140.5"></ellipse>
<path d="M189.5,23 L189.5,72" id="Line" stroke="#2F528F" stroke-width="6"
fill="#2F528F" stroke-linecap="square"></path>
<circle id="Oval" stroke="#2F5597" fill="#4472C4" cx="189.5" cy="10.5" r="10.5">
</circle>
<ellipse id="Oval" stroke="#333F50" fill="#333F50" cx="190" cy="195" rx="111"
ry="102"></ellipse>
<path
d="M228.052012,168 C240.202276,168 247.853477,163.033689 247.853477,151.711852 C247.853477,140.390014 234.699401,129.819034 222.549136,129.819034 C210.398872,129.819034 204.487301,135.605814 204.487301,146.927652 C204.487301,158.249489 215.901747,168 228.052012,168 Z"
id="Oval" stroke="#30518D" fill="#4E85E4"></path>
<path
d="M154,168 C166.150264,168 176.839672,157.896621 176.839672,147.40321 C176.839672,136.9098 168.680592,129.819034 156.530327,129.819034 C144.380063,129.819034 131.78706,140.726088 131.78706,151.219498 C131.78706,161.712909 141.849736,168 154,168 Z"
id="Oval" stroke="#304976" fill="#4E85E4"></path>
<ellipse id="Oval" fill="#E78291" cx="112" cy="291.5" rx="12" ry="11.5">
</ellipse>
</g>
</g>
</svg>
</a>
</div>
<ul class="footer-links list-reset">
<li>
<a href="mailto:[email protected]">Contact</a>
</li>
<li>
<a href="#">About us</a>
</li>
<li>
<a href="#">FAQ's</a>
</li>
</ul>
<ul class="footer-social-links list-reset">
<!-- <li>
<a href="#">
<span class="screen-reader-text">Facebook</span>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.023 16L6 9H3V6h3V4c0-2.7 1.672-4 4.08-4 1.153 0 2.144.086 2.433.124v2.821h-1.67c-1.31 0-1.563.623-1.563 1.536V6H13l-1 3H9.28v7H6.023z"
fill="#FFF" />
</svg>
</a>
</li>
<li>
<a href="#">
<span class="screen-reader-text">Twitter</span>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M16 3c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4C.7 7.7 1.8 9 3.3 9.3c-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1.4 1.3 1.6 2.3 3.1 2.3-1.1.9-2.5 1.4-4.1 1.4H0c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4C15 4.3 15.6 3.7 16 3z"
fill="#FFF" />
</svg>
</a>
</li>
<li>
<a href="#">
<span class="screen-reader-text">Google</span>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.9 7v2.4H12c-.2 1-1.2 3-4 3-2.4 0-4.3-2-4.3-4.4 0-2.4 2-4.4 4.3-4.4 1.4 0 2.3.6 2.8 1.1l1.9-1.8C11.5 1.7 9.9 1 8 1 4.1 1 1 4.1 1 8s3.1 7 7 7c4 0 6.7-2.8 6.7-6.8 0-.5 0-.8-.1-1.2H7.9z"
fill="#FFF" />
</svg>
</a>
</li> -->
</ul>
<div class="footer-copyright">© 2020 Modulette Inc., all rights reserved</div>
</div>
</div>
</footer>
</div>
<script src="dist/js/main.min.js"></script>
</body>
</html>