-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathAbout_Us.html
More file actions
169 lines (155 loc) · 8.12 KB
/
About_Us.html
File metadata and controls
169 lines (155 loc) · 8.12 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
<!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>Play Journal :|ABOUT US|</title>
<link rel="icon" href="https://drive.google.com/thumbnail?id=1A1tTjNFe49LwKdCNbbqSzL93j3JvRdnK"
type="image/icon type">
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<header class="text-gray-600 body-font">
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
<a class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0">
<img src="https://drive.google.com/thumbnail?id=1A1tTjNFe49LwKdCNbbqSzL93j3JvRdnK" fill="none"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
class="w-10 h-10 text-white p-2 bg-white-500 rounded-full" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
</img>
<span class="ml-3 text-xl">Play Journal</span>
</a>
<nav
class="md:mr-auto md:ml-4 md:py-1 md:pl-4 md:border-l md:border-gray-400 flex flex-wrap items-center text-base justify-center">
<a href="#" class="mr-5 hover:text-gray-900">About Us</a>
</nav>
<a href="https://forms.gle/VQPK4DJdmwwCirgF6"><button
class="inline-flex items-center bg-gray-100 border-0 py-1 px-3 focus:outline-none hover:bg-gray-200 rounded text-base mt-4 md:mt-0">Feedback
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
class="w-4 h-4 ml-1" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</button></a>
</div>
</header>
<hr>
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto">
<div class="xl:w-1/2 lg:w-3/4 w-full mx-auto text-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="inline-block w-8 h-8 text-gray-400 mb-8"
viewBox="0 0 975.036 975.036">
<path
d="M925.036 57.197h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.399 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l36 76c11.6 24.399 40.3 35.1 65.1 24.399 66.2-28.6 122.101-64.8 167.7-108.8 55.601-53.7 93.7-114.3 114.3-181.9 20.601-67.6 30.9-159.8 30.9-276.8v-239c0-27.599-22.401-50-50-50zM106.036 913.497c65.4-28.5 121-64.699 166.9-108.6 56.1-53.7 94.4-114.1 115-181.2 20.6-67.1 30.899-159.6 30.899-277.5v-239c0-27.6-22.399-50-50-50h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.4 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l35.9 75.8c11.601 24.399 40.501 35.2 65.301 24.399z">
</path>
</svg>
<p class="leading-relaxed text-lg">Accountancy is one of the main subjects in the Commerce stream. And Journal
is one of the main chapters of accounts. So to make the learning Journal concept fun, we made a game called
<br> <b>'PLAY JOURNAL'.</b>
</p>
<span class="inline-block h-1 w-10 rounded bg-red-500 mt-8 mb-6"></span>
<h2 class="text-gray-900 font-medium title-font tracking-wider text-sm">Team Play Journal</h2>
<p class="text-gray-500">Subodh Public School, Rambagh</p>
</div>
</div>
</section>
<hr>
<div style="display:flex; align-items:center ; width: 50%; left: 25%;"><iframe width="560" height="315"
src="https://www.youtube.com/embed/jsXlFb9KbW4" title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
style=" align-items: center; position: relative; left: 70%;"></iframe>
</div>
<hr>
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-col text-center w-full mb-20">
<h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900">Our Team</h1>
<p class="lg:w-2/3 mx-auto leading-relaxed text-base">We are the team Subodh Public School, Rambagh.</p>
</div>
<div class="flex flex-wrap -m-2">
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Ms. Kamaljeet Yadav</h2>
<p class="text-gray-500">Principal</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Mr. Pardeep Gupta</h2>
<p class="text-gray-500">Commerce In-Charge</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Ms. Kumud Mehta</h2>
<p class="text-gray-500">IT In-Charge</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Pratiksha Gupta</h2>
<p class="text-gray-500">Commerce Student</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Puneet Saini</h2>
<p class="text-gray-500">Commerce Student</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Navishka Bajaj</h2>
<p class="text-gray-500">Commerce Student</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Siddhant Sankhla</h2>
<p class="text-gray-500">Commerce Student</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Ritika Nainwaya</h2>
<p class="text-gray-500">Commerce Student</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Himanshu Swami</h2>
<p class="text-gray-500">IT Team Member</p>
</div>
</div>
</div>
<div class="p-2 lg:w-1/3 md:w-1/2 w-full">
<div class="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<div class="flex-grow">
<h2 class="text-gray-900 title-font font-medium">Ojas Verma</h2>
<p class="text-gray-500">IT Team Member</p>
</div>
</div>
</div>
</div>
</div>
</section>
<script async src="https://drv.tw/inc/wd.js"></script>
</body>
</html>