-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.php
193 lines (186 loc) · 9.4 KB
/
about.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>ProfsPortail - About</title>
<!-- Favicon-->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet">
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet">
</head>
<body class="d-flex flex-column">
<main class="flex-shrink-0">
<!-- Navigation-->
<?php include_once('includes/header.php');?>
<!-- Header-->
<!-- About section one-->
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-5 my-5">
<div class="row gx-5 align-items-center">
<div class="col-md-6"><img class="img-fluid rounded mb-5 mb-lg-0" src="images/about-us.jpg" alt="..."></div>
<div class="col-md-6">
<h2 class="fw-bolder">About Us</h2>
<p>The ProfSportail website serves as an indispensable tool for enhancing efficiency and collaboration within academic institutions. Offering intuitive interfaces and robust functionalities, it revolutionizes faculty management and administrative processes. With features such as role-based access control, course management, and AI-driven routines, ProfSportail empowers educators to streamline their workflows and optimize productivity. Whether it's tracking project statuses, managing course assignments, or facilitating seamless communication, ProfSportail simplifies complex tasks and fosters a cohesive academic environment.</p>
<p>Experience the power of ProfSportail in transforming education and empowering academic communities to thrive.</p>
</div>
</div>
</div>
</section>
<style>
/* Adjust image size */
.professor-img {
width: 100%;
height: 200px; /* Set a fixed height for the image container */
object-fit: cover; /* Maintain aspect ratio and cover the container */
}
/* Box container for each professor */
.professor-box {
border: 1px solid #ccc;
padding: 20px;
margin-bottom: 20px; /* Adjust the spacing between each box */
}
/* Image container */
.img-container {
max-width: 100%; /* Set maximum width */
overflow: hidden; /* Hide overflow */
}
</style>
<!-- Professors Section -->
<div class="container px-5">
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">Our Professors</h2>
</div>
<div class="col-md-4 text-center">
<div class="professor-box">
<div class="professor-content">
<img class="img-responsive professor-img" src="images/new/253f9ac.jpg" alt="">
<div class="caption">
<h3>Reeta Grover</h3>
<small>Python Professor</small>
<p>Our Python Professor is everyone's favorite Professor.</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-linkedin-square"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="professor-box">
<div class="professor-content">
<img class="img-responsive professor-img" src="images/new/sif10225.225782846266003821356.jpg" alt="">
<div class="caption">
<h3>Kunal Mathur<br></h3>
<small>Operating System Professor</small>
<p>Because of Kunal Mathur Sir, Operating System has become my favorite subject too..</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-linkedin-square"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="professor-box">
<div class="professor-content">
<img class="img-responsive professor-img" src="images/new/Lærer-studerende-på-UCN.jpg" alt="">
<div class="caption">
<h3>Indrejeet Kaur<br></h3>
<small>maths Professsor</small>
<p>No one in our class has failed in Maths because of his teaching.</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-linkedin-square"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="professor-box">
<div class="professor-content">
<img class="img-responsive professor-img" src="images/new/teacher2.jpg" alt="">
<div class="caption">
<h3>Sumita Thukral<br></h3>
<small>Data Science Professor</small>
<p>Sumita Thukral way of teaching and explaining is best...</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
</li>
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
</li>
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="professor-box">
<div class="professor-content">
<img class="img-responsive professor-img" src="images/new/teacher222223.jpg" alt="">
<div class="caption">
<h3>Rachna Garg<br></h3>
<small>Microprocessor Professor</small>
<p>She is very kind to all the students.</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
</li>
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
</li>
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="professor-box">
<div class="professor-content">
<img class="img-responsive professor-img" src="images/new/20160518144520.jpg" alt="">
<div class="caption">
<h3>Anil Dagur<br></h3>
<small>Automata Professor </small>
<p>He teaches the lessons every day and keeps tests regularly.</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
</li>
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
</li>
<li class="list-inline-item"><a href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer-->
<?php include_once('includes/footer.php');?>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>