forked from mirchandani-mohnish/DemainV2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1017 lines (948 loc) · 62.9 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
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
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<title>Demain</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nothing+You+Could+Do" rel="stylesheet">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<link rel="stylesheet" href="css/jquery.timepicker.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/newstyle.css">
<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="index.html"><span class="flaticon-pizza-1 mr-1"></span>Demain<br><small>Simplicity</small></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav ml-auto">
<!-- <li class="nav-item active"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="menu.html" class="nav-link">Menu</a></li>
<li class="nav-item"><a href="services.html" class="nav-link">Services</a></li>
<li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li> -->
</ul>
</div>
</div>
</nav>
<!-- END nav -->
<section class="home-slider owl-carousel img" style="background-image: url(images/bg_1.jpg);">
<div class="slider-item">
<div class="overlay"></div>
<div class="container">
<div class="row slider-text align-items-center" data-scrollax-parent="true">
<div class="col-md-6 col-sm-12 ftco-animate">
<span class="subheading">Demain</span>
<h1 class="mb-4">The University Canteen</h1>
<p class="mb-4 mb-md-5">Your Canteen Access Portal</p>
<p><a href="#feedbackSection" class="btn btn-primary p-3 px-xl-4 py-xl-3">Feedback</a> <a href="#analyticsSection" class="btn btn-white btn-outline-white p-3 px-xl-4 py-xl-3">Analytics</a></p>
</div>
<div class="col-md-6 ftco-animate rounded-circle ">
<img src="images/chairs_circle.png" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</section>
<div class="container justify-content-center p-4 text-center">
<h2 class="mt-4 mb-2">Decide Where To Go...</h2>
<h5 class="mb-4">Check the crowd at your favourite hangout spots...</h5>
</div>
<section class="- - img">
<div class="-">
<!-- <div class="overlay"></div> -->
<div class="container">
<div class="row " data-scrollax-parent="true">
<!-- <div class="col-md-6 col-sm-12 ftco-animate"> -->
<!-- <span class="subheading">Demian</span> -->
<!-- <h1 class="mb-4">The University Canteen</h1>
<p class="mb-4 mb-md-5">Your Canteen Access Portal</p> -->
<!-- <p><a href="#feedbackSection" class="btn btn-primary p-3 px-xl-4 py-xl-3">Feedback</a> <a href="#analyticsSection" class="btn btn-white btn-outline-white p-3 px-xl-4 py-xl-3">Analytics</a></p> -->
<!-- </div> -->
<div class="mt-5 d-flex flex-column flex-md-row z-10 justify-content-center w-full col-lg-12 align-items-center align-items-md-start" style="margin-top:30px; margin-bottom: 100px; height: auto;" >
<div class="jjk" style=" background-image:url(images/hero-canteen.png)">
<div style="width: 100%;
height: 100%; background: radial-gradient(119.86% 100.62% at 115.43% 67.41%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.78) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
border-radius: 24px;"></div>
<!-- <img src="images/hero-canteen.png" style="width: 350px;height: 395px;"/> -->
<p>THE UNIVERSITY CANTEEN</p>
<div style="position: absolute; bottom:30px; left:30px;">
<svg width="138" height="138" viewBox="0 0 138 138" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.59227 87.1808C-0.924409 74.7624 -0.852999 61.6377 2.74531 49.3126C3.52077 46.6565 6.42557 45.3428 9.01797 46.3103C11.6106 47.2778 12.9054 50.16 12.1648 52.8264C10.778 57.8184 10.0369 63.0791 10.0369 68.5129C10.0369 100.809 36.2178 126.989 68.5135 126.989C100.809 126.989 126.99 100.809 126.99 68.5129C126.99 37.9964 103.614 12.9395 73.792 10.2713C71.0314 10.0243 68.7867 7.78987 68.7991 5.01819C68.8116 2.2467 71.0717 -0.00904846 73.8349 0.206177C86.6329 1.203 98.9308 5.77995 109.299 13.4616C121.016 22.1418 129.657 34.3336 133.967 48.2636C138.276 62.1936 138.029 77.1352 133.261 90.9151C128.494 104.695 119.454 116.594 107.457 124.883C95.4601 133.171 81.1319 137.415 66.5564 136.999C51.981 136.582 37.9186 131.526 26.4146 122.566C14.9107 113.607 6.56526 101.21 2.59227 87.1808Z" fill="white"/>
<path d="M41.3347 81.4873C39.4341 81.4873 37.7466 81.1677 36.2722 80.5285C34.8063 79.8893 33.6557 79.0157 32.8205 77.9077C31.9938 76.7913 31.5847 75.5256 31.5932 74.1109C31.5847 73.0114 31.8233 72.0015 32.3091 71.081C32.7949 70.1606 33.4512 69.3935 34.2779 68.7799C35.1131 68.1577 36.0421 67.7614 37.0648 67.591V67.412C35.7182 67.1137 34.6273 66.4276 33.7921 65.3538C32.9654 64.2714 32.5563 63.0228 32.5648 61.608C32.5563 60.2614 32.9313 59.0597 33.6898 58.0029C34.4483 56.9461 35.4881 56.1151 36.8091 55.51C38.1301 54.8964 39.6387 54.5896 41.3347 54.5896C43.0137 54.5896 44.5094 54.8964 45.8219 55.51C47.1429 56.1151 48.1827 56.9461 48.9412 58.0029C49.7083 59.0597 50.0918 60.2614 50.0918 61.608C50.0918 63.0228 49.6699 64.2714 48.8262 65.3538C47.9909 66.4276 46.9128 67.1137 45.5918 67.412V67.591C46.6145 67.7614 47.535 68.1577 48.3531 68.7799C49.1798 69.3935 49.8361 70.1606 50.3219 71.081C50.8162 72.0015 51.0634 73.0114 51.0634 74.1109C51.0634 75.5256 50.6458 76.7913 49.8105 77.9077C48.9753 79.0157 47.8247 79.8893 46.3588 80.5285C44.9014 81.1677 43.2267 81.4873 41.3347 81.4873ZM41.3347 77.831C42.3148 77.831 43.1671 77.6648 43.8915 77.3325C44.6159 76.9915 45.1784 76.5143 45.579 75.9006C45.9796 75.287 46.1841 74.5796 46.1926 73.7785C46.1841 72.9433 45.9668 72.206 45.5406 71.5668C45.123 70.9191 44.5477 70.412 43.8148 70.0455C43.0904 69.679 42.2637 69.4958 41.3347 69.4958C40.3972 69.4958 39.562 69.679 38.829 70.0455C38.096 70.412 37.5165 70.9191 37.0904 71.5668C36.6727 72.206 36.4682 72.9433 36.4767 73.7785C36.4682 74.5796 36.6642 75.287 37.0648 75.9006C37.4654 76.5058 38.0279 76.9788 38.7523 77.3197C39.4852 77.6606 40.346 77.831 41.3347 77.831ZM41.3347 65.9035C42.1358 65.9035 42.8432 65.7415 43.4568 65.4177C44.079 65.0938 44.5691 64.6421 44.927 64.0626C45.285 63.483 45.4682 62.814 45.4767 62.0555C45.4682 61.3055 45.2892 60.6492 44.9398 60.0867C44.5904 59.5157 44.1046 59.0768 43.4824 58.77C42.8602 58.4546 42.1443 58.2969 41.3347 58.2969C40.508 58.2969 39.7793 58.4546 39.1486 58.77C38.5264 59.0768 38.0406 59.5157 37.6912 60.0867C37.3503 60.6492 37.1841 61.3055 37.1926 62.0555C37.1841 62.814 37.3546 63.483 37.704 64.0626C38.062 64.6336 38.552 65.0853 39.1742 65.4177C39.8049 65.7415 40.525 65.9035 41.3347 65.9035ZM64.9437 81.6279C62.8386 81.6279 61.0318 81.0952 59.5232 80.0299C58.0232 78.956 56.8684 77.4092 56.0588 75.3893C55.2576 73.3609 54.8571 70.9191 54.8571 68.064C54.8656 65.2089 55.2704 62.7799 56.0715 60.7771C56.8812 58.7657 58.036 57.2316 59.536 56.1748C61.0446 55.118 62.8471 54.5896 64.9437 54.5896C67.0403 54.5896 68.8428 55.118 70.3514 56.1748C71.8599 57.2316 73.0147 58.7657 73.8159 60.7771C74.6255 62.7884 75.0303 65.2174 75.0303 68.064C75.0303 70.9276 74.6255 73.3737 73.8159 75.4021C73.0147 77.4219 71.8599 78.9646 70.3514 80.0299C68.8514 81.0952 67.0488 81.6279 64.9437 81.6279ZM64.9437 77.6265C66.5801 77.6265 67.8713 76.8211 68.8173 75.2103C69.7718 73.591 70.2491 71.2089 70.2491 68.064C70.2491 65.9844 70.0318 64.2373 69.5971 62.8225C69.1624 61.4077 68.5488 60.3424 67.7562 59.6265C66.9636 58.9021 66.0261 58.5398 64.9437 58.5398C63.3159 58.5398 62.0289 59.3495 61.0829 60.9688C60.1369 62.5796 59.6596 64.9447 59.6511 68.064C59.6426 70.1521 59.8514 71.9077 60.2775 73.331C60.7122 74.7543 61.3258 75.8282 62.1184 76.5526C62.911 77.2685 63.8528 77.6265 64.9437 77.6265ZM93.2764 76.2202V74.8396C93.2764 73.8254 93.4895 72.8921 93.9156 72.0398C94.3503 71.1876 94.981 70.5015 95.8077 69.9816C96.6344 69.4617 97.6358 69.2018 98.812 69.2018C100.022 69.2018 101.036 69.4617 101.855 69.9816C102.673 70.493 103.291 71.1748 103.708 72.0271C104.134 72.8793 104.347 73.8168 104.347 74.8396V76.2202C104.347 77.2344 104.134 78.1677 103.708 79.02C103.282 79.8722 102.656 80.5583 101.829 81.0782C101.011 81.5981 100.005 81.858 98.812 81.858C97.6188 81.858 96.6088 81.5981 95.7821 81.0782C94.9554 80.5583 94.329 79.8722 93.9029 79.02C93.4852 78.1677 93.2764 77.2344 93.2764 76.2202ZM96.6131 74.8396V76.2202C96.6131 76.8935 96.775 77.5114 97.0989 78.0739C97.4227 78.6364 97.9938 78.9177 98.812 78.9177C99.6387 78.9177 100.205 78.6407 100.512 78.0867C100.828 77.5242 100.985 76.9021 100.985 76.2202V74.8396C100.985 74.1577 100.836 73.5356 100.538 72.9731C100.24 72.4021 99.6642 72.1165 98.812 72.1165C98.0108 72.1165 97.4441 72.4021 97.1117 72.9731C96.7793 73.5356 96.6131 74.1577 96.6131 74.8396ZM79.9682 61.2373V59.8566C79.9682 58.8339 80.1855 57.8964 80.6202 57.0441C81.0548 56.1918 81.6855 55.51 82.5122 54.9987C83.3389 54.4788 84.3404 54.2188 85.5165 54.2188C86.7182 54.2188 87.7281 54.4788 88.5463 54.9987C89.373 55.51 89.9952 56.1918 90.4128 57.0441C90.8304 57.8964 91.0392 58.8339 91.0392 59.8566V61.2373C91.0392 62.26 90.8262 63.1975 90.4 64.0498C89.9824 64.8935 89.3602 65.5711 88.5335 66.0825C87.7068 66.5938 86.7012 66.8495 85.5165 66.8495C84.3148 66.8495 83.3006 66.5938 82.4739 66.0825C81.6557 65.5711 81.0335 64.8893 80.6074 64.037C80.1813 63.1847 79.9682 62.2515 79.9682 61.2373ZM83.3304 59.8566V61.2373C83.3304 61.9191 83.4881 62.5413 83.8034 63.1038C84.1273 63.6577 84.6983 63.9347 85.5165 63.9347C86.3347 63.9347 86.8972 63.6577 87.204 63.1038C87.5193 62.5413 87.677 61.9191 87.677 61.2373V59.8566C87.677 59.1748 87.5279 58.5526 87.2296 57.9901C86.9313 57.4191 86.3602 57.1336 85.5165 57.1336C84.7068 57.1336 84.1401 57.4191 83.8162 57.9901C83.4923 58.5612 83.3304 59.1833 83.3304 59.8566ZM81.4256 81.1293L99.4256 54.9475H102.622L84.6216 81.1293H81.4256Z" fill="white"/>
</svg>
</div>
</div>
<div class="jjk" style=" background-image:url(images/hero-airport.png);">
<div style="width: 100%;
height: 100%; background: radial-gradient(119.86% 100.62% at 115.43% 67.41%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.78) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
border-radius: 24px;"></div>
<!-- <img src="images/hero-canteen.png" style="width: 350px;height: 395px;"/> -->
<p>THE AIRPORT AREA</p>
<div style="position: absolute; bottom:30px; left:30px;">
<svg width="128" height="138" viewBox="0 0 128 138" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.2484 128.151C16.2685 123.072 8.57055 116.043 2.70874 107.605C1.12808 105.33 1.93311 102.241 4.31783 100.831C6.70095 99.4222 9.75822 100.225 11.368 102.478C21.9738 117.318 39.3452 126.991 58.9759 126.991C91.2717 126.991 117.453 100.81 117.453 68.5138C117.453 37.9364 93.9837 12.8404 64.0762 10.2563C61.3148 10.0178 59.0633 7.79013 59.0673 5.01846C59.0713 2.24686 61.3245 -0.0158844 64.0884 0.190918C74.3328 0.957428 84.2967 4.02013 93.2307 9.17768C103.617 15.1735 112.247 23.7903 118.259 34.1669C124.271 44.5436 127.454 56.3164 127.49 68.3088C127.526 80.3011 124.413 92.0928 118.463 102.505C112.514 112.918 103.935 121.586 93.5852 127.644C83.2353 133.702 71.4766 136.937 59.4845 137.026C47.4925 137.115 35.6871 134.055 25.2484 128.151Z" fill="white"/>
<path d="M24.7854 81.1301L35.9203 59.0903V58.9113H22.9956V54.9482H40.8294V59.0008L29.7073 81.1301H24.7854ZM54.0705 81.6286C51.9654 81.6286 50.1586 81.096 48.6501 80.0306C47.1501 78.9568 45.9953 77.4099 45.1856 75.39C44.3845 73.3616 43.9839 70.9198 43.9839 68.0647C43.9924 65.2096 44.3972 62.7806 45.1984 60.7778C46.008 58.7664 47.1629 57.2323 48.6629 56.1755C50.1714 55.1187 51.974 54.5903 54.0705 54.5903C56.1671 54.5903 57.9697 55.1187 59.4782 56.1755C60.9867 57.2323 62.1416 58.7664 62.9427 60.7778C63.7524 62.7892 64.1572 65.2181 64.1572 68.0647C64.1572 70.9284 63.7524 73.3744 62.9427 75.4028C62.1416 77.4227 60.9867 78.9653 59.4782 80.0306C57.9782 81.096 56.1757 81.6286 54.0705 81.6286ZM54.0705 77.6272C55.7069 77.6272 56.9981 76.8218 57.9441 75.211C58.8987 73.5917 59.3759 71.2096 59.3759 68.0647C59.3759 65.9852 59.1586 64.238 58.724 62.8232C58.2893 61.4085 57.6757 60.3431 56.883 59.6272C56.0904 58.9028 55.1529 58.5406 54.0705 58.5406C52.4427 58.5406 51.1558 59.3502 50.2097 60.9696C49.2637 62.5803 48.7865 64.9454 48.7779 68.0647C48.7694 70.1528 48.9782 71.9085 49.4043 73.3318C49.839 74.7551 50.4526 75.8289 51.2453 76.5534C52.0379 77.2693 52.9796 77.6272 54.0705 77.6272ZM82.4033 76.221V74.8403C82.4033 73.8261 82.6164 72.8928 83.0425 72.0406C83.4771 71.1883 84.1078 70.5022 84.9345 69.9823C85.7612 69.4625 86.7627 69.2025 87.9388 69.2025C89.149 69.2025 90.1632 69.4625 90.9814 69.9823C91.7996 70.4937 92.4175 71.1755 92.8351 72.0278C93.2612 72.8801 93.4743 73.8176 93.4743 74.8403V76.221C93.4743 77.2352 93.2612 78.1684 92.8351 79.0207C92.409 79.873 91.7825 80.559 90.9558 81.0789C90.1377 81.5988 89.132 81.8588 87.9388 81.8588C86.7456 81.8588 85.7357 81.5988 84.909 81.0789C84.0823 80.559 83.4558 79.873 83.0297 79.0207C82.6121 78.1684 82.4033 77.2352 82.4033 76.221ZM85.7399 74.8403V76.221C85.7399 76.8943 85.9019 77.5122 86.2257 78.0747C86.5496 78.6372 87.1206 78.9184 87.9388 78.9184C88.7655 78.9184 89.3323 78.6414 89.6391 78.0875C89.9544 77.525 90.1121 76.9028 90.1121 76.221V74.8403C90.1121 74.1585 89.9629 73.5363 89.6646 72.9738C89.3664 72.4028 88.7911 72.1173 87.9388 72.1173C87.1377 72.1173 86.5709 72.4028 86.2385 72.9738C85.9061 73.5363 85.7399 74.1585 85.7399 74.8403ZM69.095 61.238V59.8573C69.095 58.8346 69.3124 57.8971 69.747 57.0448C70.1817 56.1926 70.8124 55.5107 71.6391 54.9994C72.4658 54.4795 73.4672 54.2196 74.6433 54.2196C75.845 54.2196 76.855 54.4795 77.6732 54.9994C78.4999 55.5107 79.122 56.1926 79.5396 57.0448C79.9573 57.8971 80.1661 58.8346 80.1661 59.8573V61.238C80.1661 62.2607 79.953 63.1982 79.5269 64.0505C79.1092 64.8943 78.4871 65.5718 77.6604 66.0832C76.8337 66.5946 75.828 66.8502 74.6433 66.8502C73.4416 66.8502 72.4274 66.5946 71.6007 66.0832C70.7825 65.5718 70.1604 64.89 69.7342 64.0377C69.3081 63.1855 69.095 62.2522 69.095 61.238ZM72.4573 59.8573V61.238C72.4573 61.9198 72.6149 62.542 72.9303 63.1045C73.2541 63.6585 73.8252 63.9355 74.6433 63.9355C75.4615 63.9355 76.024 63.6585 76.3308 63.1045C76.6462 62.542 76.8039 61.9198 76.8039 61.238V59.8573C76.8039 59.1755 76.6547 58.5534 76.3564 57.9909C76.0581 57.4198 75.4871 57.1343 74.6433 57.1343C73.8337 57.1343 73.2669 57.4198 72.9431 57.9909C72.6192 58.5619 72.4573 59.184 72.4573 59.8573ZM70.5524 81.1301L88.5524 54.9482H91.7485L73.7485 81.1301H70.5524Z" fill="white"/>
</svg>
</div>
</div>
<div class="jjk" style=" background-image:url(images/hero-courtyard.png);">
<div style="width: 100%;
height: 100%; background: radial-gradient(119.86% 100.62% at 115.43% 67.41%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.78) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
border-radius: 24px;"></div>
<!-- <img src="images/hero-canteen.png" style="width: 350px;height: 395px;"/> -->
<p>THE GICT COURTYARD</p>
<div style="position: absolute; bottom:30px; left:30px;">
<svg width="128" height="138" viewBox="0 0 128 138" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.5161 5.02032C59.4926 7.79196 61.7253 10.0352 64.4851 10.2931C87.1923 12.4149 106.128 27.5204 113.795 48.1113C114.761 50.7053 117.502 52.2794 120.17 51.5395C122.836 50.7999 124.415 48.0308 123.483 45.4258C119.057 33.0595 111.154 22.1893 100.677 14.1523C90.2021 6.11684 77.6588 1.30086 64.571 0.228714C61.8088 0.00242615 59.5397 2.24901 59.5161 5.02032Z" fill="white"/>
<path d="M22.9301 81.1301V77.7039L32.0196 68.7934C32.8889 67.9156 33.6133 67.1357 34.1929 66.4539C34.7724 65.7721 35.2071 65.1116 35.4969 64.4724C35.7866 63.8332 35.9315 63.1514 35.9315 62.4269C35.9315 61.6002 35.744 60.8928 35.369 60.3048C34.994 59.7082 34.4784 59.248 33.8221 58.9241C33.1659 58.6002 32.4202 58.4383 31.5849 58.4383C30.7241 58.4383 29.9699 58.6173 29.3221 58.9752C28.6744 59.3247 28.1716 59.8232 27.8136 60.471C27.4642 61.1187 27.2895 61.89 27.2895 62.7849H22.7767C22.7767 61.123 23.1559 59.6784 23.9145 58.4511C24.673 57.2238 25.717 56.2735 27.0466 55.6002C28.3846 54.9269 29.9187 54.5903 31.6488 54.5903C33.4045 54.5903 34.9471 54.9184 36.2767 55.5747C37.6062 56.2309 38.6375 57.1301 39.3704 58.2721C40.1119 59.4142 40.4827 60.7181 40.4827 62.184C40.4827 63.1642 40.2952 64.1272 39.9202 65.0732C39.5452 66.0193 38.8846 67.0676 37.9386 68.2181C37.0011 69.3687 35.6844 70.7622 33.9883 72.3985L29.4755 76.988V77.167H40.879V81.1301H22.9301ZM54.967 81.6286C52.8619 81.6286 51.0551 81.096 49.5466 80.0306C48.0466 78.9568 46.8917 77.4099 46.0821 75.39C45.2809 73.3616 44.8804 70.9198 44.8804 68.0647C44.8889 65.2096 45.2937 62.7806 46.0949 60.7778C46.9045 58.7664 48.0594 57.2323 49.5594 56.1755C51.0679 55.1187 52.8704 54.5903 54.967 54.5903C57.0636 54.5903 58.8662 55.1187 60.3747 56.1755C61.8832 57.2323 63.038 58.7664 63.8392 60.7778C64.6488 62.7892 65.0537 65.2181 65.0537 68.0647C65.0537 70.9284 64.6488 73.3744 63.8392 75.4028C63.038 77.4227 61.8832 78.9653 60.3747 80.0306C58.8747 81.096 57.0721 81.6286 54.967 81.6286ZM54.967 77.6272C56.6034 77.6272 57.8946 76.8218 58.8406 75.211C59.7952 73.5917 60.2724 71.2096 60.2724 68.0647C60.2724 65.9852 60.0551 64.238 59.6204 62.8232C59.1858 61.4085 58.5721 60.3431 57.7795 59.6272C56.9869 58.9028 56.0494 58.5406 54.967 58.5406C53.3392 58.5406 52.0523 59.3502 51.1062 60.9696C50.1602 62.5803 49.6829 64.9454 49.6744 68.0647C49.6659 70.1528 49.8747 71.9085 50.3008 73.3318C50.7355 74.7551 51.3491 75.8289 52.1417 76.5534C52.9344 77.2693 53.8761 77.6272 54.967 77.6272ZM83.2998 76.221V74.8403C83.2998 73.8261 83.5128 72.8928 83.939 72.0406C84.3736 71.1883 85.0043 70.5022 85.831 69.9823C86.6577 69.4625 87.6591 69.2025 88.8353 69.2025C90.0455 69.2025 91.0597 69.4625 91.8779 69.9823C92.6961 70.4937 93.314 71.1755 93.7316 72.0278C94.1577 72.8801 94.3708 73.8176 94.3708 74.8403V76.221C94.3708 77.2352 94.1577 78.1684 93.7316 79.0207C93.3055 79.873 92.679 80.559 91.8523 81.0789C91.0341 81.5988 90.0285 81.8588 88.8353 81.8588C87.6421 81.8588 86.6322 81.5988 85.8054 81.0789C84.9787 80.559 84.3523 79.873 83.9262 79.0207C83.5086 78.1684 83.2998 77.2352 83.2998 76.221ZM86.6364 74.8403V76.221C86.6364 76.8943 86.7983 77.5122 87.1222 78.0747C87.4461 78.6372 88.0171 78.9184 88.8353 78.9184C89.662 78.9184 90.2287 78.6414 90.5356 78.0875C90.8509 77.525 91.0086 76.9028 91.0086 76.221V74.8403C91.0086 74.1585 90.8594 73.5363 90.5611 72.9738C90.2628 72.4028 89.6876 72.1173 88.8353 72.1173C88.0341 72.1173 87.4674 72.4028 87.135 72.9738C86.8026 73.5363 86.6364 74.1585 86.6364 74.8403ZM69.9915 61.238V59.8573C69.9915 58.8346 70.2089 57.8971 70.6435 57.0448C71.0782 56.1926 71.7089 55.5107 72.5356 54.9994C73.3623 54.4795 74.3637 54.2196 75.5398 54.2196C76.7415 54.2196 77.7515 54.4795 78.5697 54.9994C79.3964 55.5107 80.0185 56.1926 80.4361 57.0448C80.8537 57.8971 81.0626 58.8346 81.0626 59.8573V61.238C81.0626 62.2607 80.8495 63.1982 80.4233 64.0505C80.0057 64.8943 79.3836 65.5718 78.5569 66.0832C77.7302 66.5946 76.7245 66.8502 75.5398 66.8502C74.3381 66.8502 73.3239 66.5946 72.4972 66.0832C71.679 65.5718 71.0569 64.89 70.6307 64.0377C70.2046 63.1855 69.9915 62.2522 69.9915 61.238ZM73.3537 59.8573V61.238C73.3537 61.9198 73.5114 62.542 73.8268 63.1045C74.1506 63.6585 74.7216 63.9355 75.5398 63.9355C76.358 63.9355 76.9205 63.6585 77.2273 63.1045C77.5427 62.542 77.7003 61.9198 77.7003 61.238V59.8573C77.7003 59.1755 77.5512 58.5534 77.2529 57.9909C76.9546 57.4198 76.3836 57.1343 75.5398 57.1343C74.7302 57.1343 74.1634 57.4198 73.8395 57.9909C73.5157 58.5619 73.3537 59.184 73.3537 59.8573ZM71.4489 81.1301L89.4489 54.9482H92.6449L74.6449 81.1301H71.4489Z" fill="white"/>
</svg>
</div>
</div>
</div>
<!-- <div class="col-md-6 ftco-animate rounded-circle ">
<img src="images/chairs_circle.png" class="img-fluid" alt="">
</div> -->
</div>
</div>
</div>
</section>
<!-- <section class="ftco-intro">
<div class="container-wrap">
<div class="wrap d-md-flex">
<div class="info">
<div class="row no-gutters">
<div class="col-md-4 d-flex ftco-animate">
<div class="icon"><span class="icon-phone"></span></div>
<div class="text">
<h3>000 (123) 456 7890</h3>
<p>A small river named Duden flows</p>
</div>
</div>
<div class="col-md-4 d-flex ftco-animate">
<div class="icon"><span class="icon-my_location"></span></div>
<div class="text">
<h3>198 West 21th Street</h3>
<p>Suite 721 New York NY 10016</p>
</div>
</div>
<div class="col-md-4 d-flex ftco-animate">
<div class="icon"><span class="icon-clock-o"></span></div>
<div class="text">
<h3>Open Monday-Friday</h3>
<p>8:00am - 9:00pm</p>
</div>
</div>
</div>
</div>
<div class="social d-md-flex pl-md-5 p-4 align-items-center">
<ul class="social-icon">
<li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li>
<li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li>
<li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li>
</ul>
</div>
</div>
</div>
</section> -->
<section class="ftco-section ftco-services" id="feedbackSection">
<div class="overlay"></div>
<div class="mx-auto col-md-7 heading-section ftco-animate text-center">
<h2 class="mb-4">Feedback</h2>
</div>
<div class="container-fluid">
<!-- <iframe src="https://a8l1ihq6fk3uxyw.sg.qlikcloud.com/single/?appid=8289608d-9e61-436f-9881-7106d390b9b5&obj=JuJsP&opt=ctxmenu,currsel" style="border:none;width:100%;height:100vh;"></iframe> -->
<!-- <iframe src="https://lwodqzgj6y8.typeform.com/to/iEEePzWp" style="border:none;width:100%;height:100vh;"></iframe> -->
<div data-tf-widget="iEEePzWp" data-tf-iframe-props="title=Feedback" data-tf-medium="snippet" style="width:100%;height:100vh;"></div><script src="//embed.typeform.com/next/embed.js"></script>
</div>
</div>
</section>
<div class="modal fade" id ="graph1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen modal-dialog-centered" style="padding: 0 !important;min-width: 90%;" role="document">
<div class="modal-content" style="height: 80%;">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div style="min-height: 100vh; min-width: 100%;">
<!-- <iframe src="https://app.powerbi.com/reportEmbed?reportId=6ba886e8-5496-42b4-8774-f448857d56a0&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" height="100%" width="100%" ></iframe> -->
<!-- <iframe src="https://app.powerbi.com/reportEmbed?reportId=6ba886e8-5496-42b4-8774-f448857d56a0&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" style="border:none;width:100%;height:100vh;"></iframe> -->
<iframe src="https://app.powerbi.com/reportEmbed?reportId=74c7bcc8-7590-4d7b-b006-618746ceb0c1&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" style="border:none;width:100%;height:100vh;"></iframe>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id ="graph2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen modal-dialog-centered" style="padding: 0 !important;min-width: 90%;" role="document">
<div class="modal-content" style="height: 80%;">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div style="min-height: 100vh; min-width: 100%;">
<!-- <iframe src="https://app.powerbi.com/reportEmbed?reportId=8ee42e97-b70f-488b-877d-ed601c4bf341&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" height="100%" width="100%" ></iframe> -->
<!-- <iframe src="https://app.powerbi.com/reportEmbed?reportId=8ee42e97-b70f-488b-877d-ed601c4bf341&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" style="border:none;width:100%;height:100vh;"></iframe> -->
<iframe src="https://app.powerbi.com/reportEmbed?reportId=5c9853d0-ce0b-4379-a0c4-578267f635ff&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" style="border:none;width:100%;height:100vh;"></iframe>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id ="graph3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen modal-dialog-centered" style="padding: 0 !important;min-width: 90%;" role="document">
<div class="modal-content" style="height: 80%;">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div style="min-height: 100vh; min-width: 100%;">
<!-- <iframe src="https://app.powerbi.com/reportEmbed?reportId=cf8ff975-737f-4936-99c9-1b38bd2d144c&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" style="border:none;width:100%;height:100vh;" ></iframe> -->
<iframe src="https://app.powerbi.com/reportEmbed?reportId=efb80521-a59f-4f05-9264-daf6119513c0&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" style="border:none;width:100%;height:100vh;"></iframe>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id ="graph4" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen modal-dialog-centered" style="padding: 0 !important;min-width: 90%;" role="document">
<div class="modal-content" style="height: 80%;">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div style="min-height: 100vh; min-width: 100%;">
<!-- <iframe src="https://app.powerbi.com/reportEmbed?reportId=c0414f4b-0b0f-4be3-8a79-53cd98760daa&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" style="border:none;width:100%;height:100vh;"></iframe> -->
<iframe src="https://app.powerbi.com/reportEmbed?reportId=f822530e-f3ff-4bde-a530-59b593fbada3&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" style="border:none;width:100%;height:100vh;"></iframe>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id ="graph5" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen modal-dialog-centered" style="padding: 0 !important;min-width: 90%;" role="document">
<div class="modal-content" style="height: 80%;">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div style="min-height: 100vh; min-width: 100%;">
<!-- <iframe src="https://app.powerbi.com/reportEmbed?reportId=4ccefcaa-faeb-47b9-9ac5-352762a19e2d&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" style="border:none;width:100%;height:100vh;"></iframe> -->
<iframe src="https://app.powerbi.com/reportEmbed?reportId=4017b0d5-ab3f-46c6-8e6d-1de2b2291fea&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" style="border:none;width:100%;height:100vh;"></iframe>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id ="graph6" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen modal-dialog-centered" style="padding: 0 !important;min-width: 90%;" role="document">
<div class="modal-content" style="height: 80%;">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div style="min-height: 100vh; min-width: 100%;">
<!-- <iframe src="https://app.powerbi.com/reportEmbed?reportId=ab3a2618-7616-422f-b447-59c9e7e083fd&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" style="border:none;width:100%;height:100vh;" ></iframe> -->
<iframe src="https://app.powerbi.com/reportEmbed?reportId=ddffd051-acbe-4c9a-a31e-865e1a7b27d2&autoAuth=true&ctid=d95bf95d-585e-4859-8c18-bb8e7597f5f2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly93YWJpLWluZGlhLXdlc3QtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQvIn0%3D" style="border:none;width:100%;height:100vh;"></iframe>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<section class="ftco-section" id="analyticsSection">
<div class="container">
<div class="row justify-content-center mb-5 pb-3">
<div class="col-md-7 heading-section ftco-animate text-center">
<h2 class="mb-4">Canteen Analytics</h2>
<p>Know what intrigues everyone...</p>
</div>
</div>
</div>
<div class="container-wrap">
<div class="row no-gutters d-flex m-3">
<div class="col-lg-4 d-flex ftco-animate">
<div class="services-wrap d-flex">
<a href="#" class="img" style="background-image: url(images/1.png);"></a>
<div class="text p-4">
<h3>Item and Quantity</h3>
<p>Check Out what is ordered most</p>
<p class="price">
<button type="button" class="ml-2 btn btn-white btn-outline-white" data-toggle="modal" data-target="#graph1">
Check Graph
</button></p>
</div>
</div>
</div>
<div class="col-lg-4 d-flex ftco-animate">
<div class="services-wrap d-flex">
<a href="#" class="img" style="background-image: url(images/2.png);"></a>
<div class="text p-4">
<h3>Quantitiy - Counter</h3>
<p>Check out the counter-wise sales</p>
<button type="button" class="ml-2 btn btn-white btn-outline-white" data-toggle="modal" data-target="#graph2">
Check Graph
</button>
</div>
</div>
</div>
<div class="col-lg-4 d-flex ftco-animate">
<div class="services-wrap d-flex">
<a href="#" class="img" style="background-image: url(images/3.png);"></a>
<div class="text p-4">
<h3>Mealtime and Quantity</h3>
<p>See Analysis with respect to Mealtime and the Quantity of orders</p>
<button type="button" class="ml-2 btn btn-white btn-outline-white" data-toggle="modal" data-target="#graph3">
Check Graph
</button>
</div>
</div>
</div>
<div class="col-lg-4 d-flex ftco-animate">
<div class="services-wrap d-flex">
<a href="#" class="img Check Graph-lg-last" style="background-image: url(images/4.png);"></a>
<div class="text p-4">
<h3>Quantity by Time of Service</h3>
<p>Order Faster Served products. Go through this one!</p>
<button type="button" class="ml-2 btn btn-white btn-outline-white" data-toggle="modal" data-target="#graph4">
Check Graph
</button>
</div>
</div>
</div>
<div class="col-lg-4 d-flex ftco-animate">
<div class="services-wrap d-flex">
<a href="#" class="img Check Graph-lg-last" style="background-image: url(images/5.png);"></a>
<div class="text p-4">
<h3>Quantity by Mealtime and Item</h3>
<p>Check the most sold product at your favourite time slots</p>
<button type="button" class="ml-2 btn btn-white btn-outline-white" data-toggle="modal" data-target="#graph5">
Check Graph
</button>
</div>
</div>
</div>
<div class="col-lg-4 d-flex ftco-animate">
<div class="services-wrap d-flex">
<a href="#" class="img Check Graph-lg-last" style="background-image: url(images/6.png);"></a>
<div class="text p-4">
<h3>Sum of Amount by Time Slot</h3>
<p>Revenue collected by the canteen based on time slot</p>
<button type="button" class="ml-2 btn btn-white btn-outline-white" data-toggle="modal" data-target="#graph6">
Check Graph
</button>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center mb-5 pb-3 mt-5 pt-5">
<div class="col-md-7 heading-section text-center ftco-animate">
<h2 class="mb-4">Menu</h2>
<p class="flip"><span class="deg1"></span><span class="deg2"></span><span class="deg3"></span></p>
<p class="mt-5">.</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="pricing-entry d-flex ftco-animate">
<div class="img" style="background-image: url(images/lemonIceTea.png);"></div>
<div class="desc pl-3">
<div class="d-flex text align-items-center">
<h3><span>Lemon Iced Tea </span></h3>
<span class="price">₹49.00</span>
</div>
<div class="d-block">
<p>Preparation Time: 5-10 minutes</p>
</div>
</div>
</div>
<div class="pricing-entry d-flex ftco-animate">
<div class="img" style="background-image: url(images/chilliCheeseToast.jpg);"></div>
<div class="desc pl-3">
<div class="d-flex text align-items-center">
<h3><span>Chilli Cheese Toast</span></h3>
<span class="price">₹69.00</span>
</div>
<div class="d-block">
<p>Preparation Time: 10-15 minutes</p>
</div>
</div>
</div>
<div class="pricing-entry d-flex ftco-animate">
<div class="img" style="background-image: url(images/kinleyWaterBottle.jpg);"></div>
<div class="desc pl-3">
<div class="d-flex text align-items-center">
<h3><span>Kinley Water Bottle</span></h3>
<span class="price">₹10.00</span>
</div>
<div class="d-block">
<p>Preparation Time: 1 minute</p>
</div>
</div>
</div>
<div class="pricing-entry d-flex ftco-animate">
<div class="img" style="background-image: url(images/pizza-4.jpg);"></div>
<div class="desc pl-3">
<div class="d-flex text align-items-center">
<h3><span>Italian Pizza </span></h3>
<span class="price">₹169.00</span>
</div>
<div class="d-block">
<p>Preparation Time: 30-40 minutes</p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="pricing-entry d-flex ftco-animate">
<div class="img" style="background-image: url(images/masalaDosa.png);"></div>
<div class="desc pl-3">
<div class="d-flex text align-items-center">
<h3><span>Masala Dosa</span></h3>
<span class="price">₹79.00</span>
</div>
<div class="d-block">
<p>Preparation Time: 25-30 minutes</p>
</div>
</div>
</div>
<div class="pricing-entry d-flex ftco-animate">
<div class="img" style="background-image: url(images/pavBhaji.png);"></div>
<div class="desc pl-3">
<div class="d-flex text align-items-center">
<h3><span>Pao Bhaji</span></h3>
<span class="price">₹99.00</span>
</div>
<div class="d-block">
<p>Preparation Time: 25-30 minutes</p>
</div>
</div>
</div>
<div class="pricing-entry d-flex ftco-animate">
<div class="img" style="background-image: url(images/northIndianThali.png);"></div>
<div class="desc pl-3">
<div class="d-flex text align-items-center">
<h3><span>North Indian Thali
</span></h3>
<span class="price">₹179.00</span>
</div>
<div class="d-block">
<p>Preparation Time: 30-40 minutes</p>
</div>
</div>
</div>
<div class="pricing-entry d-flex ftco-animate">
<div class="img" style="background-image: url(images/vegBiryani.png);"></div>
<div class="desc pl-3">
<div class="d-flex text align-items-center">
<h3><span>Vegetable Biryani </span></h3>
<span class="price">₹99.00</span>
</div>
<div class="d-block">
<p>Preparation Time: 25-35 minutes</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="ftco-gallery">
<div class="container-wrap">
<div class="row no-gutters">
<div class="col-md-3 ftco-animate">
<a href="#" class="gallery img d-flex align-items-center" style="background-image: url(images/gallery-1.jpg);">
<div class="icon mb-4 d-flex align-items-center justify-content-center">
<span class="icon-search"></span>
</div>
</a>
</div>
<div class="col-md-3 ftco-animate">
<a href="#" class="gallery img d-flex align-items-center" style="background-image: url(images/gallery-2.jpg);">
<div class="icon mb-4 d-flex align-items-center justify-content-center">
<span class="icon-search"></span>
</div>
</a>
</div>
<div class="col-md-3 ftco-animate">
<a href="#" class="gallery img d-flex align-items-center" style="background-image: url(images/gallery-3.jpg);">
<div class="icon mb-4 d-flex align-items-center justify-content-center">
<span class="icon-search"></span>
</div>
</a>
</div>
<div class="col-md-3 ftco-animate">
<a href="#" class="gallery img d-flex align-items-center" style="background-image: url(images/gallery-4.jpg);">
<div class="icon mb-4 d-flex align-items-center justify-content-center">
<span class="icon-search"></span>
</div>
</a>
</div>
</div>
</div>
</section> -->
<!-- <section class="ftco-counter ftco-bg-dark img" id="section-counter" style="background-image: url(images/bg_2.jpg);" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10">
<div class="row">
<div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
<div class="block-18 text-center">
<div class="text">
<div class="icon"><span class="flaticon-pizza-1"></span></div>
<strong class="number" data-number="100"></strong>
<span>Products</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
<div class="block-18 text-center">
<div class="text">
<div class="icon"><span class="flaticon-medal"></span></div>
<strong class="number" data-number="85">0</strong>
<span>Merits</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
<div class="block-18 text-center">
<div class="text">
<div class="icon"><span class="flaticon-laugh"></span></div>
<strong class="number" data-number="10567">0</strong>
<span>Happy Customers</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
<div class="block-18 text-center">
<div class="text">
<div class="icon"><span class="flaticon-chef"></span></div>
<strong class="number" data-number="25">0</strong>
<span>Staff</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- <section class="ftco-menu">
<div class="container-fluid">
<div class="row d-md-flex">
<div class="col-lg-4 ftco-animate img f-menu-img mb-5 mb-md-0" style="background-image: url(images/about.jpg);">
</div>
<div class="col-lg-8 ftco-animate p-md-5">
<div class="row">
<div class="col-md-12 nav-link-wrap mb-5">
<div class="nav ftco-animate nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="v-pills-1-tab" data-toggle="pill" href="#v-pills-1" role="tab" aria-controls="v-pills-1" aria-selected="true">Pizza</a>
<a class="nav-link" id="v-pills-2-tab" data-toggle="pill" href="#v-pills-2" role="tab" aria-controls="v-pills-2" aria-selected="false">Drinks</a>
<a class="nav-link" id="v-pills-3-tab" data-toggle="pill" href="#v-pills-3" role="tab" aria-controls="v-pills-3" aria-selected="false">Burgers</a>
<a class="nav-link" id="v-pills-4-tab" data-toggle="pill" href="#v-pills-4" role="tab" aria-controls="v-pills-4" aria-selected="false">Pasta</a>
</div>
</div>
<div class="col-md-12 d-flex align-items-center">
<div class="tab-content ftco-animate" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-1" role="tabpanel" aria-labelledby="v-pills-1-tab">
<div class="row">
<div class="col-md-4 text-center">
<div class="menu-wrap">
<a href="#" class="menu-img img mb-4" style="background-image: url(images/pizza-1.jpg);"></a>
<div class="text">
<h3><a href="#">Itallian Pizza</a></h3>
<p>.</p>
<p class="price"><span>$2.90</span></p>
<p><a href="#" class="btn btn-white btn-outline-white">Add to cart</a></p>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="menu-wrap">
<a href="#" class="menu-img img mb-4" style="background-image: url(images/pizza-2.jpg);"></a>
<div class="text">
<h3><a href="#">Itallian Pizza</a></h3>
<p>.</p>
<p class="price"><span>$2.90</span></p>
<p><a href="#" class="btn btn-white btn-outline-white">Add to cart</a></p>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="menu-wrap">
<a href="#" class="menu-img img mb-4" style="background-image: url(images/pizza-3.jpg);"></a>
<div class="text">
<h3><a href="#">Itallian Pizza</a></h3>
<p>.</p>
<p class="price"><span>$2.90</span></p>
<p><a href="#" class="btn btn-white btn-outline-white">Add to cart</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-2" role="tabpanel" aria-labelledby="v-pills-2-tab">
<div class="row">
<div class="col-md-4 text-center">
<div class="menu-wrap">
<a href="#" class="menu-img img mb-4" style="background-image: url(images/drink-1.jpg);"></a>
<div class="text">
<h3><a href="#">Lemonade Juice</a></h3>
<p>.</p>
<p class="price"><span>$2.90</span></p>
<p><a href="#" class="btn btn-white btn-outline-white">Add to cart</a></p>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="menu-wrap">
<a href="#" class="menu-img img mb-4" style="background-image: url(images/drink-2.jpg);"></a>
<div class="text">
<h3><a href="#">Pineapple Juice</a></h3>
<p>.</p>
<p class="price"><span>$2.90</span></p>
<p><a href="#" class="btn btn-white btn-outline-white">Add to cart</a></p>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="menu-wrap">
<a href="#" class="menu-img img mb-4" style="background-image: url(images/drink-3.jpg);"></a>
<div class="text">
<h3><a href="#">Soda Drinks</a></h3>
<p>.</p>
<p class="price"><span>$2.90</span></p>
<p><a href="#" class="btn btn-white btn-outline-white">Add to cart</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-3" role="tabpanel" aria-labelledby="v-pills-3-tab">
<div class="row">
<div class="col-md-4 text-center">
<div class="menu-wrap">
<a href="#" class="menu-img img mb-4" style="background-image: url(images/burger-1.jpg);"></a>
<div class="text">
<h3><a href="#">Itallian Pizza</a></h3>
<p>.</p>
<p class="price"><span>$2.90</span></p>
<p><a href="#" class="btn btn-white btn-outline-white">Add to cart</a></p>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="menu-wrap">
<a href="#" class="menu-img img mb-4" style="background-image: url(images/burger-2.jpg);"></a>
<div class="text">
<h3><a href="#">Itallian Pizza</a></h3>
<p>.</p>
<p class="price"><span>$2.90</span></p>
<p><a href="#" class="btn btn-white btn-outline-white">Add to cart</a></p>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="menu-wrap">
<a href="#" class="menu-img img mb-4" style="background-image: url(images/burger-3.jpg);"></a>
<div class="text">
<h3><a href="#">Itallian Pizza</a></h3>
<p>.</p>
<p class="price"><span>$2.90</span></p>
<p><a href="#" class="btn btn-white btn-outline-white">Add to cart</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-4" role="tabpanel" aria-labelledby="v-pills-4-tab">
<div class="row">
<div class="col-md-4 text-center">
<div class="menu-wrap">
<a href="#" class="menu-img img mb-4" style="background-image: url(images/pasta-1.jpg);"></a>
<div class="text">
<h3><a href="#">Itallian Pizza</a></h3>
<p>.</p>
<p class="price"><span>$2.90</span></p>
<p><a href="#" class="btn btn-white btn-outline-white">Add to cart</a></p>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="menu-wrap">
<a href="#" class="menu-img img mb-4" style="background-image: url(images/pasta-2.jpg);"></a>
<div class="text">
<h3><a href="#">Itallian Pizza</a></h3>
<p>.</p>
<p class="price"><span>$2.90</span></p>
<p><a href="#" class="btn btn-white btn-outline-white">Add to cart</a></p>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="menu-wrap">
<a href="#" class="menu-img img mb-4" style="background-image: url(images/pasta-3.jpg);"></a>
<div class="text">
<h3><a href="#">Itallian Pizza</a></h3>
<p>.</p>
<p class="price"><span>$2.90</span></p>
<p><a href="#" class="btn btn-white btn-outline-white">Add to cart</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- <section class="ftco-section">
<div class="container">
<div class="row justify-content-center mb-5 pb-3">
<div class="col-md-7 heading-section ftco-animate text-center">
<h2 class="mb-4">Recent from blog</h2>
<p>, there live the blind texts.</p>
</div>
</div>
<div class="row d-flex">
<div class="col-md-4 d-flex ftco-animate">
<div class="blog-entry align-self-stretch">
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_1.jpg');">
</a>
<div class="text py-4 d-block">
<div class="meta">
<div><a href="#">Sept 10, 2018</a></div>
<div><a href="#">Admin</a></div>
<div><a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a></div>
</div>
<h3 class="heading mt-2"><a href="#">The Delicious Pizza</a></h3>
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
</div>
</div>
</div>
<div class="col-md-4 d-flex ftco-animate">
<div class="blog-entry align-self-stretch">
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_2.jpg');">
</a>
<div class="text py-4 d-block">
<div class="meta">
<div><a href="#">Sept 10, 2018</a></div>
<div><a href="#">Admin</a></div>
<div><a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a></div>
</div>
<h3 class="heading mt-2"><a href="#">The Delicious Pizza</a></h3>
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
</div>
</div>
</div>
<div class="col-md-4 d-flex ftco-animate">
<div class="blog-entry align-self-stretch">
<a href="blog-single.html" class="block-20" style="background-image: url('images/image_3.jpg');">
</a>
<div class="text py-4 d-block">
<div class="meta">
<div><a href="#">Sept 10, 2018</a></div>
<div><a href="#">Admin</a></div>
<div><a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a></div>
</div>
<h3 class="heading mt-2"><a href="#">The Delicious Pizza</a></h3>
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!--
<section class="ftco-appointment">
<div class="overlay"></div>
<div class="container-wrap">
<div class="row no-gutters d-md-flex align-items-center">
<div class="col-md-6 d-flex align-self-stretch">
<div class="" style="background-image: url('images/image_1.jpg');"></div>
</div>
<div class="col-md-6 appointment ftco-animate">
<h3 class="mb-3">Contact Us</h3>
<form action="#" class="appointment-form">
<div class="d-md-flex">
<div class="form-group">
<input type="text" class="form-control" placeholder="First Name">
</div>
</div>
<div class="d-me-flex">
<div class="form-group">
<input type="text" class="form-control" placeholder="Last Name">
</div>
</div>
<div class="form-group">
<textarea name="" id="" cols="30" rows="3" class="form-control" placeholder="Message"></textarea>
</div>
<div class="form-group">
<input type="submit" value="Send" class="btn btn-primary py-3 px-4">
</div>
</form>
</div>
</div>
</div>
</section> -->
<footer class="ftco-footer ftco-section img">
<div class="overlay"></div>
<div class="container">
<div class="row mb-5">
<div class="col-lg-6 col-md-6 mb-5 mb-md-5">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">About Us</h2>
<p>Demian
<br />
A group of Computer Science Students and Developers currently studying at Ahmedabad University.<br />
Working towards solving certain glitches in the current canteen implementation.
</p>
<!-- <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-5">
<li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li>
<li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li>
<li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li>
</ul> -->
</div>
</div>
<!-- <div class="col-lg-4 col-md-6 mb-5 mb-md-5">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">Recent Blog</h2>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(images/image_1.jpg);"></a>
<div class="text">
<h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about</a></h3>
<div class="meta">
<div><a href="#"><span class="icon-calendar"></span> Sept 15, 2018</a></div>
<div><a href="#"><span class="icon-person"></span> Admin</a></div>
<div><a href="#"><span class="icon-chat"></span> 19</a></div>
</div>
</div>
</div>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(images/image_2.jpg);"></a>
<div class="text">
<h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about</a></h3>
<div class="meta">
<div><a href="#"><span class="icon-calendar"></span> Sept 15, 2018</a></div>
<div><a href="#"><span class="icon-person"></span> Admin</a></div>
<div><a href="#"><span class="icon-chat"></span> 19</a></div>
</div>
</div>
</div>
</div>
</div> -->
<div class="col-lg-3 col-md-6 mb-5 mb-md-5">
<div class="ftco-footer-widget mb-4 ml-md-4">
<h2 class="ftco-heading-2">Services</h2>
<ul class="list-unstyled">
<li><a href="/" class="py-2 d-block">Seating Availability</a></li>
<li><a href="#analyticsSection" class="py-2 d-block">Canteen Analytics</a></li>
<li><a href="#feedbackSection" class="py-2 d-block">Feedback</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-5 mb-md-5">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">Have a Questions?</h2>
<div class="block-23 mb-3">
<ul>
<li><a href="#"><span class="icon icon-envelope"></span><span class="text">[email protected]</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<!-- <p>Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0.
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. </p> -->
</div>
</div>
</div>
</footer>
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>