231 lines
9.4 KiB
HTML
231 lines
9.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>NextGen IT Solutions - Transforming Industries with AI</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
|
|
<style>
|
|
.hero-section {
|
|
background: url('assets/img/ai_banner.png') center/cover no-repeat;
|
|
min-height: 50vh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #fff;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
.hero-section .overlay {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.hero-content {
|
|
z-index: 1;
|
|
}
|
|
.section-title {
|
|
text-align: center;
|
|
margin-bottom: 2rem;
|
|
}
|
|
.card:hover {
|
|
transform: scale(1.05);
|
|
transition: transform 0.2s;
|
|
}
|
|
.sector-tab {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 20px;
|
|
}
|
|
.sector-tab img {
|
|
max-width: 300px;
|
|
max-height: 200px;
|
|
object-fit: cover;
|
|
border-radius: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Navigation Bar -->
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#">NextGen IT Solutions</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="#sectors">Sectors</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#solutions">Solutions</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#who-we-are">Who We Are</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#contact">Contact Us</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<section class="hero-section">
|
|
<div class="overlay"></div>
|
|
<div class="hero-content">
|
|
<h1>Revolutionizing Industries with AI</h1>
|
|
<p class="lead">Empowering Healthcare, Manufacturing, Finance, and more through cutting-edge AI solutions.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Sectors Section -->
|
|
<section id="sectors" class="container my-5">
|
|
<h2 class="section-title">AI Applications Across Industries</h2>
|
|
<ul class="nav nav-tabs justify-content-center" id="industryTabs" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link active" id="healthcare-tab" data-bs-toggle="tab" data-bs-target="#healthcare" type="button" role="tab" aria-controls="healthcare" aria-selected="true">Healthcare</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="manufacturing-tab" data-bs-toggle="tab" data-bs-target="#manufacturing" type="button" role="tab" aria-controls="manufacturing" aria-selected="false">Manufacturing</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="finance-tab" data-bs-toggle="tab" data-bs-target="#finance" type="button" role="tab" aria-controls="finance" aria-selected="false">Finance</button>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content mt-4" id="industryTabsContent">
|
|
<!-- Healthcare Tab -->
|
|
<div class="tab-pane fade show active" id="healthcare" role="tabpanel" aria-labelledby="healthcare-tab">
|
|
<div class="sector-tab">
|
|
<img src="assets/img/ai_medical.png" alt="Healthcare AI">
|
|
<div>
|
|
<h3>AI in Healthcare</h3>
|
|
<p>From diagnostics to personalized treatments, AI is transforming healthcare by enhancing patient outcomes and operational efficiency.</p>
|
|
<ul>
|
|
<li>AI-powered diagnostic tools</li>
|
|
<li>Predictive analytics for patient care</li>
|
|
<li>Drug discovery and development</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Manufacturing Tab -->
|
|
<div class="tab-pane fade" id="manufacturing" role="tabpanel" aria-labelledby="manufacturing-tab">
|
|
<div class="sector-tab">
|
|
<img src="assets/img/ai_manufacture.png" alt="Manufacturing AI">
|
|
<div>
|
|
<h3>AI in Manufacturing</h3>
|
|
<p>AI enables smarter factories with predictive maintenance, quality control, and automation of production lines.</p>
|
|
<ul>
|
|
<li>Predictive maintenance for machinery</li>
|
|
<li>Quality control using AI vision</li>
|
|
<li>Supply chain optimization</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Finance Tab -->
|
|
<div class="tab-pane fade" id="finance" role="tabpanel" aria-labelledby="finance-tab">
|
|
<div class="sector-tab">
|
|
<img src="assets/img/ai_finance.png" alt="Finance AI">
|
|
<div>
|
|
<h3>AI in Finance</h3>
|
|
<p>AI empowers the financial sector by enhancing fraud detection, improving customer experiences, and automating processes.</p>
|
|
<ul>
|
|
<li>Fraud detection using machine learning</li>
|
|
<li>Automated trading systems</li>
|
|
<li>Personalized financial advice</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="solutions" class="bg-light py-5">
|
|
<div class="container">
|
|
<h2 class="section-title">Our AI Solutions</h2>
|
|
<div class="row g-4">
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow">
|
|
<img src="assets/img/ai_developement.png" class="card-img-top" alt="Custom AI Development">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Custom AI Development</h5>
|
|
<p>Tailored AI models to meet your unique business needs.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow">
|
|
<img src="assets/img/ai_dataanalysis.png" class="card-img-top" alt="Data Analytics">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Data Analytics</h5>
|
|
<p>Extract valuable insights from complex datasets to drive decision-making.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card h-100 shadow">
|
|
<img src="assets/img/ai_consult.png" class="card-img-top" alt="AI Consultation">
|
|
<div class="card-body">
|
|
<h5 class="card-title">AI Consultation</h5>
|
|
<p>Guiding businesses in leveraging AI to achieve operational excellence.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Who We Are Section -->
|
|
<section id="who-we-are" class="py-5">
|
|
<div class="container">
|
|
<h2 class="section-title">Who We Are</h2>
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6">
|
|
<p>NextGen IT Solutions is a trailblazing tech company dedicated to delivering cutting-edge AI-powered solutions. Our mission is to empower industries with innovative technologies that drive growth, efficiency, and success. Explore our work and see how we transform businesses.</p>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<img src="assets/img/ai_team.png" alt="Our Team" class="img-fluid rounded">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="py-5">
|
|
<div class="container">
|
|
<h2 class="section-title">Get in Touch</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" placeholder="Your Name">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label">Email</label>
|
|
<input type="email" class="form-control" id="email" placeholder="Your Email">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="message" class="form-label">Message</label>
|
|
<textarea class="form-control" id="message" rows="4" placeholder="Your Message"></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Send Message</button>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4255.149407666304!2d85.34653887604276!3d27.68873902631093!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb198bf9bd6c7d%3A0xb9e9193ddf9eda4f!2sISMT%20College!5e1!3m2!1sen!2snp!4v1737582915715!5m2!1sen!2snp" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-dark text-light py-3 text-center">
|
|
<p class="mb-0">© 2025 NextGen IT Solutions. All Rights Reserved.</p>
|
|
</footer>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html> |