Skip to content

Instantly share code, notes, and snippets.

@soham2008xyz

soham2008xyz/ahte-2024.markdown

Created February 6, 2024 06:24
Show Gist options
  • Save soham2008xyz/e758780d0c1ead3d96656be6d405c80b to your computer and use it in GitHub Desktop.
Save soham2008xyz/e758780d0c1ead3d96656be6d405c80b to your computer and use it in GitHub Desktop.
Download ZIP
AHTE 2024
Raw
index.html
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#home">AHTE-2024 Conference</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 justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#speakers">Speakers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#registration">Registration</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleSlidesOnly" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleSlidesOnly" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleSlidesOnly" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://via.placeholder.com/1920x1080" class="d-block w-100" alt="Slide 1">
<div class="carousel-content text-center">
<h1>International Conference on Advances in Higher Technical Education (AHTE-2024)</h1>
<p class="lead">February 26th and 27th, 2024</p>
</div>
</div>
<div class="carousel-item">
<img src="https://via.placeholder.com/1920x1080" class="d-block w-100" alt="Slide 2">
<div class="carousel-content text-center">
<h1>International Conference on Advances in Higher Technical Education (AHTE-2024)</h1>
<p class="lead">February 26th and 27th, 2024</p>
</div>
</div>
<div class="carousel-item">
<img src="https://via.placeholder.com/1920x1080" class="d-block w-100" alt="Slide 3">
<div class="carousel-content text-center">
<h1>International Conference on Advances in Higher Technical Education (AHTE-2024)</h1>
<p class="lead">February 26th and 27th, 2024</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleSlidesOnly" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleSlidesOnly" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="container mt-5">
<section id="about">
<h2>About the Conference</h2>
<p>Welcome to the International Conference on Advances in Higher Technical Education (AHTE-2024)! This conference aims to bring together researchers, educators, and industry professionals to discuss and explore advancements in higher technical education.</p>
<p>Join us for two days of insightful sessions, keynote speeches, and networking opportunities.</p>
</section>
<section class="mt-5" id="speakers">
<h2>Keynote Speakers</h2>
<div class="row">
<div class="col-md-6">
<div class="card mb-3">
<img src="https://via.placeholder.com/300" class="card-img-top" alt="Keynote Speaker 1">
<div class="card-body">
<h5 class="card-title">Dr. Jane Smith</h5>
<p class="card-text">Professor of Computer Science, University of Technology</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card mb-3">
<img src="https://via.placeholder.com/300" class="card-img-top" alt="Keynote Speaker 2">
<div class="card-body">
<h5 class="card-title">Dr. John Doe</h5>
<p class="card-text">Chair of Electrical Engineering Department, Institute of Technology</p>
</div>
</div>
</div>
</div>
</section>
<section class="mt-5" id="registration">
<h2>Registration</h2>
<p>Registration for AHTE-2024 is now open! Reserve your spot today.</p>
<a href="registration.html" class="btn btn-primary">Register Now</a>
</section>
<section class="mt-5" id="contact">
<h2>Contact Us</h2>
<div class="row">
<div class="col-md-6">
<form>
<div class="mb-3">
<label for="name" class="form-label">Name</label>
<input type="text" class="form-control" id="name">
</div>
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email">
</div>
<div class="mb-3">
<label for="message" class="form-label">Message</label>
<textarea class="form-control" id="message" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<div class="col-md-6">
<div class="map-container">
<!-- Embed Google Map for University of Engineering & Management, Jaipur -->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3579.3722243124116!2d75.84639371498533!3d26.853086983146114!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x396c4d632042dded%3A0x9cf89b79974e871e!2sUniversity%20of%20Engineering%20and%20Management%2C%20Jaipur!5e0!3m2!1sen!2sin!4v1645112524991!5m2!1sen!2sin" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
</section>
</div>
<footer class="bg-dark text-white mt-5">
<div class="container">
<div class="row pt-5">
<div class="col-md-4 footer-columns">
<h4>Conference Title & Dates</h4>
<p>International Conference on Advances in Higher Technical Education (AHTE-2024)<br>February 26th and 27th, 2024</p>
</div>
<div class="col-md-4 footer-columns">
<h4>Quick Links</h4>
<ul class="list-unstyled">
<li><a href="#about">About</a></li>
<li><a href="#speakers">Speakers</a></li>
<li><a href="#registration">Registration</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="col-md-4 footer-columns">
<h4>Contact Details</h4>
<p>Email: [email protected]<br>Phone: +1 (123) 456-7890</p>
</div>
</div>
</div>
</footer>
Raw
scripts
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.6/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.min.js"></script>
Raw
style.css
/* Adjust carousel height as needed */
.carousel-item {
height: 500px;
}
.carousel-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.map-container {
height: 400px;
}
Raw
styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment