-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
820 lines (816 loc) · 44.6 KB
/
index.html
File metadata and controls
820 lines (816 loc) · 44.6 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
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
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
<!DOCTYPE html>
<html lang="en" style="overflow-x: hidden;">
<head>
<meta charset="utf-8" />
<title>Kumar Saptam Portfolio | A solopreneur</title>
<!-- OpenGraph Tags -->
<meta content="en_US" property="og:locale" />
<meta content="article" property="og:type" />
<meta content="https://sapython.me/" property="og:url" />
<meta content="Sapython" property="og:site_name" />
<meta content="Kumar Saptam's Portfolio" property="og:title" />
<meta content="Friday, April 23rd, 2021, 7:30 pm" name="revised" />
<meta
content="A self taught programmer who can build apps, websites, and servers. For any open source or commercial projects."
property="og:description" />
<meta content="https://sapython.me/images/logoFull.png" property="og:image" />
<meta content="Official Sapython Logo" property="og:image:alt" />
<meta content="image/png" property="og:image:type" />
<meta content="1500" property="og:image:width" />
<meta content="1500" property="og:image:height" />
<meta content="saptampro2003@gmail.com" name="og:email" />
<meta content="+91 9517457296" name="og:phone_number" />
<meta content="Avas Vikas Colony Jhunsi Allahabad" name="og:street-address" />
<meta content="India" name="og:locality" />
<meta content="IN" name="og:region" />
<meta content="211019" name="og:postal-code" />
<meta content="INDIA" name="og:country-name" />
<!-- Twitter Tags -->
<meta content="summary" property="twitter:card" />
<meta content="Kumar Saptam's Portfolio" property="twitter:title" />
<meta
content="A self taught programmer who can build apps, websites, and servers. For any open source or commercial projects."
property="twitter:description" />
<meta content="https://sapython.me/images/Sapython-Banner.webp" property="twitter:image" />
<meta content="Our Official sapython banner." property="twitter:image:alt" />
<meta content="@kumar_saptam" name="twitter:site" />
<meta content="@kumar_saptam" name="twitter:creator" />
<!-- General tags -->
<link href="manifest.json" rel="manifest" />
<meta content="#1b202a" name="theme-color" />
<meta content="Global" name="distribution" />
<meta content="Kumar Saptam" name="author" />
<link href="/favicon.ico" rel="icon" sizes="192x192" />
<link href="/favicon.ico" rel="icon" sizes="192x192 16x16 32x32 64x64 128x128" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="60000" http-equiv="Expires" />
<meta
content="Sapython the official website for sapython website studio and kumar saptam. Here you can order websites, apps, server managers and cross platform softwares.Here at Sapython you can get your custom websites and apps, with latest and greatest features."
name="description" />
<meta
content="Saptam, sapython, programming, python, app, website, kumar saptam, how to create a website, how to create an app, how to develop a website, develop a website for free, make a website for free, make an app for free, kumar saptam portfolio, "
name="keywords" />
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
<meta content="sapython" name="application-name" />
<meta content="Kumar Saptam" name="designer" />
<meta content="Kumar Saptam" name="owner" />
<meta content="https://sapython.me/" name="url" />
<meta content="The official home page of Sapython Solutions" name="pagename" />
<meta content="Worldwide" name="coverage" />
<meta content="General" name="rating" />
<meta content="7 days" name="revisit-after" />
<meta content="This is my subtitle" name="subtitle" />
<meta content="all" name="target" />
<meta content="True" name="HandheldFriendly" />
<meta content="320" name="MobileOptimized" />
<meta content="Jan. 23, 2021" name="date" />
<meta content="home page" name="medium" />
<!-- Apple tags -->
<meta content="Sapython" name="apple-mobile-web-app-title" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="yes" name="apple-touch-fullscreen" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link href="/logo.png" rel="apple-touch-icon" type="image/png" />
<link href="logo-72-72.png" rel="apple-touch-icon" sizes="72x72" />
<link href="logo-114-114.png" rel="apple-touch-icon" sizes="114x114" />
<link href="/Sapython-Banner.webp" rel="apple-touch-startup-image" />
<link href="/logo-114-114.png" rel="apple-touch-icon-precomposed" sizes="114x114" />
<link href="/logo-72-72.png" rel="apple-touch-icon-precomposed" sizes="72x72" />
<link href="/logo-57-57.png" rel="apple-touch-icon-precomposed" sizes="57x57" />
<!-- Google tags -->
<meta content="Python, Software, App, Website, Developer, Github, Fryerman" name="news_keywords" />
<meta content="index, follow" name="robots" />
<meta name="Googlebot:noarchive" />
<meta content="https://www.metatags.org/nospamharvesting" name="no-email-collection" />
<meta content="7 days" name="revisit-after" />
<!-- 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-PXCHCQ8');</script>
<!-- End Google Tag Manager -->
<!-- Site tags and sources -->
<link href="https://cdn.jsdelivr.net/npm/uikit@3.6.16/dist/css/uikit.min.css" loading="lazy" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="/favicon.ico" rel="icon" sizes="16x16 32x32" type="image/png" />
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.2.0/fonts/remixicon.css" rel="stylesheet" />
<script async="" src="https://cse.google.com/cse.js?cx=40adf45a21f030abf"></script>
<script loading="lazy" src="https://cdn.jsdelivr.net/npm/uikit@3.6.16/dist/js/uikit.min.js"></script>
<script loading="lazy" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
<script data-ad-client="ca-pub-1392419505356231" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script type="text/javascript">
if (navigator.serviceWorker.controller) {
console.log('[PWA] active service worker found, no need to register')
} else {
navigator.serviceWorker.register('webpushr-sw.js', {
scope: './'
}).then(function (reg) {
console.log('Service worker has been registered for scope:' + reg.scope);
});
}
</script>
<script>(function (w, d, s, id) { if (typeof (w.webpushr) !== 'undefined') return; w.webpushr = w.webpushr || function () { (w.webpushr.q = w.webpushr.q || []).push(arguments) }; var js, fjs = d.getElementsByTagName(s)[0]; js = d.createElement(s); js.id = id; js.async = 1; js.src = "https://cdn.webpushr.com/app.min.js"; fjs.parentNode.appendChild(js); }(window, document, 'script', 'webpushr-jssdk')); webpushr('setup', { 'key': 'BH1JS9pvHCXuWMMso3Vonr_xyrwFUtiRoKJwjr1lK86wTWiccxcIn9FtAd0ms9lnaokQw0JDuKW09uA5Lzkeemg' });</script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-PXCHCQ8"
style="display:none;visibility:hidden" width="0"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header id="header" style="height:100vh;width:100vw;background-color:#2C313B;">
<div class="particles-js-canvas-el" id="particles-js" style="z-index: -1;width: 100vw;height: 100vh;">
<nav class="uk-navbar-container navBar" uk-navbar="">
<div class="uk-navbar-left">
<button class="uk-padding-small" name="Navigation" style="background-color: transparent;border:none;"
type="button" uk-toggle="target: #offcanvas-nav-primary">
<span class="ri-menu-2-line" style="color:#1D89FF;font-size:x-large"></span>
</button>
</div>
<div class="uk-navbar-center">
<img alt="Sapython Official Logo" class="sapythonLogo" src="https://sapython.me/favicon.ico" />
<p class="logoTextFormatted" id="onMobile">Kumar Saptam</p>
<p class="logoTextFormatted uk-margin-medium-left" id="onDesktop">Sapython</p>
</div>
<div class="uk-navbar-right uk-margin-medium-right" id="onDesktop">
<ul class="uk-navbar-nav">
<li class="uk-active"><a href="https://sapython.me/">Home</a></li>
<li><a href="https://sapython.me/pages/blog/blog.html">Blog</a></li>
<li>
<a href="#">Posts</a>
<div class="uk-navbar-dropdown bg5"
uk-dropdown="animation: uk-animation-slide-top; duration: 400;delay-hide:300;">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a
href="https://sapython.me/pages/blog/posts/Top-5-most-interesting-and-usable-python-tricks-in-2021-.html">Top
5 Python tricks</a></li>
</ul>
</div>
</li>
<li><a href="https://sapython.me/pages/contact/contact.html">Contact</a></li>
<li><a href="https://sapython.me/pages/projects/projects.html"><button
class="bttn-pill bttn-fill bttn-md bttn-primary">Projects</button></a></li>
<div class="liftup uk-margin">
<div class="gcse-search">
<script loading="lazy">
var a = setInterval(() => {
var elements = document.getElementsByClassName("gsc-search-button")
for (let i = 0; i < elements.length; i++) {
elements[i].innerHTML = '<span uk-search-icon style="width:20px;height:20px"></span>'
document.getElementById("gsc-i-id1").placeholder = "Search"
document.getElementById("gsc-i-id1").style.background = "none"
clearInterval(a);
}
}, 500
)
</script>
</div>
</div>
</ul>
</div>
<div id="offcanvas-nav-primary" uk-offcanvas="mode: push;overlay: true">
<div class="uk-offcanvas-bar uk-flex uk-flex-column" id="navigationContainer">
<div><button class="uk-offcanvas-close" type="button" uk-close=""></button>
<ul id="navigation" uk-accordion="">
<li>
<a class="txt" href="https://sapython.me/pages/appointment/appointment.html"
style="font-size:1.25rem">
Appointment
</a>
</li>
<li>
<a class="uk-accordion-title" href="https://sapython.me/pages/blog/blog.html">Posts</a>
<div class="uk-accordion-content">
<ul style="list-style: none;">
<li><a class="uk-text-italic"
href="https://sapython.me/pages/blog/posts/Creating-and-using-modules-in-python-guide-for-2021-.html"><i
class="ri-pushpin-line"></i> Creating-And-Using-Modules-In-Python-Guide-For-2021-.Html</a>
</li>
<li><a class="uk-text-italic"
href="https://sapython.me/pages/blog/posts/Top-5-most-interesting-and-usable-python-tricks-in-2021-.html"><i
class="ri-pushpin-line"></i>
Top-5-Most-Interesting-And-Usable-Python-Tricks-In-2021-.Html</a></li>
</ul>
</div>
</li>
<li>
<a href="#">Minecraft</a>
<div class="uk-navbar-dropdown bg5"
uk-dropdown="animation: uk-animation-slide-top; duration: 400;delay-hide:300;">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="https://sapython.me/pages/blog/posts/TLauncher-CavesAndCliffs-Snapshot2-Download.html">Download Experimental snapshot 2</a></li>
<li><a href="https://sapython.me/pages/blog/posts/TLauncher-CavesAndCliffs-Snapshot3-Download.html">Download Experimental snapshot 3</a></li>
<li><a href="https://sapython.me/pages/blog/posts/TLauncher-CavesAndCliffs-Snapshot4-Download.html">Download Experimental snapshot 4</a></li>
<li><a href="https://sapython.me/pages/blog/posts/TLauncher-CavesAndCliffs-Snapshot5-Download.html">Download Experimental snapshot 5</a></li>
</ul>
</div>
</li>
<li>
<a class="txt" href="https://sapython.me/pages/blog/blog.html" style="font-size:1.25rem">
Blog
</a>
</li>
<li>
<a class="txt" href="https://sapython.me/pages/contact/contact.html" style="font-size:1.25rem">
Contact
</a>
</li>
<li>
<a class="txt" href="https://sapython.me/pages/projects/projects.html" style="font-size:1.25rem">
Projects
</a>
</li>
<li>
<a class="txt" href="https://sapython.me/index.html" style="font-size:1.25rem">
Home
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<div class="mainHeaderContent alignCenter wrapper">
<h1 style="display:none;">A self taught programmer, A self taught solopreneur,</h1>
<h2 class="horizontalCenter t1" style="color:whitesmoke;text-align: center;">Kumar Saptam</h2>
<h3><span class="text-slider-items" style="display: none;">A self taught programmer, A self taught solopreneur,
One who can build website, One who can build apps</span></h3>
<p class="text-slider" style="color: aliceblue;text-align: center;"></p>
<div class="uk-flex">
<a href="#plans" uk-scroll="">
<button class="bttn-pill bttn-md bttn-warning horizontalCenter">
Hire Me
</button>
</a>
<a href="./pages/contact/contact.html">
<button class="bttn-pill bttn-md bttn-danger uk-margin-left horizontalCenter nodec">
Contact Me
</button>
</a>
</div>
</div>
</div>
</header>
<section class="uk-section-muted uk-padding-small uk-child-width-expand@s uk-text-center bg" id="mockup" uk-grid="">
<div class="uk-card uk-cover-container mockupMobile FuWdMob" uk-scrollspy="cls: uk-animation-fade; repeat: false">
<img alt="Mobile App Mockup" loading="lazy"
src="https://res.cloudinary.com/sapython/image/upload/v1619787472/mockupMobile_yfc8zb.webp" />
</div>
<div class="uk-card uk-card">
<h2 class="txt" style="font-size: xx-large;">I believe that.</h2>
<br /><br />
<div style="text-align: center;">
<h4 class="txt" uk-scrollspy="cls: uk-animation-fade; repeat: false">
<span class="ri-edit-2-fill txt2"></span> Design is the other half of an
app.
</h4>
<h4 class="txt" uk-scrollspy="cls: uk-animation-fade; repeat: false">
<span class="ri-pencil-ruler-2-fill txt4"></span> A clear idea creates a focused app.
</h4>
<h4 class="txt" uk-scrollspy="cls: uk-animation-fade; repeat: false">
<span class="ri-global-line txt2"></span> An app should be independent of
internet
</h4>
<h4 class="txt" uk-scrollspy="cls: uk-animation-fade; repeat: false">
<span class="ri-git-repository-commits-line txt4"></span> A feature tree is most
important part
for an app
</h4>
<h4 class="txt" uk-scrollspy="cls: uk-animation-fade; repeat: false">
<span class="ri-typhoon-line txt2"></span> App cycle is an important step
before app
development
</h4>
<a href="#plans" uk-scroll=""><button class="bttn-slant bttn-md bttn-danger">See Our plans</button></a>
</div>
</div>
</section>
<section id="contact">
<div class="uk-height-large uk-background-cover uk-light uk-flex"
style="background-image: url('images/parallax.webp" uk-parallax="bgy: -400">
<h4 class="uk-width-1-2@m uk-text-center uk-margin-auto uk-margin-auto-vertical" style="font-size:xx-large;">
You can contact me.
<br />
<button class="bttn-float bttn-md curvey hrPadding" style="background-color:#111420;border: none;">
<a href="mailto:saptampro2003@gmail.com?&subject=I need some help. &body=I want to ask you about some software related information"
style="text-decoration: none;padding: 10px 10px 10px 10px;">
Mail Me
</a>
</button>
</h4>
</div>
</section>
<section class="uk-section-muted uk-padding-small uk-margin-large-top bg" id="projects">
<!-- <hr height=5 class="uk-divider-icon"> -->
<img class="absolute-align-left animationSVG" id="onDesktop" src="/images/animationSVGs/Standing.svg"
uk-scrollspy="cls: uk-animation-slide-left; repeat: false " />
<img class="absolute-align-right absolute-align-bottom-right animationSVG" id="onDesktop"
src="/images/animationSVGs/Humaaan.svg" uk-scrollspy="cls: uk-animation-slide-right; repeat: false" />
<div class="txt t2" style="text-align: center;">My Projects</div>
<div style="margin-top: 40px;">
<div class="uk-child-width-expand@s uk-text-center"
style="margin-left: 10vw;margin-right: 10vw;margin-bottom: 0px;" uk-grid=""
uk-scrollspy="cls: uk-animation-fade; target: .uk-card; delay: 200;">
<div class="uk-card uk-card-default uk-card-body uk-margin-small-right bg2 animatedBorder liftup"
style="height: fit-content;">
<h2 class="txt t2">Philosophy Today</h2>
<p class="t5">A wordpress based news and blogging website. Made for increasing sales and social media
presence.</p>
<ul class="uk-list">
<li class="t5"><span class="ri-speed-fill" style="color:orange;"></span> Website is optimised and has AMP
integrations.</li>
<li class="t5"><span class="ri-shield-user-fill" style="color:orange;"></span> Has user
registration capabilities.</li>
<li class="t5"><span class="ri-google-play-fill" style="color:orange;"></span> Has standalone
dynamic android app.</li>
<li class="t5"><span class="ri-money-dollar-box-fill" style="color:orange;"></span> The website is
monetized.</li>
</ul>
</div>
<div class="uk-card uk-card-default uk-card-body uk-margin-small-right bg4 animatedBorder liftup"
style="height: fit-content;">
<h2 class="txt t2">JPMC Trust</h2>
<p class="t5">A wordpress based website with core php based development. Made for speed and
functionality.</p>
<ul class="uk-list">
<li class="t5"><span class="ri-service-fill" style="color:orange;"></span> Owners are in love
with the funtionality.</li>
<li class="t5"><span class="ri-bar-chart-fill" style="color:orange;"></span> They get their
admission from this website.</li>
<li class="t5"><span class="ri-file-shield-2-fill" style="color:orange;"></span> Comes with full
spam protection throught the website</li>
<li class="t5"><span class="ri-road-map-fill" style="color:orange;"></span> The website
shows a full tour of their institution</li>
</ul>
</div>
</div>
<div class="uk-child-width-expand@s uk-text-center" style="margin-left: 10vw;margin-right: 10vw;" uk-grid=""
uk-scrollspy="cls: uk-animation-fade; target: .uk-card; delay: 200;">
<div class="uk-card uk-card-default uk-card-body uk-margin-small-right bg4 animatedBorder liftup"
style="height: fit-content;">
<h2 class="txt t2">Jaitra</h2>
<p class="t5">A Single Page App based PWA website, which is performant and robust.</p>
<ul class="uk-list">
<li class="t5"><span class="ri-refresh-fill" style="color:orange;"></span> Website has
live user interface which updates in real time.</li>
<li class="t5"><span class="ri-shield-keyhole-fill" style="color:orange;"></span> The Website is
protected using angular guards</li>
<li class="t5"><span class="ri-facebook-fill" style="color:orange;"></span> Integrates with
all social media for the auto posts feature.</li>
<li class="t5"><span class="ri-bar-chart-grouped-fill" style="color:orange;"></span> The website
is monitored using pingdom website optimisation tool</li>
</ul>
</div>
<div class="uk-card uk-card-default uk-card-body uk-margin-small-right bg2 animatedBorder liftup"
style="height: fit-content;">
<h2 class="txt t2">Sapython</h2>
<p class="t5">A custom and static website made for speed and reliabilty.</p>
<ul class="uk-list">
<li class="t5"><span class="ri-cloud-fill" style="color:orange;"></span> Comes with static and free hosting
for fast website.</li>
<li class="t5"><span class="ri-pushpin-fill" style="color:orange;"></span> Has blog and post features with
super fast speeds.</li>
<li class="t5"><span class="ri-notification-fill" style="color:orange;"></span> Provide a push notification
features.</li>
<li class="t5"><span class="ri-google-fill" style="color:orange;"></span> The website is monitored by Google
Search Console And Analytics</li>
</ul>
</div>
</div>
</div>
<div class="uk-text-center uk-margin-medium-top" uk-scrollspy="cls: uk-animation-scale-up; repeat: false">
<a href="./pages/projects/projects.html">
<button class="bttn-float bttn-md curvey hrPadding"
style="background-color:#c21c40;border: none;padding: 5px 30px;">
See All Projects
</button>
</a>
</div>
</section>
<section class="spacer"></section>
<section class="uk-section-muted uk-padding-small bg" id="plans">
<h3 style="font-size: xx-large;color: white;text-align: center;">App Plans</h3>
<div class="uk-child-width-expand@s uk-text-center" uk-grid=""
uk-scrollspy="cls: uk-animation-scale-up; target: >div repeat: false">
<div>
<div class="uk-card uk-card-default uk-card-body bg2 txt t3 liftup completeborder">
App Basic Plan
<p class="t5">₹ 10,000 or $ 133.46</p>
<button class="bttn-stretch bttn-md">Choose</button>
<hr class="uk-divider-small" />
<ul name="alpha" uk-accordion="">
<li>
<span class="uk-accordion-title t5" style="color: orange;text-decoration: none;">More
Options</span>
<div class="uk-accordion-content">
<ul class="uk-list uk-list-muted">
<li class="t5"><span class="ri-check-fill"></span> A beautiful themed app.
</li>
<li class="t5"><span class="ri-check-fill"></span> An auto generated UI using AI and ML</li>
<li class="t5"><span class="ri-check-fill"></span> Database is fully live
and synced.</li>
<li class="t5"><span class="ri-check-fill"></span> Comes with google
authentication.</li>
<li class="t5"><span class="ri-check-fill"></span> User data is fully
encrypted with AES hash.</li>
<li class="t5 wrongBody"><span class="ri-close-line"></span> Connects to google
analytics.</li>
<li class="t5 wrongBody"><span class="ri-close-line"></span> Future feature
updates.</li>
<li class="t5 wrongBody"><span class="ri-close-line"></span> Weekly
maintenance checks.</li>
<div style="height:120px"></div>
</ul>
<a href="https://rzp.io/l/oG4kFu9Co"><button class="bttn-unite bttn-md bttn-success"
style="padding: 5px 40px 5px 40px;background-color: #2b3241;">Buy Plan</button></a>
</div>
</li>
</ul>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body bg2 txt t3 liftup">
App Premium Plan
<p class="t5">₹ 40,000 or $ 533.83</p>
<button class="bttn-stretch bttn-md">Choose</button>
<hr class="uk-divider-small" />
<ul name="alpha" uk-accordion="">
<li>
<span class="uk-accordion-title t5" style="color: orange;text-decoration: none;">More
Options</span>
<div class="uk-accordion-content">
<ul class="uk-list uk-list-muted">
<li class="t5"><span class="ri-check-fill"></span> A custom hybrid app.
</li>
<li class="t5"><span class="ri-check-fill"></span> Implements upto 25
Features.</li>
<li class="t5"><span class="ri-check-fill"></span> Database is fully live
and synced.</li>
<li class="t5"><span class="ri-check-fill"></span> Comes with google
authentication.</li>
<li class="t5"><span class="ri-check-fill"></span> User data is fully
encrypted with AES hash.</li>
<li class="t5"><span class="ri-check-fill"></span> Connects to google
analytics.</li>
<li class="t5 wrongBody"><span class="ri-close-line"></span> Future feature
updates.</li>
<li class="t5 wrongBody"><span class="ri-close-line"></span> Weekly
maintenance checks.</li>
<div style="height:80px"></div>
</ul>
<p style="font-size:small;text-align: left;">*May require some extra addon price and data for future
upgrades.</p>
<a href="https://rzp.io/l/T8HAvVnFFt"><button class="bttn-unite bttn-md bttn-success"
style="padding: 5px 40px 5px 40px;background-color: #2b3241;">Buy Plan</button></a>
</div>
</li>
</ul>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body bg2 txt t3 liftup">
App Iconic Plan
<p class="t5">May vary between $ 300 upto $ 300k.</p>
<button class="bttn-stretch bttn-md">Choose</button>
<hr class="uk-divider-small" />
<ul name="alpha" uk-accordion="">
<li>
<span class="uk-accordion-title t5" style="color: orange;text-decoration: none;">More
Options</span>
<div class="uk-accordion-content">
<ul class="uk-list uk-list-muted">
<li class="t5"><span class="ri-check-fill"></span> A custom hybrid app.
</li>
<li class="t5"><span class="ri-check-fill"></span> Can implement any number of features.
</li>
<li class="t5"><span class="ri-check-fill"></span> Database is fully live
and synced.</li>
<li class="t5"><span class="ri-check-fill"></span> Comes with google
authentication.</li>
<li class="t5"><span class="ri-check-fill"></span> User data is fully
encrypted with AES hash.</li>
<li class="t5"><span class="ri-check-fill"></span> Connects to google
analytics.</li>
<li class="t5"><span class="ri-check-fill"></span> Uses Firestore for synced Database</li>
<li class="t5"><span class="ri-check-fill"></span> Uses crashlytics to help users deal with app
crashes</li>
<li class="t5"><span class="ri-check-fill"></span> Uses Test-Lab to test the apps in beta
testing.</li>
<li class="t5"><span class="ri-check-fill"></span> Future feature
updates.</li>
<li class="t5"><span class="ri-check-fill"></span> Weekly
maintenance checks.</li>
</ul>
<p style="font-size:small;text-align: left;">*May require some extra addon price and data for future
upgrades.</p>
<button class="bttn-unite bttn-md bttn-success"
style="padding: 5px 40px 5px 40px;background-color: #2b3241;">Contact Us</button>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="telephone">
<div class="uk-height-large uk-background-cover uk-light uk-flex"
style="background-image: url('https://res.cloudinary.com/sapython/image/upload/v1619787038/parallax2_ejgwfh.webp')"
uk-parallax="bgy: -400">
<div style="width:100%;height:100%;">
<form action="https://sapython.us1.list-manage.com/subscribe/post?u=36945f41714b84a3726d6bf4c&id=fb40d09aa5"
class="validate alignCenter subscribeForm uk-text-center" id="mc-embedded-subscribe-form" method="post"
name="mc-embedded-subscribe-form" novalidate="" style="position:relative" target="_blank">
<div id="mc_embed_signup_scroll">
<h4 class="uk-width-1-2@m uk-text-center uk-margin-auto uk-margin" style="font-size:xx-large;">
Subscribe</h4>
<input class="email uk-margin" id="mce-EMAIL" name="EMAIL" placeholder="Email" required="" type="email" />
<div aria-hidden="true" style="position: absolute; left: -5000px;"><input
name="b_36945f41714b84a3726d6bf4c_fb40d09aa5" tabindex="-1" type="text" value="" /></div>
<div class="clear uk-margin"><input class="bttn-pill bttn-md" id="mc-embedded-subscribe" name="subscribe"
style="background-color: #FEE7B1;color:#0E2A3E;" type="submit" value="Subscribe" /></div>
</div>
</form>
</div>
</div>
</section>
<section class="uk-section-muted uk-padding-small bg" id="webPlans">
<div class="uk-child-width-expand@s uk-text-center" uk-grid="">
<div>
<div class="uk-card uk-card-default uk-card-body bg2 txt t3 liftup completeborder">
Website Basic Plan
<p class="t5">₹ 10,000 or $ 133.46</p>
<button class="bttn-stretch bttn-md">Choose</button>
<hr class="uk-divider-small" />
<ul name="alpha" uk-accordion="">
<li>
<span class="uk-accordion-title t5" style="color: orange;text-decoration: none;">More
Options</span>
<div class="uk-accordion-content">
<ul class="uk-list uk-list-muted">
<li class="t5"><span class="ri-check-fill"></span> A prebuilt website.
</li>
<li class="t5"><span class="ri-check-fill"></span> Has two options E-Commerce or Blog Based
Website.</li>
<li class="t5"><span class="ri-check-fill"></span> Database is fully live
and synced.</li>
<li class="t5"><span class="ri-check-fill"></span> Comes with google
authentication.</li>
<li class="t5"><span class="ri-check-fill"></span> User data is fully
encrypted with AES hash.</li>
<li class="t5"><span class="ri-check-fill"></span> Connects to google
analytics.</li>
<li class="t5 wrongBody"><span class="ri-close-line"></span> Future feature
updates.</li>
<li class="t5 wrongBody"><span class="ri-close-line"></span> Weekly
maintenance checks.</li>
</ul>
<a href="https://rzp.io/l/wVplF4g"><button class="bttn-unite bttn-md bttn-success"
style="padding: 5px 40px 5px 40px;background-color: #2b3241;">Buy Plan</button></a>
</div>
</li>
</ul>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body bg2 txt t3 liftup">
Website Premium Plan
<p class="t5">$ 199.99</p>
<button class="bttn-stretch bttn-md">Choose</button>
<hr class="uk-divider-small" />
<ul name="alpha" uk-accordion="">
<li>
<span class="uk-accordion-title t5" style="color: orange;text-decoration: none;">More
Options</span>
<div class="uk-accordion-content">
<ul class="uk-list uk-list-muted">
<li class="t5"><span class="ri-check-fill"></span> A custom hybrid app.
</li>
<li class="t5"><span class="ri-check-fill"></span> Implements upto 25
Features.</li>
<li class="t5"><span class="ri-check-fill"></span> Database is fully live
and synced.</li>
<li class="t5"><span class="ri-check-fill"></span> Comes with google
authentication. </li>
<li class="t5"><span class="ri-check-fill"></span> User data is fully
encrypted with AES hash.</li>
<li class="t5"><span class="ri-check-fill"></span> Connects to google
analytics. </li>
<li class="t5 wrongBody"><span class="ri-close-line"></span> Future feature
updates.</li>
<li class="t5 wrongBody"><span class="ri-close-line"></span> Weekly
maintenance checks.</li>
</ul>
<a href="https://rzp.io/l/qLWZmX3s8U"><button class="bttn-unite bttn-md bttn-success"
style="padding: 5px 40px 5px 40px;background-color: #2b3241;">Buy Plan</button></a>
</div>
</li>
</ul>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body bg2 txt t3 liftup">
Website Iconic Plan
<p class="t5">May vary between $ 300 upto $ 300k.</p>
<button class="bttn-stretch bttn-md">Choose</button>
<hr class="uk-divider-small" />
<ul name="alpha" uk-accordion="">
<li>
<span class="uk-accordion-title t5" style="color: orange;text-decoration: none;">More
Options</span>
<div class="uk-accordion-content">
<ul class="uk-list uk-list-muted">
<li class="t5"><span class="ri-check-fill"></span> A custom hybrid app.</li>
<li class="t5"><span class="ri-check-fill"></span> Implements upto 25
Features.</li>
<li class="t5"><span class="ri-check-fill"></span> Database is fully live
and synced.</li>
<li class="t5"><span class="ri-check-fill"></span> Comes with google
authentication.</li>
<li class="t5"><span class="ri-check-fill"></span> User data is fully
encrypted with AES hash.</li>
<li class="t5"><span class="ri-check-fill"></span> Connects to google
analytics.</li>
<li class="t5 wrongBody"><span class="ri-close-line"></span> Future feature
updates.</li>
<li class="t5 wrongBody"><span class="ri-close-line"></span> Weekly
maintenance checks.</li>
</ul>
<button class="bttn-unite bttn-md bttn-success"
style="padding: 5px 40px 5px 40px;background-color: #2b3241;">Contact Us</button>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="uk-section uk-padding-small bg" id="about">
<div class="mainContent">
<div class="featuresContainer">
<div class="uk-panel">
<div style="width:100vw;">
<img alt="Kumar Saptam" class="userImage liftup" loading="lazy"
src="https://res.cloudinary.com/sapython/image/upload/v1619787018/Kumar_Saptam_kshcsk.jpg" />
</div>
<div class="uk-card uk-card-body uk-padding-large uk-box-shadow-hover-large uk-width-auto uk-align-center bg3"
style="margin:20px 20px 0px 20px;">
<!-- ShareThis BEGIN -->
<div class="sharethis-inline-follow-buttons"></div><!-- ShareThis END -->
<p style="font-size: larger;"><span style="font-size: xx-large;">A </span> <span
class="txt3">well-experienced</span>
programmer who is dedicated towards making <span class="txt3">creative</span> and interactive websites and
apps.</p>
<p style="font-size: larger;">Sapython the official website for sapython website studio and kumar saptam.
Here you can order websites, apps, server managers and cross platform softwares.</p>
<p style="font-size: larger;"> Saptam is a well-rounded
<span class="txt3"> website and app designer</span> and developer with <span class="txt3">6 years of
experience</span> working as a
developer and brand identity designer for large corporations, mainly in the e-commerce
sector.
</p>
<p style="font-size: larger;"> He has been a <span class="txt3">senior
developer for Jaitra since 2018.</span> Most recently, He was responsible for
solely developing an e-commerce food ordering app for the FryerMan.co. His main focus is
creating content that not only inspires others but also functions as a powerful marketing
tool
to increase sales. He believes that positivity and freedom are the necessity for any
creative
development to exist- a concept he lives out through his interest in coding and playing
chess.
</p>
<p style="font-size: larger;"> He specializes in <span class="txt3">hybrid
app development</span> and <span class="txt3">Progressive Web App</span> development. By using
technologies like <span class="txt3">flutter</span> he can create apps both for Android and IOS. Which are
high in
performance and look nice with an amazing User Interface built with great User Experience.
He also creates Progressive Web App which is performing websites that function as an app but are
structured like a website, no need to install it just visit the page and it's loaded. </p>
<p style="font-size: larger;"> In all of Saptam's past
positions, he has consistently <span class="txt3">increased software performance</span>,
functionality, <span class="txt3">UI design</span>, improved <span class="txt3">server management</span>,
memberships, newsletter signups, and
more.
He has successfully discovered new niche markets and strategic partnerships for companies of
all sizes, <span class="txt3">refined product strategies, increased brand reach, reworked brands</span>,
and developed and
implemented technological plans.</p>
<p class="uk-text-center t3">Follow Me</p>
<div class="socials-custom">
<a href="https://twitter.com/saptam_kumar/" name="Click To Follow me on twitter."><img
alt="Twitter Follow Button" loading="lazy" src="/images/socials/001-twitter.png" /></a>
<a href="https://www.linkedin.com/in/kumar-saptam-06312a17b/" name="Click To Follow me on linkdin."><img
alt="Linkedin Follow Button" loading="lazy" src="/images/socials/010-linkedin.png" /></a>
<a href="https://www.youtube.com/channel/UCAauImO0bkSUOAQwGjxSx1Q"
name="Click To Follow me on youtube."><img alt="Twitter Follow Button" loading="lazy"
src="/images/socials/007-youtube.png" /></a>
<a href="https://github.com/Sapython" name="Click To Follow me on twitter."><img
alt="Twitter Follow Button" loading="lazy" src="/images/socials/017-github.png" /></a>
</div>
</div>
</div>
</div>
</div>
<hr class="uk-divider-icon" />
</section>
<section>
<div class="uk-section-default">
<div class="uk-section uk-light uk-background-cover"
style="background-image: url('https://res.cloudinary.com/sapython/image/upload/v1619786993/sectionBackground2_lxezcc.webp')"
uk-parallax="bgx:200">
<div class="uk-container">
<h3>Thoughts On Technology</h3>
<div class="uk-grid-match uk-child-width-1-3@m" uk-grid="">
<div>
<p>It has become appallingly obvious that our technology has exceeded our humanity</p>
</div>
<div>
<p>The Web as I envisaged it, we have not seen it yet. The future is still so much bigger
than the past.</p>
</div>
<div>
<p>Once a new technology rolls over you, if you're not part of the steamroller, you're part
of the road.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="uk-padding-small bg2 liftuptop wrapper uk-height-1-2@s uk-padding uk-height-1-3@l uk-height-1-3@xl"
id="footer">
<img alt="Heart" height="50" loading="lazy" src="./images/heart.png" width="50" />
<p>Made with love from Saptam</p>
<a href="#header" uk-scroll="">
<button class="up">
<span class="ri-arrow-up-line" style="font-size: 30px;color:white;"></span>
</button>
</a>
<div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a
href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>
</footer>
<script type="application/ld+json">
{
"@context": "https://www.schema.org/",
"@type": "Person",
"name" : "Kumar Saptam",
"url": "https://sapython.me/",
"sameAs" : [
"https://github.com/Sapython/",
"twitter.com/saptam_kumar",
"https://t.me/Saptam2003",
"https://www.linkedin.com/in/kumar-saptam-06312a17b/"
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://www.schema.org/",
"@type": "LocalBusiness",
"name": "Sapython",
"url": "https://sapython.me/",
"logo": "https://sapython.me/images/logo.png",
"telephone": "+91 9517457296",
"pricerange":["50$","100$","300$","1000$","5000$"],
"image": "https://sapython.me/images/Sapython-Banner.webp",
"description": "A one stop solution for apps and website get your website running under 6 hours.",
"address": {
"@type": "PostalAddress",
"streetAddress": "6/202 Avas Vikas Colony, Jhunsi",
"addressLocality": "Allahabad",
"addressRegion": "Uttar Pradesh",
"postalCode": "211019",
"addressCountry": "India"
},
"hasMap": "https://www.google.com/maps/place/SAPYTHON+Website+Studio/@25.424945,81.9089003,17z/data=!3m1!4b1!4m5!3m4!1s0x39854b1065fbdfdd:0xd7a8875ef5f93d8e!8m2!3d25.424945!4d81.911089",
"openingHours": "Mo, Tu, We, Th, Fr 08:00-05:30 Sa 08:00-19:30",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "(91) 9517457296",
"contactType": "general"
}
}
</script>
<script src="https://res.cloudinary.com/sapython/raw/upload/v1619788257/javascripts/output.min_jevqnr.js"></script>
<script src="https://res.cloudinary.com/sapython/raw/upload/v1619788258/javascripts/script_xatbvo.js"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-37TRNTCP6D');
if ($(".text-slider").length == 1) {
var typed_strings =
$(".text-slider-items").text();
var typed = new Typed(".text-slider", {
strings: typed_strings.split(", "),
typeSpeed: 50,
loop: true,
backDelay: 900,
backSpeed: 30,
});
}
</script>
</body>
</html>