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