-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpeople.html
134 lines (124 loc) · 5.8 KB
/
people.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI4A Lab</title>
<link rel="icon" type="image/x-icon" href="images/AI4A_blackBG.png">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="css/people.css">
</head>
<body class="publications-page">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="./images/AI4A_bg_text_rmv.png" alt="AI4A LAB" style="width: 90px; height: 50px;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="projects.html">Projects</a></li>
<li class="nav-item"><a class="nav-link" href="publications.html">Publications</a></li>
<li class="nav-item"><a class="nav-link active" href="people.html">People</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
<li class="nav-item">
<button id="theme-toggle" class="btn btn-sm btn-outline-light">
<i id="theme-icon" class="fas fa-sun"></i>
</button>
</li>
</ul>
</div>
</div>
</nav>
<div id="banner" class="section mb-5 position-relative">
<div class="container-fluid p-0">
<img src="images/banner (B) [rz].png" alt="AI4A Lab Banner" class="img-fluid w-100">
<div class="banner-overlay d-flex align-items-center justify-content-center text-center">
<div class="text-white">
<h1 class="display-4 fw-bold">Team</h1>
<p>Meet the team at AI4A Labs, working together to explore new frontiers in AI research.</p>
</div>
</div>
</div>
</div>
<main class="container mt-5" role="main">
<section class="team-section professors-section mb-5">
<h2 class="section-title">Supervisor</h2>
<div class="team-grid" id="professors-grid">
</div>
</section>
<section class="team-section team-lead-section mb-5">
<h2 class="section-title">Team Lead</h2>
<div class="team-grid" id="team-lead-grid">
</div>
</section>
<section class="team-section senior-lead-section mb-5">
<h2 class="section-title">Senior Member</h2>
<div class="team-grid" id="senior-lead-grid">
</div>
</section>
<section class="team-section junior-lead-section mb-5">
<h2 class="section-title">Member</h2>
<div class="team-grid" id="junior-lead-grid">
</div>
</section>
<section class="team-section past-member-section mb-5">
<h2 class="section-title">Past Members</h2>
<div class="team-grid" id="past-member-grid">
</div>
</section>
</main>
<footer class="container-fluid d-flex justify-content-between align-items-center py-3">
<!--div class="footer-brand d-flex align-items-center">
<img src="./images/logo_Manipal_ai4a.png" alt="AI4A Lab Logo" style="width: 40px; height: 40px;">
<span class="fw-bold">AI4A Lab</span>
</div-->
<div class="social-links">
<a href="mailto:[email protected]" class="text-white">
<i class="fas fa-envelope"></i>
<span class="tooltip-text">Contact us via Email</span>
</a>
<a href="https://www.linkedin.com/company/ai4a-lab" target="_blank" class="text-white">
<i class="fab fa-linkedin"></i>
<span class="tooltip-text">Follow us on LinkedIn</span>
</a>
<a href="https://github.com/AI4A-lab" target="_blank" class="text-white">
<i class="fab fa-github"></i>
<span class="tooltip-text">Welcome to our Github Page</span>
</a>
<a href="https://huggingface.co/organizations/AI4A-Lab/share/ivKcrQlqULzZjofpLYqxGmPwAyHcKIaIzH" class="text-white">
<img src="./images/hugging_face.png" alt="Hugging Face" style="width: 20px; height: 20px;">
<span class="tooltip-text">Welcome to our Hugging Face Page!!</span>
</a>
</div>
<div class="copyright">
© 2024 Manipal University Jaipur. All Rights Reserved.
</div>
</footer>
<template id="member-card-template">
<div class="team-member">
<div class="member-card">
<div class="member-front">
<div class="member-image">
<img src="" alt="">
</div>
<div class="member-info">
<h3 class="member-name"></h3>
<p class="member-role"></p>
<p class="member-email"></p>
<p class="member-interests"></p>
<div class="member-links"></div>
</div>
</div>
</div>
</div>
</template>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/people.js"></script>
</body>
</html>