aarya.bhatia/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added custom css

Browse Source
This commit is contained in:
Aarya Bhatia 2024-05-29 14:37:29 -05:00
parent a342ef81a2
commit c1e27d3f31
2 changed files with 86 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
index.html
View File

@ -5,15 +5,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- normalize css --> <!-- normalize css -->
<link rel="stylesheet" href="static/normalize.css" /> <!-- <link rel="stylesheet" href="static/normalize.css" /> -->
<!-- bootstrap css --> <!-- <!-1- bootstrap css -1-> -->
<link <!-- <link -->
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" <!-- href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" -->
rel="stylesheet" <!-- rel="stylesheet" -->
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" <!-- integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" -->
crossorigin="anonymous" <!-- crossorigin="anonymous" -->
/> <!-- /> -->
<!-- bootstrap icons --> <!-- bootstrap icons -->
<link <link
@ -21,6 +21,7 @@
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"
/> />
<link rel="stylesheet" href="static/index.css" />
<title>Aarya Bhatia</title> <title>Aarya Bhatia</title>
</head> </head>
@ -30,8 +31,8 @@
<hr /> <hr />
<main> <main>
<div class="py-3"> <div>
<h2 class="py-2">Introduction</h4> <h2>Introduction</h2>
<p> <p>
Hello, I am a 22 year old software engineer working at Amazon. I Hello, I am a 22 year old software engineer working at Amazon. I
recently completed my Bachelor’s degree in Applied Mathematics and recently completed my Bachelor’s degree in Applied Mathematics and
@ -39,8 +40,8 @@
</p> </p>
</div> </div>
<div class="py-3"> <div>
<h2 class="py-2">Skills</h4> <h2>Skills</h2>
<p> <p>
I am experienced in full-stack web development and systems I am experienced in full-stack web development and systems
programming. I am proficient in Linux and C/C++, Python, Go, programming. I am proficient in Linux and C/C++, Python, Go,
@ -54,8 +55,8 @@
Github. Github.
</p> </p>
</div> </div>
<div class="py-3"> <div>
<h2 class="py-2">Work Experience</h4> <h2>Work Experience</h2>
<p> <p>
This year, I will begin working at Amazon as an SDE. I had my first This year, I will begin working at Amazon as an SDE. I had my first
internship with Amazon in 2023, where I worked on a React project internship with Amazon in 2023, where I worked on a React project
@ -66,8 +67,8 @@
years, where we taught about computer systems and C programming. years, where we taught about computer systems and C programming.
</p> </p>
</div> </div>
<div class="py-3"> <div>
<h2 class="py-2">Hobbies</h4> <h2>Hobbies</h2>
<p> <p>
I am a trained musician and primarily play the electric guitar, I am a trained musician and primarily play the electric guitar,
since the last 12 years. I appreciate a wide range of musical since the last 12 years. I appreciate a wide range of musical
@ -75,8 +76,8 @@
as Opeth and Porcupine Tree. as Opeth and Porcupine Tree.
</p> </p>
</div> </div>
<div class="py-4"> <div>
<h2 class="py-2">Contact</h4> <h2>Contact</h2>
<p> <p>
Reach out to me for any opportunities on my email: Reach out to me for any opportunities on my email:
<a href="mailto:aarya.bhatia1678@gmail.com" <a href="mailto:aarya.bhatia1678@gmail.com"
@ -87,30 +88,28 @@
</main> </main>
<footer> <footer>
<div class="d-flex justify-content-center"> <div>
<div class="pe-4"> <a href="mailto:aarya.bhatia1678@gmail.com"
<a href="mailto:aarya.bhatia1678@gmail.com" ><i class="bi-envelope"></i
><i class="bi-envelope"></i ></a>
></a> </div>
</div>
<div class="pe-4"> <div>
<a href="https://www.github.com/aarya-bhatia/" <a href="https://www.github.com/aarya-bhatia/"
><i class="bi-github"></i ><i class="bi-github"></i
></a> ></a>
</div> </div>
<div class="pe-4"> <div>
<a href="https://www.linkedin.com/in/aarya-bhatia/" <a href="https://www.linkedin.com/in/aarya-bhatia/"
><i class="bi-linkedin"></i ><i class="bi-linkedin"></i
></a> ></a>
</div> </div>
<div class="pe-4"> <div>
<a href="https://www.instagram.com/aarya.bhatia/" <a href="https://www.instagram.com/aarya.bhatia/"
><i class="bi-instagram"></i ><i class="bi-instagram"></i
></a> ></a>
</div>
</div> </div>
</footer> </footer>
</div> </div>

48
static/index.css Normal file
View File

@ -0,0 +1,48 @@
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
body {
background: black;
color: white;
max-width: 800px;
margin: auto;
padding: 20px;
box-sizing: border-box;
font-family: "Source Code Pro", monospace;
font-weight: 350;
}
h1 {
color: red;
}
h2,
h3,
h2,
h5,
h6 {
color: green;
}
footer {
display: flex;
justify-content: center;
margin-top: 10px;
margin-bottom: 10px;
}
footer a {
color: white;
text-decoration: none;
font-size: 1.2rem;
padding: 10px;
}
a {
color: red;
}
a:hover {
color: brown;
}