-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (130 loc) · 6.8 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
<!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://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<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 active" 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" 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>
<section id="banner" class="mb-5 position-relative">
<div class="container-fluid p-0">
<img src="images/banner (B) [rz].png" class="img-fluid w-100" alt="AI4A Lab Banner">
<div class="banner-overlay d-flex align-items-center justify-content-center text-center">
<div class="text-white">
<h1 class="display-4 fw-bold">AI4A Lab</h1>
<p style="font-size: large;">Artificial Intelligence for Advancement Lab</p>
</div>
</div>
</div>
</section>
<main class="container mt-5">
<section id="summary" class="mb-5">
<h2 class="text-primary text-center">About AI4A Lab</h2>
<p class="lead text-center">AI4A Lab is a cutting-edge research group at Manipal University Jaipur, focusing on AI advancements for accessibility and innovation. We are committed to creating AI solutions that break barriers and promote inclusivity across different sectors.<br><br></p>
<div class="row text-center">
<div class="col-md-4">
<h4>Our Vision</h4>
<p>To leverage AI to create impactful solutions that address real-world accessibility challenges, improving quality of life for all.</p>
</div>
<div class="col-md-4">
<h4>Our Mission</h4>
<p>To advance the accessibility and inclusivity of AI technologies, making them beneficial to a diverse range of users, including those with disabilities.</p>
</div>
<div class="col-md-4">
<h4>Our Impact</h4>
<p>We aim to enhance lives by developing AI solutions that foster independence, promote inclusion, and enable accessibility for all individuals, especially those with disabilities.</p>
</div>
</div>
</section>
<section id="projects" class="mb-5">
<h2 class="text-primary">Fields of Interest</h2>
<!--removing search functionality
<--div class="input-group mb-3">
<span class="input-group-text" id="search-icon">
<i class="fas fa-search"></i>
</span>
<input
type="text"
id="projectSearch"
class="form-control"
placeholder="Type to search projects..."
aria-label="Search Projects"
aria-describedby="search-icon">
</div>
-->
<div class="project-carousel-container">
<button class="carousel-button prev">
<i class="fas fa-chevron-left"></i>
</button>
<button class="carousel-button next">
<i class="fas fa-chevron-right"></i>
</button>
<div id="carousel" class="project-carousel d-flex overflow-auto">
<!-- Your cards will be inserted here by JavaScript -->
</div>
<br><br>
<div class="carousel-indicators">
<!-- Indicators will be inserted here by JavaScript -->
</div>
</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>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>