index.html

<!DOCTYPE html>
<html lang="en">

<head>
	<title>Dedicated Software Engineers Group | Code HUNT'S</title>
	<meta name="description" content="Code hunts is a leading software development company in Islamabad Pakistan.">
	<meta name="keywords" content="Software Company, software engineers, code hunts, Code HUNT'S">
	<meta name="author" content="Muhammad Naveed">
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="theme-color" content="#00b982"> <!-- Android -->
	<meta name="apple-mobile-web-app-status-bar-style" content="#00b982"> <!-- IOS -->
	<link rel="canonical" href="https://www.codehuntspk.com/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:site_name" content="Code Hunts" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Dedicated Software Engineers Group | Code HUNT'S" />
	<meta property="og:description"
		content="Code hunts is a leading software development company in Islamabad Pakistan." />
	<meta property="og:url" content="https://www.codehuntspk.com/" />
	<meta name="twitter:site" content="@code_hunts">
	<meta name="twitter:image" content="https://pbs.twimg.com/profile_banners/1669217983737249792/1686859154/1080x360">
	<meta name="twitter:card" content="summary" />
	<meta name="twitter:title" content="Encourage innovation with trusted Technology Solutions." />
	<meta name="twitter:description"
		content="Code hunts is a leading software development company in Islamabad Pakistan." />
	<link rel="icon" href="./assets/favicon.ico">
	<link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png">
	<link rel="manifest" href="./assets/site.webmanifest">
	<link rel="stylesheet" href="./css/style.css">
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
		integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
	<script defer src="./js/animate.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
		integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
		crossorigin="anonymous"></script>
	<script defer src="./js/app.js"></script>
</head>

