official-site/index.html

40 lines
2.3 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en-IN">
<head>
<title>Aiquiral | Musician • Designer • Programmer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8">
<meta name="author" content="Anuj Kaushik" />
<meta name="description" content="Welcome to my personal website! Here, you'll find information about me as a musician, designer, and programmer. Explore my blog, portfolio, and contact page through the buttons below."/>
<link rel="icon" type="image/x-icon" href="content/favicon.svg" />
<link rel="stylesheet" href="style.min.css" />
</head>
<body>
<div class="line-top"></div>
<div class="main">
<div class="hero">
<div class="left">
<br>
<img class="txt" style="max-width: clamp(10rem,18vw + 5rem,25rem);" src="content/hi-i-am.svg" />
<br>
2023-10-05 11:20:13 +00:00
<img class="txt" style="max-width: clamp(15rem,20vw + 10rem,35rem);" src="content/aiquiral.svg" />
<p class="tagline">Musician • Designer • Programmer</p>
</div>
<div class="right">
<img src="content/aiquiral.avif" alt="A close-up portrait of a person with purple light highlighting half of their face, set against a deep black background." title="Aiquiral" />
</div>
</div>
<div>
<noscript>
<img src="https://a.aiquiral.me/ingress/47abe128-5b2e-4b9b-aaa2-2daf9ce568ed/pixel.gif">
</noscript>
<script defer src="https://a.aiquiral.me/ingress/47abe128-5b2e-4b9b-aaa2-2daf9ce568ed/script.js"></script>
</div>
<div class="buttons">
2023-09-21 18:16:46 +00:00
<a class="button" href="https://blog.aiquiral.me">BLOG</a><a class="button" href="https://portfolio.aiquiral.me">PORTFOLIO</a><a class="button" href="contact.html">CONTACT</a>
</div>
</div>
<div class="foot"><p><a href="https://soundcloud.com/aiquiral">Music</a> <a href="https://git.aiquiral.me/aiquiral">Other Projects</a> <img class="foot-logo" src="content/inline-logo.svg" alt="A stylized logo featuring a majestic deer, gracefully facing towards right." title="Aiquiral Logo" width=28 height=32></img> <a href="privacy-policy.html">Privacy Policy</a> <a href="about.html">About</a></p></div>
<div class="line-bottom"></div>
</body>
</html>