added fontawesome icons

This commit is contained in:
Aarya Bhatia 2024-03-30 17:38:55 -05:00
parent 6b459e8a70
commit b2a74355bf

View File

@ -17,7 +17,9 @@
<!-- <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css"> -->
<!-- sakura css -->
<link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css">
<link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" media="screen" type="text/css">
<!-- uncomment for dark mode -->
<!-- <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura-dark.css" media="screen and (prefers-color-scheme: dark)" /> -->
<!-- custom css -->
<link rel="stylesheet" type="text/css" href="static/index.css">
@ -28,19 +30,28 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap">
<!-- icons -->
<script src="https://kit.fontawesome.com/89988d9d38.js" crossorigin="anonymous"></script>
<title>Aarya Bhatia</title>
</head>
<body>
<header>
<h1>Aarya Bhatia</h1>
</header>
<hr />
<main>
<section>
<div style="padding: 10px">
<a href="mailto:aarya.bhatia1678@gmail.com"><i class="fa-lg fa-regular fa-envelope"></i></a>
&nbsp;
<a href="https://www.github.com/aarya-bhatia/"><i class="fa-lg fa-regular fa-github"></i></a>
&nbsp;
<a href="https://www.linkedin.com/in/aarya-bhatia/"><i class="fa-lg fa-regular fa-linkedin"></i></a>
&nbsp;
<a href="https://www.instagram.com/aarya.bhatia/"><i class="fa-lg fa-regular fa-instagram"></i></a>
</div>
<main>
<h2>Introduction</h2>
<p>I am a student pursuing a Bachelor's degree in Applied
@ -71,10 +82,6 @@
electric guitar. I have been playing guitar for over a decade. For
fun, I enjoy playing sports like badminton and hiking.</p>
</section>
<section>
<h2>Contact Me</h2>
<form action="mailto:aaryab.alertservice@gmail.com" method="post" enctype="text/plain">
@ -89,15 +96,9 @@
<br/>
<button type="submit">Send</button>
</form>
</section>
</main>
<footer>
<a href="mailto:aarya.bhatia1678@gmail.com"><i title="email"></i></a>
<a href="https://www.github.com/aarya-bhatia/"><i title="github"></i></a>
<a href="https://www.linkedin.com/in/aarya-bhatia/"><i title="linkedin"></i></a>
<a href="https://www.instagram.com/aarya.bhatia/"><i title="instagram"></i></a>
</footer>
</body>
</html>