-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
208 lines (153 loc) · 11.1 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
<!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>ABS Public School-Mamkhor</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" integrity="sha384-z4tVnCr80ZcL0iufVdGQSUzNvJsKjEtqYZjiQrrYKlpGow+btDHDfQWkFjoaz/Zr" crossorigin="anonymous">
</head>
<!---------------Header section--------------->
<section class="header">
<nav>
<a href="index.html"><img src="img/logo.png" alt="logo"></a>
<div class="nav-links" id="nav-links">
<i class="fa fa-times" onclick="hidemenu()" ></i>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contect.html">Contect</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#student">Student</a></li>
<li><a href="#academic">Academic</a></li>
<li><a href="#admin">Admin</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showmenu()"></i>
</nav>
<div class="text-box">
<h1> Welcome to Our Portel</h1>
<p> A.B.S. Public School provide new Approch to kids education.</p>
<a href="about.html" class="btn">Click to Know more</a>
</div>
</section>
<!--------------- Header section End --------------->
<!---------------Why Choose Us--------------->
<section class="why-choose-us">
<h1>Why Choose Us</h1>
<p>Here the reason for choosiing-us</p>
<div class="row">
<div class="column">
<h3>Our Mission</h3>
<p>A.B.S. Public School is committed to provide education that helps to develop children into balanced personalities,
with sound values of love, kindness, devotion and service before self.
We also provide an environment in which every student discovers and realizes his full potential.
</p>
</div>
<div class="column">
<h3>Our Vission</h3>
<p><b>1:-</b>Be Professionally Managed.
<b>2:-</b> Effectively Integrate technology with Curriculum.
<b>3:-</b>Encourage all round Academics, Culture & Sports.
<b>4:-</b> Instil Values.
<b>5:-</b> Satisfy the needs of Gifted as well as those with Learning Disabilities.
<b>6:-</b> Have Teachers as facilitators with high professional commitment, reinforced through regular Professional Development Programs.
</p>
</div>
<div class="column">
<h3>Our History</h3>
<p>The entire campus is spread with state-of-the-art facilities for an all-round development of the children. The school has all necessary facilities including Computer & Science Laboratories, etc. A.B.S. is spacious, offering warm intimate environment combined with modern day facilities for students emerging into rapidly changing world.
</p>
</div>
</div>
</section>
<!---------------Why Choose Us End--------------->
<!---------------Facilities--------------->
<section class="facilities">
<h1> Facilities</h1>
<p>Here the facilities we offer</p>
<div class="row">
<div class="facilities-col">
<img src="img/smartclass.jpg" alt="smartclass">
<div class="layer">
<h3>SMART CLASS</h3>
</div>
</div>
<div class="facilities-col">
<img src="img/comlab.jpg" alt="smartclass">
<div class="layer">
<h3>COMPUTER LAB</h3>
</div>
</div>
<div class="facilities-col">
<img src="img/lab.jpg" alt="smartclass">
<div class="layer">
<h3>SCIENCE LAB</h3>
</div>
</div>
</div>
</section>
<!---------------Facilities end--------------->
<!---------------- Executives ---------------->
<section class="executives">
<h1>Top Executives</h1>
<div class="row">
<div class="executives-col">
<h5>Chairman's Message</h5>
<img src="img/chairman.jpg" alt="">
<p>At A.B.S. our endeavour is to help the students to achieve excellence. However, this is only one and not the only one. We envisage a value-based education with emphasis</p>
<h3>Chandra Prakash Shukla</h3>
</div>
<div class="executives-col">
<h5>Principals's Message</h5>
<img src="img/principal.png" alt="">
<p>A school’s real job is to prepare students for life where the focus on skill development is more important than knowledge acquisition and teaching life skills to the child is more important than teaching subjects.</p>
<h3>Chandra Prakash Shukla</h3>
</div>
</div>
</section>
<!---------------- Executives End ---------------->
<!-------------- Footer--------------->
<section class="footer">
<h4>Get in Touch</h4>
<p>A.B.S. Public School, Mamkhor Khakhaijkhor Dist. Gorakhpur, Pincode:- 273408 <br>
Contect Number :- xxxxxxx99 <br>
<e-mail>
E-mail:- [email protected]
</e-mail>
</p>
<div class="icons">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
</svg>
</div>
<p> Made By @Ansari Danish.. 'CSE Student </p>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
<path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg>
</section>
<!-------------- Footer--------------->
<!---------------Script--------------->
<script>
var navLinks=document.getElementById("nav-links");
var navbar=document.getElementById("navbar");
function showmenu(){
navLinks.style.right="0";
}
function hidemenu(){
navLinks.style.right="-200px";
}
</script>
<!---------------Script--------------->
</body>
</html>