added fontawesome icons
This commit is contained in:
parent
6b459e8a70
commit
b2a74355bf
31
index.html
31
index.html
@ -17,7 +17,9 @@
|
|||||||
<!-- <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css"> -->
|
<!-- <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css"> -->
|
||||||
|
|
||||||
<!-- sakura 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 -->
|
<!-- custom css -->
|
||||||
<link rel="stylesheet" type="text/css" href="static/index.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=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">
|
<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>
|
<title>Aarya Bhatia</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<h1>Aarya Bhatia</h1>
|
<h1>Aarya Bhatia</h1>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<hr />
|
<hr />
|
||||||
|
|
||||||
<main>
|
<div style="padding: 10px">
|
||||||
<section>
|
<a href="mailto:aarya.bhatia1678@gmail.com"><i class="fa-lg fa-regular fa-envelope"></i></a>
|
||||||
|
|
||||||
|
<a href="https://www.github.com/aarya-bhatia/"><i class="fa-lg fa-regular fa-github"></i></a>
|
||||||
|
|
||||||
|
<a href="https://www.linkedin.com/in/aarya-bhatia/"><i class="fa-lg fa-regular fa-linkedin"></i></a>
|
||||||
|
|
||||||
|
<a href="https://www.instagram.com/aarya.bhatia/"><i class="fa-lg fa-regular fa-instagram"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<main>
|
||||||
<h2>Introduction</h2>
|
<h2>Introduction</h2>
|
||||||
|
|
||||||
<p>I am a student pursuing a Bachelor's degree in Applied
|
<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
|
electric guitar. I have been playing guitar for over a decade. For
|
||||||
fun, I enjoy playing sports like badminton and hiking.</p>
|
fun, I enjoy playing sports like badminton and hiking.</p>
|
||||||
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section>
|
|
||||||
|
|
||||||
<h2>Contact Me</h2>
|
<h2>Contact Me</h2>
|
||||||
|
|
||||||
<form action="mailto:aaryab.alertservice@gmail.com" method="post" enctype="text/plain">
|
<form action="mailto:aaryab.alertservice@gmail.com" method="post" enctype="text/plain">
|
||||||
@ -89,15 +96,9 @@
|
|||||||
<br/>
|
<br/>
|
||||||
<button type="submit">Send</button>
|
<button type="submit">Send</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</section>
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<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>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
Reference in New Issue
Block a user