Skip to content

AI4A Lab Website v1.0 #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Dec 20, 2024
Merged

AI4A Lab Website v1.0 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
126 changes: 126 additions & 0 deletions Contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,126 @@
<!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/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/contact.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" href="people.html">People</a></li>
<li class="nav-item"><a class="nav-link active" 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 class="contact-section">
<div class="container">
<h2 id="contact-us" class="text-center mb-5">Contact Us</h2>
<div class="row">
<div class="col-lg-6">
<div class="contact-info">
<div class="contact-info-item">
<i class="fas fa-envelope"></i>
<div class="content">
<h5>Email</h5>
<a href="mailto:ai4a.lab@outlook.com">ai4a.lab@outlook.com</a>
</div>
</div>

<div class="contact-info-item">
<i class="fas fa-phone"></i>
<div class="content">
<h5>Phone</h5>
<p>(+91)7014402055</p>
</div>
</div>

<div class="contact-info-item">
<i class="fas fa-map-marker-alt"></i>
<div class="content">
<h5>Address</h5>
<p>Jaipur-Ajmer Express Highway, Dehmi Kalan,<br>
Near GVK Toll Plaza, Jaipur,<br>
Rajasthan 303007</p>
</div>
</div>

<div class="contact-social-links">
<a href="mailto:ai4a.lab@outlook.com" class="text-dark" title="Email Us">
<i class="fas fa-envelope fa-lg"></i>
</a>
<a href="https://www.linkedin.com/company/ai4a-lab" class="text-dark" title="LinkedIn">
<i class="fab fa-linkedin fa-lg"></i>
</a>
<a href="https://github.com/AI4A-lab" class="text-dark" title="GitHub">
<i class="fab fa-github fa-lg"></i>
</a>
<a href="https://huggingface.co/organizations/AI4A-Lab/share/ivKcrQlqULzZjofpLYqxGmPwAyHcKIaIzH" class="text-dark" title="LinkedIn">
<img src="./images/hugging_face.png" alt="Hugging Face" style="width: 20px; height: 20px;">
</a>
</div>
</div>
</div>

<div class="col-lg-6">
<div class="map-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d8466.84026632181!2d75.56354894719692!3d26.844156329093728!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x396c4850e05bee9b%3A0x1b8d67402d4eb863!2sManipal%20University%20Jaipur!5e0!3m2!1sen!2sin!4v1732374420583!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</section>
<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:ai4a.lab@outlook.com" 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/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/contact.js"></script>
</body>
</html>
1 change: 1 addition & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
# AI4A-lab.github.io
AI4A Lab Official Website

Loading