144 lines
4.4 KiB
HTML
144 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="" />
|
|
<meta name="author" content="TemplateMo" />
|
|
|
|
<title>Tuhama Qleshi</title>
|
|
|
|
<!-- CSS FILES -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="css/bootstrap-icons.css" rel="stylesheet" />
|
|
<link href="css/magnific-popup.css" rel="stylesheet" />
|
|
<link href="css/templatemo-first-portfolio-style.css" rel="stylesheet" />
|
|
<link rel="icon" href="images/logo.png" />
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Header -->
|
|
<div id="header"></div>
|
|
|
|
<main>
|
|
<!-- Hero Section -->
|
|
<section id="hero"></section>
|
|
|
|
<!-- About Section -->
|
|
<section id="about"></section>
|
|
<aside class="about-ad">
|
|
<div class="horizontal-ad-banner">
|
|
<div class="ad-content">
|
|
<div class="ad-icon">
|
|
<i class="bi bi-graph-up-arrow"></i>
|
|
</div>
|
|
<div class="ad-text">
|
|
<h4>Boost Your Growth</h4>
|
|
<p>Partner with Company for Digital Excellence</p>
|
|
</div>
|
|
<a href="#" class="ad-link"
|
|
>Get Started <i class="bi bi-arrow-right"></i
|
|
></a>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- Featured Section -->
|
|
<section id="featured"></section>
|
|
<aside class="featured-ad">
|
|
<div class="feature-ad-banner">
|
|
<div class="ad-content">
|
|
<div class="ad-icon">
|
|
<i class="bi bi-shield-check"></i>
|
|
</div>
|
|
<h4>Secure Solutions</h4>
|
|
<p>Trusted by Industry Leaders</p>
|
|
<a href="#" class="ad-link"
|
|
>Learn More <i class="bi bi-arrow-right"></i
|
|
></a>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- Projects Section -->
|
|
<section id="projects"></section>
|
|
<aside class="projects-ad">
|
|
<div class="horizontal-ad-banner">
|
|
<div class="ad-content">
|
|
<div class="ad-icon">
|
|
<i class="bi bi-lightning-charge"></i>
|
|
</div>
|
|
<div class="ad-text">
|
|
<h4>Fast Development</h4>
|
|
<p>Accelerate Your Project Timeline</p>
|
|
</div>
|
|
<a href="#" class="ad-link"
|
|
>Start Now <i class="bi bi-arrow-right"></i
|
|
></a>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- Services Section -->
|
|
<section id="services"></section>
|
|
<aside class="services-ad">
|
|
<div class="feature-ad-banner">
|
|
<div class="ad-content">
|
|
<div class="ad-icon">
|
|
<i class="bi bi-gear"></i>
|
|
</div>
|
|
<h4>Premium Services</h4>
|
|
<p>Expert Solutions for Your Business</p>
|
|
<a href="#" class="ad-link"
|
|
>Discover More <i class="bi bi-arrow-right"></i
|
|
></a>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact"></section>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer"></footer>
|
|
|
|
<!-- JAVASCRIPT FILES -->
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/jquery.sticky.js"></script>
|
|
<script src="js/click-scroll.js"></script>
|
|
<script src="js/jquery.magnific-popup.min.js"></script>
|
|
<script src="js/magnific-popup-options.js"></script>
|
|
<script src="js/custom.js"></script>
|
|
<script src="js/cat-animation.js"></script>
|
|
|
|
<!-- Load Components -->
|
|
<script>
|
|
$(document).ready(function () {
|
|
const components = {
|
|
header: "components/header.html",
|
|
hero: "components/hero.html",
|
|
about: "components/about.html",
|
|
featured: "components/featured.html",
|
|
services: "components/services.html",
|
|
projects: "components/projects.html",
|
|
contact: "components/contact.html",
|
|
footer: "components/footer.html",
|
|
};
|
|
|
|
// Load all components
|
|
Object.entries(components).forEach(([id, path]) => {
|
|
$(`#${id}`).load(path);
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|