-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
185 lines (153 loc) · 7.24 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
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AIIS</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,600,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<section class="header">
<nav>
<a href="index.html"><img src="images/logo.png"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-close" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="course.html">COURSE</a></li>
<li><a href="contact.php">CONTACT</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<div class="text-box">
<h1>AL-AMEEN EDUCATIONAL SOCIETY</h1>
<p>Al-Ameen Campus, Hosur Road(Near Lalbagh Main Gate)<br>Bangalore-560027</p>
<a href="contact.php" class="hero-btn">Visit Us to Know More</a>
</div>
</section>
<!---------- course ----------->
<section class="course">
<h1>Courses We Offer</h1>
<p>Al-Ameen Educational Society offers:</p>
<div class="row">
<div class="course-col">
<h3>SCIENCE</h3>
<p>In science stream we offer Bachelor of Computer Applications[BCA], Bachelor of Science[BSc], Master of Science -Computer Science[MSc.cs], Bachelor of Pharmacy[B.Pharma].</p>
</div>
<div class="course-col">
<h3>COMMERCE</h3>
<p>In Commerce stream we offer Bachelor of Commerce[BCom], Master of Commerce[MCom], Bachelor of Business Administration[BBA], Master of Business Administration[MBA]. </p>
</div>
<div class="course-col">
<h3>ARTS</h3>
<p>In Arts stream we offer BA-History, Economics and Sociology. BA-Jornalism, Political Science and Optional English. BA-Psychology, Economics and Sociology.</p>
</div>
</div>
</section>
<!---------- campus ---------->
<section class="campus">
<h1>Al-Ameen campus</h1>
<p>Al-Ameen Education Society.</p>
<div class="row">
<div class="campus-col">
<img src="images/cam1.jpg">
<div class="layer">
<h3>Campus</h3>
</div>
</div>
<div class="campus-col">
<img src="images/cam2.jpg">
<div class="layer">
<h3>Campus</h3>
</div>
</div>
<div class="campus-col">
<img src="images/cam3.jpg">
<div class="layer">
<h3>Campus</h3>
</div>
</div>
</div>
</section>
<!---------- Facilities ---------->
<section class="facility">
<h1>Our Facilities</h1>
<p>When we speak about equality you want to be playing on the best pitches with the best facilities. Hance Al-Ameen Education Society have many Facilities.</p>
<div class="row">
<div class="facility-col">
<img src="images/lab.jpg">
<h3>LAB</h3>
<p>A computer lab is a space where Compter services are provided to a defined community. Computer labs are generally multi-purpose for certain task and processes, depending on the needs of the Institution.</p>
</div>
<div class="facility-col">
<img src="images/room.jpg">
<h3>READING ROOM</h3>
<p>Great ambience and perfect place to study. Cabin is very comfortable with comfortable chairs with all the facilities.</p>
</div>
<div class="facility-col">
<img src="images/class.jpg">
<h3>CLASS ROOM</h3>
<p>Effective classroom management is incredibly important because without it you will not be able to create a learning environment that has a positive classroom culture.</p>
</div>
</div>
</section>
<!---------- testimonials ---------->
<section class="testimonials">
<h1>What Our Student Says</h1>
<p>Regarding Al-Ameen Educational Society.</p>
<div class="row">
<div class="testimonial-col">
<img src="images/saleem.jpg">
<div>
<p>Im the alumini of Al-Ameen college, I have gained alot of knowledge from this college, teachers here are very helpful and kind. I was NCC cadet in Al-Ameen which helped me in my career and had memoriable experience.</p>
<h3>Saleem Shaikh</h3>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</div>
</div>
<div class="testimonial-col">
<img src="images/nabeel.jpg">
<div>
<p>I completed my BCA in Al-Ameen. i was the rank holder, this college helped me alot in my career. I'm Data Analyst in Amazon AWS.</p>
<h3>Nabeel Ahmed</h3>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
</div>
</div>
</div>
</section>
<!------ Call To Action ------>
<section class="cta">
<h1>If you have any queries<br>Our respective staff will provide the information.</h1>
<a href="contact.php" class="hero-btn">CONTACT US</a>
</section>
<!-------- footer ---------->
<section class="footer">
<h4>About Us</h4>
<p>Al-Ameen Institute Of Information Sciences<br>Hosur Road, Opp Lalbagh Main Gate, Bangalore-560027.</p>
<div class="icons">
<a href="https://www.facebook.com/share/ND7dymJ5MY3uvbSw/?mibextid=qi20mg"><i class="fa fa-facebook"></i></a>
<a href="https://wwww.instagram.com/alameen_degree_college?igsh=YXMxYzA2MXI2M3Bt"><i class="fa fa-instagram"></i></a>
</div>
<a href="https://youtu.be/00zNZ1Vf3_g?si=vAOoVkFg-fOKTqX_" class="footer-link"><p>Made with <i class="fa fa-heart-o"></i> by itx_kabix</p></a>
</section>
<!----JavaScript for toggle menu---->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "-200px";
}
</script>
</body>
</html>