-
Notifications
You must be signed in to change notification settings - Fork 34
/
index.html
135 lines (116 loc) · 5.73 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mit Canteen | Home</title>
<!-- Page Icon -->
<link rel="Micosoft icon" href="assets/images/MIT LOGO.png">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
crossorigin="anonymous" />
<!-- Style Sheets -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/utilities.css">
<link rel="stylesheet" href="assets/css/mobile.css">
<link rel="stylesheet" href="assets/css/animations.css">
<!-- Firebase Connectivity Using CDN -->
<script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-database.js"></script>
<!-- Sweet Alert Pop Modal -->
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>
<body>
<!-- NavBar -->
<header class="navbar" id="preview-navbar"><!-- Comes From Js File --></header>
<!-- Mobile Navbar -->
<header class="mob-navbar" id="mob-preview-navbar"><!-- Comes through JS --></header>
<!-- Modal SignUp -->
<section class="signup-modal"><!-- Comes From Js File --></section>
<!-- Modal LogIn -->
<section class="sign-modal"><!-- Comes From Js File --></section>
<section class="prakat-ho-animation">
<img src="assets/images/footer-illustration.webp" loading="lazy" alt="Home Page Image">
</section>
<!-- Hero Section -->
<section class="hero my-2">
<main class="container-min grid grid-1 jc-ai-center">
<h1 class="clr-green lg text-center">Pocket Friendly Cafe</h1>
<article class="hero-article flex jc-ai-center">
<img src="assets/images/Mit & Canteen.svg" loading="lazy" alt="Home Canteen Image" >
<div class="my-2 p-2">
<h3 class="clr-red md">Asian Cuisines & Beverages</h3>
<p>Each and every day we strive to better serve our community,
customers with food that's fresh, tasty and healthy.
Sumptuous delicious food baked in our cafe with curated
ingredients and recipes</p>
<p>Savour the creamy goodness of Champion Fruit Cream.
We bet, there's the goodness of cream in every bite!</p>
<div class="social-icons">
<ul class="flex">
<li><a href="https://www.youtube.com/channel/UC1v5h3FrfV2_r8qUxCbld3g" target="_blank"><i class="fab fa-youtube fa-2x"></i></a></li>
<li><a href="https://www.facebook.com/malwainstitute/" target="_blank"><i class="fab fa-facebook fa-2x"></i></a></li>
<li><a href="https://www.instagram.com/malwa_institute_of_technology/" target="_blank"><i class="fab fa-instagram fa-2x"></i></a></li>
</ul>
</div>
</div>
</article>
</main>
</section>
<hr>
<!-- Come & Dine Section -->
<section class="showcase my-3">
<main class="container-min grid-1 text-center jc-ai-center">
<!-- Heading & Slogan -->
<article>
<h1 class="lg">__ Come and Dine __</h1>
<h6 class="md">with the finest</h6>
</article>
<!-- Show Case Content -->
<article class="grid grid-3">
<div class="m-2">
<h4 class="md">Fresh Daily</h4>
<img src="assets/images/waiter.svg" loading="lazy" alt="">
<p>Savour the creamy goodness of Champion Fruit Cream.
We bet, there's the goodness of cream in every bite!</p>
</div>
<div class="m-2">
<h4 class="md">Savoury & Creamy</h4>
<img src="assets/images/bbq.svg" loading="lazy" alt="">
<p>Sumptuous delicious food baked in our cafe with
curated ingredients and recipes curated ingredients and recipes.</p>
</div>
<div class="m-2">
<h4 class="md">Good Food</h4>
<img src="assets/images/burger.svg" loading="lazy" alt="">
<p>Each and every day we strive to better serve our
community, customers with food that's fresh, tasty and healthy.</p>
</div>
</article>
</main>
</section>
<!-- Most Loved Dishes -->
<section class="dishes my-4">
<main class="container-min">
<h1 class="text-center lg p-1">Our Most Loved Dishes</h1>
<div class="flex jc-ai-center" id="best-dishes-container">
<!-- Comes Through JS -->
</div>
</main>
</section>
<section class="prakat-ho-animation">
<img src="assets/images/footer-illustration.webp" loading="lazy" alt="Home Page Image">
</section>
<!-- Customers Footer -->
<footer class="customer-footer"><!-- Comes Through JS --></footer>
<!-- Creative Features -->
<script src="assets/js/features.js"></script>
<!-- Controls User Stuff -->
<script src="assets/js/functioning.js"></script>
<!-- Page Animations -->
<script src="assets/js/animations.js"></script>
</body>
</html>