uxui.html

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

<head>
	<title>UX/UI Service | Code HUNT'S</title>
	<meta name="description"
		content="CODE HUNT’S is a dedicated team of passionate developers based in Islamabad, Pakistan.">
	<meta name="keywords" content="Software Company, codehunts, codehunt, bootstrap5, ">
	<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="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">
	<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">
	<script defer src="./js/animate.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 hiddenText">
		<div class="container">
			<p>○ بِسْــــــــــــــــــمِ اللّهِ الرَّحْمٰنِ الرَّحِيْمِ</p>
		</div>
	</div>
	<nav class="navbar navbar-expand-lg sticky-top navbar-light bg-blur hiddenDown">
		<div class="container">
			<a class="navbar-brand" href="./index.html">
				<img src="./assets/logo.png" class="me-3" alt="" height="60px">
			</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" 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>

	<div class="even-section" style="margin: 0px !important;">
		<div class="container col-xxl-8 px-4">
			<!-- hero -->
			<div
				class="row flex-lg-row-reverse align-items-center g-5 py-5 justify-content-lg-between justify-content-center">
				<div class="col-10 col-sm-8 col-lg-5 hiddenRight">
					<img src="./assets/graphics/hero.svg" class="img-fluid" alt="hero img iphone pic" width="700"
						height="500" loading="lazy">
				</div>
				<div class="col-lg-6 hiddenLeft">
					<h1 id="section-heading">Designing</h1>
					<p id="section-paragraph" class="lead text-muted">For better User Experience, you should have a good
						design,
						illustration or logo to convey the brand message effectively.</p>
					<a href="#gettingStarted" class="btn-md-green shadow ">
						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
							class="bi bi-chat-fill" viewBox="0 0 16 16">
							<path
								d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9 9 0 0 0 8 15" />
						</svg>
						Grab yours
					</a>
				</div>
			</div>

			<hr class="featurette-divider">

			<!-- Graphics Section -->
			<div class="row py-5" id="graphics">
				<div class="col-md-7 order-md-2 hiddenRight">
					<h2 class="featurette-heading">Graphics Designing</h2>
					<p class="lead text-muted">With perfect graphics we can convey our message to customers very fastly
						and effectively. We create hight quality and pixel perfect graphics for your business.</p>
				</div>
				<div class="col-md-5 order-md-1 featurette-image hiddenLeft">
					<img src="./assets/graphics/illustration.png" alt="" class="rounded img-fluid mx-auto">
				</div>
			</div>

			<hr class="featurette-divider">

			<!-- Logo Section -->
			<div class="row py-5" id="logo">
				<div class="col-md-7 hiddenLeft">
					<h2 class="featurette-heading">Logo Designing</h2>
					<p class="lead text-muted">
						Logo's are the brand identity. So, for better brand identity you should have to choose an
						appropriate logo which represents the business motive and brand effectively.
					</p>
				</div>
				<div class="col-md-5 featurette-image hiddenRight">
					<img src="./assets/graphics/logo.svg" alt="" class="img-fluid mx-auto rounded">
				</div>
			</div>

			<hr class="featurette-divider">


			<!-- UX/UI Section -->
			<div class="row py-5" id="uxui">
				<div class="col-md-7 order-md-2 hiddenRight">
					<h2 class="featurette-heading">UX/UI Designing</h2>
					<p class="lead text-muted">
						The most important part of any business is the end users. So, the user experience is very
						important. Better the user experience the more the user spend time our app/website.
					</p>
				</div>
				<div class="col-md-5 order-md-1 featurette-image hiddenLeft">
					<img src="./assets/graphics/uxui.jpg" alt="" class="img-fluid mx-auto rounded">
				</div>
			</div>

		</div>
	</div>

	<!-- Have a project idea -->
	<div class="details-section" id="gettingStarted">
		<div class="container col-xxl-8 px-4">
			<div class="row text-center hiddenText">
				<div class="col-12">
					<h1>Have a project in mind?</h1>
					<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">
						<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>
</body>

</html>