<body>
	<!-- Nav Bar -->
	<div class="header">
		<div class="container">
			<p>○ بِسْــــــــــــــــــمِ اللّهِ الرَّحْمٰنِ الرَّحِيْمِ</p>
		</div>
	</div>
	<nav class="navbar navbar-expand-lg sticky-top navbar-light bg-blur hiddenDown">
		<div class="container col-xxl-8">
			<a class="navbar-brand" href="./index.html">
				<img src="./assets/logo.png" alt="code hunts logo" height="60px" loading="lazy" />
			</a>
			<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
				data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
				aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav ms-auto">
					<li class="nav-item">
						<a class="nav-link active" aria-current="page" href="./index.html">Home</a>
					</li>
					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
							data-bs-toggle="dropdown" aria-expanded="false">
							Services
						</a>
						<ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="padding: 4px;">
							<li><a class="dropdown-item" href="./webDev.html">Web Development</a></li>
							<li><a class="dropdown-item" href="./appDev.html">App Development</a></li>
							<li><a class="dropdown-item" href="./uxui.html">Graphics Designing</a></li>
						</ul>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./portfolio.html">Projects</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./team.html">Our Team</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./about.html">About Us</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./blogs.html">Blogs</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./contact.html">Contact</a>
					</li>
				</ul>
			</div>
		</div>
	</nav>

	<!-- Hero -->
	<div class="container col-xxl-8 px-4">
		<div
			class="row flex-lg-row-reverse align-items-center py-5 justify-content-center justify-content-lg-between mt-sm-5">
			<div class="col-10 col-sm-8 col-lg-5 hiddenRight">
				<img src="./assets/hero_img.png" class="img-fluid" alt="hero image" width="700" height="500"
					loading="lazy" />
			</div>
			<div class="col-lg-6 hiddenLeft">
				<h1 id="section-heading">Encourage innovation with trusted <span class="primary_text"> Technology
						Solutions.</span></h1>
				<p id="section-paragraph" class="lead text-muted">Revolutionizing the Future of Software Solutions.</p>
				<a href="#gettingStarted" class="btn-md-green col-12 col-sm-12 col-md-4">
					<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
						class="bi bi-send-fill" viewBox="0 0 16 16">
						<path
							d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471z" />
					</svg>
					Get Started
				</a>
			</div>
		</div>
	</div>

	<!-- Introduction -->
	<div class="container col-xxl-8 px-4">
		<!-- Row -->
		<div class="row row-cols-1 row-cols-lg-3 align-items-stretch g-4 py-5">
			<!-- Column -->
			<div class="col hiddenLeft">
				<div class="card text-center services-card shadow" style="height: 340px;">
					<div class="card-body">
						<img src="./assets/it_solutions.png" alt="app development image"
							style="margin: 20px 0px 30px 0px; max-height: 120px;" />
						<h2 class="card-title lead fw-bold">App Development</h2>
						<p class="card-text">Windows, Android and IOS app development and free consultancy.</p>
						<a href="./appDev.html" class="link">Continue Reading</a>
					</div>
				</div>
			</div>

			<!-- Column -->
			<div class="col hiddenLeft">
				<div class="card text-center services-card shadow" style="height: 340px;">
					<div class="card-body">
						<img src="./assets/web_designs.png" alt="web development image"
							style="margin: 20px 0px 30px 0px; max-height: 120px;" />
						<h2 class="card-title lead fw-bold">Web Development</h2>
						<p class="card-text">Introducing Bleeding Edge Technologies.</p>
						<a href="./webDev.html" class="link">Continue Reading</a>
					</div>
				</div>
			</div>

			<!-- Column -->
			<div class="col hiddenLeft">
				<div class="card text-center services-card shadow" style="height: 340px;">
					<div class="card-body">
						<img src="./assets/ux_ui.png" alt="Designing image"
							style="margin: 20px 0px 30px 0px; max-height: 120px;" />
						<h2 class="card-title lead fw-bold">UX/UI Designing</h2>
						<p class="card-text">UX/UI Design is Bridging the Gap Between Users and Technology.</p>
						<a href="./uxui.html" class="link">Continue Reading</a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- Web-development Section -->
	<div class="odd-section">
		<div class="container col-xxl-8 px-4 py-5">
			<div class="row flex-lg-row-reverse align-items-center g-5 py-5 " style="justify-content: space-evenly">
				<div class="col-10 col-sm-8 col-lg-5 hiddenRight">
					<img src="./assets/choose-1.png" class="img-fluid" alt="Web solutions illustration" width="700"
						height="500" loading="lazy">
				</div>
				<div class="col-lg-6 hiddenDown">
					<h2 id="section-heading">Website Solutions</h2>
					<p id="section-paragraph">
						Our team of experienced web and software developers will work closely with you to understand
						your unique
						requirements and objectives. We believe that a well-designed website not only enhances your
						brand image but
						also provides a seamless user experience.
					</p>
					<div class="row">
						<div class="col-md-6">
							<button class="btn-lg-green-outline shadow hiddenGlow" style="cursor: default;">E-Commerce
								Websites</button>
							<button class="btn-lg-green-outline shadow hiddenGlow" style="cursor: default;">WordPress
								Websites</button>
							<button class="btn-lg-green-outline shadow hiddenGlow" style="cursor: default;">Bootstrap5
								Websites</button>
						</div>
						<div class="col-md-6">
							<button class="btn-lg-green-outline shadow hiddenGlow" style="cursor: default;">Web
								Design</button>
							<button class="btn-lg-green-outline shadow hiddenGlow" style="cursor: default;">CSS3
								Based</button>
							<button class="btn-lg-green-outline shadow hiddenGlow" style="cursor: default;">SCSS
								Based</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--- Applications Development Section -->
	<div class="even-section">
		<div class="container col-xxl-8 px-4">
			<div class="row flex-lg-row-reverse align-items-center g-5 py-5 " style="justify-content: space-evenly">
				<div class="col-lg-6 hiddenDown">
					<h2 id="section-heading">Tech Soul for your Business</h2>
					<p id="section-paragraph">
						An effective IT solution provides a comprehensive approach that encompasses hardware, software,
						networking,
						security, and support services tailored to the specific needs of an organization.
					</p>
					<div class="row">
						<div class="col-md-6">
							<button class="btn-lg-green-outline shadow hiddenGlow" style="cursor: default;">Graphics
								Designing</button>
							<button class="btn-lg-green-outline shadow hiddenGlow" style="cursor: default;">UX/UI
								Designing</button>
							<button class="btn-lg-green-outline shadow hiddenGlow" style="cursor: default;">Logo
								Designing</button>
						</div>
						<div class="col-md-6">
							<button class="btn-lg-green-outline shadow hiddenGlow" style="cursor: default;">Android
								apps</button>
							<button class="btn-lg-green-outline shadow hiddenGlow" style="cursor: default;">IOS
								apps</button>
							<button class="btn-lg-green-outline shadow hiddenGlow" style="cursor: default;">Windows
								apps</button>
						</div>
					</div>
				</div>
				<div class="col-10 col-sm-8 col-lg-5 hiddenLeft">
					<img src="./assets/choose-2.png" class="img-fluid" alt="Tech Business illustration" width="700"
						height="500" loading="lazy">
				</div>
			</div>
		</div>
	</div>

	<!-- Company Details -->
	<div class="details-section">
		<div class="container col-xxl-8 px-4">
			<div class="row text-center">
				<div class="col-lg-3 hiddenText p-4">
					<h2 id="experienceYears">---</h2>
					<p class="lead">Years of Experience</p>
				</div>

				<div class="col-lg-3 hiddenText p-4">
					<h2 id="completedProjects">---</h2>
					<p class="lead">Completed Projects</p>
				</div>

				<div class="col-lg-3 hiddenText p-4">
					<h2 id="totalEmployees">---</h2>
					<p class="lead">Employees</p>
				</div>

				<div class="col-lg-3 hiddenText p-4">
					<h2 id="totalRating">---</h2>
					<p class="lead">5 Start Rating</p>
				</div>
			</div>
		</div>
	</div>

	<!-- Expert Team Members -->
	<div class="container col-xxl-8 px-4 mt-5">
		<h2 class="text-center mt-5">Our Expert Team Members</h2>
	</div>

	<div class="even-section">
		<div class="container col-xxl-8 px-4">
			<div class="row text-center">
				<!-- Team member 1 -->
				<div class="hiddenLeft col-lg-3 team">
					<img src="./assets/team/naveed.png" alt="CTO personal photo" class="team-img-cover" />
					<h3>Muhammad Naveed</h3>
					<p>
						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
							class="bi bi-code-slash" viewBox="0 0 16 16">
							<path
								d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0m6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0" />
						</svg>
						Software Engineer
					</p>
				</div>

				<!-- Team member 2 -->
				<div class="hiddenLeft col-lg-3 team">
					<img src="./assets/team/hamza.png" alt="CEO personal photo" class="team-img-cover" />
					<h3>Hamza Waheed</h3>
					<p>
						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
							class="bi bi-cloud" viewBox="0 0 16 16">
							<path
								d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383m.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z" />
						</svg>
						Cloud Engineer
					</p>
				</div>

				<!-- Team member 3 -->
				<div class="hiddenRight col-lg-3 team">
					<img src="./assets/team/Usama.png" alt="SEO expert personal photo" class="team-img-cover" />
					<h3>Muhammad Usama</h3>
					<p>
						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
							class="bi bi-globe" viewBox="0 0 16 16">
							<path
								d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z" />
						</svg>
						SEO Expert
					</p>
				</div>

				<!-- Team member 4 -->
				<div class="hiddenRight col-lg-3 team">
					<img src="./assets/team/shazil-index.png" alt="Web developer personal photo"
						class="team-img-cover" />
					<h3>Muhammad Shazil</h3>
					<p>
						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
							class="bi bi-browser-safari" viewBox="0 0 16 16">
							<path
								d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.25-14.75v1.5a.25.25 0 0 1-.5 0v-1.5a.25.25 0 0 1 .5 0m0 12v1.5a.25.25 0 1 1-.5 0v-1.5a.25.25 0 1 1 .5 0M4.5 1.938a.25.25 0 0 1 .342.091l.75 1.3a.25.25 0 0 1-.434.25l-.75-1.3a.25.25 0 0 1 .092-.341m6 10.392a.25.25 0 0 1 .341.092l.75 1.299a.25.25 0 1 1-.432.25l-.75-1.3a.25.25 0 0 1 .091-.34ZM2.28 4.408l1.298.75a.25.25 0 0 1-.25.434l-1.299-.75a.25.25 0 0 1 .25-.434Zm10.392 6 1.299.75a.25.25 0 1 1-.25.434l-1.3-.75a.25.25 0 0 1 .25-.434ZM1 8a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 0 .5h-1.5A.25.25 0 0 1 1 8m12 0a.25.25 0 0 1 .25-.25h1.5a.25.25 0 1 1 0 .5h-1.5A.25.25 0 0 1 13 8M2.03 11.159l1.298-.75a.25.25 0 0 1 .25.432l-1.299.75a.25.25 0 0 1-.25-.432Zm10.392-6 1.299-.75a.25.25 0 1 1 .25.433l-1.3.75a.25.25 0 0 1-.25-.434ZM4.5 14.061a.25.25 0 0 1-.092-.341l.75-1.3a.25.25 0 0 1 .434.25l-.75 1.3a.25.25 0 0 1-.342.091m6-10.392a.25.25 0 0 1-.091-.342l.75-1.299a.25.25 0 1 1 .432.25l-.75 1.3a.25.25 0 0 1-.341.09ZM6.494 1.415l.13.483a.25.25 0 1 1-.483.13l-.13-.483a.25.25 0 0 1 .483-.13M9.86 13.972l.13.483a.25.25 0 1 1-.483.13l-.13-.483a.25.25 0 0 1 .483-.13M3.05 3.05a.25.25 0 0 1 .354 0l.353.354a.25.25 0 0 1-.353.353l-.354-.353a.25.25 0 0 1 0-.354m9.193 9.193a.25.25 0 0 1 .353 0l.354.353a.25.25 0 1 1-.354.354l-.353-.354a.25.25 0 0 1 0-.353M1.545 6.01l.483.13a.25.25 0 1 1-.13.483l-.483-.13a.25.25 0 1 1 .13-.482Zm12.557 3.365.483.13a.25.25 0 1 1-.13.483l-.483-.13a.25.25 0 1 1 .13-.483m-12.863.436a.25.25 0 0 1 .176-.306l.483-.13a.25.25 0 1 1 .13.483l-.483.13a.25.25 0 0 1-.306-.177m12.557-3.365a.25.25 0 0 1 .176-.306l.483-.13a.25.25 0 1 1 .13.483l-.483.13a.25.25 0 0 1-.306-.177M3.045 12.944a.3.3 0 0 1-.029-.376l3.898-5.592a.3.3 0 0 1 .062-.062l5.602-3.884a.278.278 0 0 1 .392.392L9.086 9.024a.3.3 0 0 1-.062.062l-5.592 3.898a.3.3 0 0 1-.382-.034zm3.143 1.817a.25.25 0 0 1-.176-.306l.129-.483a.25.25 0 0 1 .483.13l-.13.483a.25.25 0 0 1-.306.176M9.553 2.204a.25.25 0 0 1-.177-.306l.13-.483a.25.25 0 1 1 .483.13l-.13.483a.25.25 0 0 1-.306.176" />
						</svg>
						Web Developer
					</p>
				</div>

			</div>
		</div>
	</div>

	<!-- Have a project idea -->
	<div class="details-section" id="gettingStarted">
		<div class="container col-xxl-8 px-4 py-5">
			<div class="row text-center hiddenText">
				<div class="col-12">
					<h2>Have a project in mind?</h2>
					<p class="wrap-text">
						We thrive on turning your ideas into reality. Whether you have a groundbreaking concept
						or a specific problem that needs solving,
						we are here to transform your vision into a remarkable
						digital solution. With our team of skilled developers, designers,
						and strategists, we are ready to embark on a collaborative
						journey with you, bringing expertise, innovation, and cutting-edge
						technology to the table.
					</p>
					<a href="./contact.html" class="btn-md-green-secondary">
						<!-- <i class="bi-chat"> </i> -->
						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
							class="bi bi-chat" viewBox="0 0 16 16">
							<path
								d="M2.678 11.894a1 1 0 0 1 .287.801 11 11 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8 8 0 0 0 8 14c3.996 0 7-2.807 7-6s-3.004-6-7-6-7 2.808-7 6c0 1.468.617 2.83 1.678 3.894m-.493 3.905a22 22 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a10 10 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9 9 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105" />
						</svg>
						Contact Us
					</a>
				</div>
			</div>
		</div>
	</div>

	<!-- Footer -->
	<footer class="bd-footer py-5 mt-5 bg-light">
		<div class="container col-xxl-8 px-4 py-5">
			<div class="row">
				<!-- Company Name -->
				<div class="col-lg-3 col-md-6 footer-contact">
					<a class="d-inline-flex align-items-center mb-2 link-dark text-decoration-none" href="./index.html">
						<h2 class="fs-5">Code HUNT'S</h2>
					</a>
					<p class="lnk">
						I-10 sector 2 <br> Islamabad, Pakistan. <br><br>
						<a href="mailto: contact@codehuntspk.com">contact@codehuntspk.com</a><br>
					</p>
				</div>

				<!-- UserFull Links -->
				<div class="col-lg-3 col-md-6 footer-links">
					<h2 class="fs-5">Useful Links</h2>
					<ul class="list-unstyled lnk">
						<li class="mb-2"><a href="./index.html">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-link-45deg" viewBox="0 0 16 16">
									<path
										d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
									<path
										d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
								</svg>
								Home</a></li>
						<li class="mb-2"><a href="/team.html">
								<!-- <i class="bi-link"></i>  -->
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-link-45deg" viewBox="0 0 16 16">
									<path
										d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
									<path
										d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
								</svg>
								Our Team</a></li>
						<li class="mb-2"><a href="./about.html">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-link-45deg" viewBox="0 0 16 16">
									<path
										d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
									<path
										d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
								</svg>
								About us</a></li>
						<li class="mb-2"><a href="./contact.html">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-link-45deg" viewBox="0 0 16 16">
									<path
										d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
									<path
										d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
								</svg>
								Contact us</a></li>
					</ul>
				</div>

				<!-- Services  -->
				<div class="col-lg-3 col-md-6 footer-links">
					<h2 class="fs-5">Our Services</h2>
					<ul class="list-unstyled lnk">
						<li class="mb-2"><a href="./webDev.html#bootstrap">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-link-45deg" viewBox="0 0 16 16">
									<path
										d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
									<path
										d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
								</svg>

								Bootstrap5</a></li>
						<li class="mb-2"><a href="./webDev.html#WordPress">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-link-45deg" viewBox="0 0 16 16">
									<path
										d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
									<path
										d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
								</svg>
								WordPress</a></li>
						<li class="mb-2"><a href="./appDev.html#winapps">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-link-45deg" viewBox="0 0 16 16">
									<path
										d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
									<path
										d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
								</svg>
								Windows apps</a></li>
						<li class="mb-2"><a href="./appDev.html#androidapps"><svg xmlns="http://www.w3.org/2000/svg"
									width="16" height="16" fill="currentColor" class="bi bi-link-45deg"
									viewBox="0 0 16 16">
									<path
										d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
									<path
										d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
								</svg> Android apps</a>
						</li>
						<li class="mb-2"><a href="./appDev.html#iosapps"><svg xmlns="http://www.w3.org/2000/svg"
									width="16" height="16" fill="currentColor" class="bi bi-link-45deg"
									viewBox="0 0 16 16">
									<path
										d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
									<path
										d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
								</svg>IOS apps</a></li>
						<li class="mb-2"><a href="./uxui.html#uxui"><svg xmlns="http://www.w3.org/2000/svg" width="16"
									height="16" fill="currentColor" class="bi bi-link-45deg" viewBox="0 0 16 16">
									<path
										d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
									<path
										d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
								</svg> UX/UI Designing</a></li>
						<li class="mb-2"><a href="./uxui.html#graphics"><svg xmlns="http://www.w3.org/2000/svg"
									width="16" height="16" fill="currentColor" class="bi bi-link-45deg"
									viewBox="0 0 16 16">
									<path
										d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
									<path
										d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
								</svg> Graphics Designing</a>
						</li>
						<li class="mb-2"><a href="./uxui.html#logo"><svg xmlns="http://www.w3.org/2000/svg" width="16"
									height="16" fill="currentColor" class="bi bi-link-45deg" viewBox="0 0 16 16">
									<path
										d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z" />
									<path
										d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z" />
								</svg> Logo Designing</a></li>
					</ul>
				</div>

				<!-- Social Network -->
				<div class="col-lg-3 col-md-6 footer-links">
					<h2 class="fs-5">Our Social Networks</h2>
					<p class="">A group of passionate software developers, designers and problem solvers.</p>
					<div class="social-links mt-3">
						<a href="https://twitter.com/code_hunts/" aria-label="twitter link"><svg
								xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
								class="bi bi-twitter-x" viewBox="0 0 16 16">
								<path
									d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />
							</svg></a>
						<a href="https://web.facebook.com/people/Code-Hunts/100094255579069/"
							aria-label="facebook link"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
								fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
								<path
									d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
							</svg></a>
						<a href="https://instagram.com/code_hunts/" aria-label="instagram link"><svg
								xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
								class="bi bi-instagram" viewBox="0 0 16 16">
								<path
									d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334" />
							</svg></a>
						<a href="https://www.youtube.com/@CodeHUNTS" aria-label="youtube link"><svg
								xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
								class="bi bi-youtube" viewBox="0 0 16 16">
								<path
									d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z" />
							</svg></a>
						<a href="https://www.linkedin.com/in/code-hunt-s-3566a728b/" aria-label="linkedin link"><svg
								xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
								class="bi bi-linkedin" viewBox="0 0 16 16">
								<path
									d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
							</svg></a>
					</div>
				</div>
			</div>
		</div>

	</footer>
	<!-- Privacy Notice -->
	<div class="footer  py-3 bg-dark text-light">
		<div class="container mt-3 col-xxl-8">
			<span id="year"></span>
			<span><a href="./terms.html" target="_blank" class="text-light">Terms.</a></span>
		</div>
	</div>

	<!-- Back to top -->
	<a class="btt d-flex align-items-center justify-content-center" aria-label="back to top button" href="#"
		id="backtotop">
		<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up"
			viewBox="0 0 16 16">
			<path fill-rule="evenodd"
				d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5" />
		</svg>
	</a>

	<!-- Ajax for retrieving info -->
	<script>
		$(document).ready(function () {
			$.ajax({
				url: "/php/compInfo.php",
				type: "GET",
				dataType: "json",
				success: function (response) {
					$("#experienceYears").html((new Date().getFullYear() - 2023) + "+");
					$("#completedProjects").html(response.at(0));
					$("#totalEmployees").html(response.at(1));
					$("#totalRating").html(response.at(2));
				},
				error: function (xhr, status, error) {
					console.error("Error:", error);
				}
			});
		});
	</script>

</body>

</html>