index.html

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<link rel="shortcut icon" href="img/favicon.ico" />
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
		integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.css"
		integrity="sha512-tx5+1LWHez1QiaXlAyDwzdBTfDjX07GMapQoFTS74wkcPMsI3So0KYmFe6EHZjI8+eSG0ljBlAQc3PQ5BTaZtQ=="
		crossorigin="anonymous" referrerpolicy="no-referrer" />
	<link rel="stylesheet" href="css/style.css" type="text/css" />
	<style></style>
</head>

<body>
	<div id="particles-js">
		<div class="main-content">
			<nav class="navbar">
				<a href="index.html" class="navbar-brand">Sipun Ku Mahanta</a>
				<a href="https://github.com/SuperiorOS" class="navbar-brand">Superior OS</a>
			</nav>
			<div class="container-fluid">
				<div class="row text-center pt-5">
					<div class="card">
						<img class="card-img-top" src="img/sweeto.jpg" />
						<div class="card-body">
							<div class="col-lg-12">
								<h1>
									I'm
									<span class="typer" id="main"
										data-words="an Anime Lover,a Custom ROM Developer,a Noob" data-delay="160"
										data-deleteDelay="1000"></span>
									<span class="cursor" data-owner="main"></span>
								</h1>
								<p>Just an another Noob...😜</p>
							</div>
						</div>

						<div class="row text-center">
							<div class="social-media">
								<a class="social github" href="https://github.com/Darkstar085"><i
										class="fab fa-github fa-2x"></i></a>
								<a class="social telegram" href="https://t.me/Darkstar085"><i
										class="fab fa-telegram fa-2x"></i></a>
								<a class="social facebook" href="https://fb.com/sipunku.mahanta"><i
										class="fab fa-facebook fa-2x"></i></a>
								<a class="social instagram" href="https://instagram.com/Darkstar085"><i
										class="fab fa-instagram fa-2x"></i></a>
								<a class="social twitter" href="https://twitter.com/Darkstar085"><i
										class="fab fa-x-twitter fa-2x"></i></a>
							</div>
						</div>
					</div>
					<footer class="fixed-bottom">
						<section class="container text-center">
							<p>
								Made with <i class="fas fa-heart pulse"></i> by
								<a class="link" href="https://t.me/Darkstar085">S I P U N</a>
							</p>
						</section>
					</footer>
				</div>
			</div>
		</div>
	</div>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js"></script>
	<script type="text/javascript" src="js/app.js"></script>
	<script type="text/javascript" src="js/typer.js"></script>
</body>

</html>