About Pages
- Split about into bio, contact, and resume - Add profile picture to bio - Change table formatting in resume > coursework - Add intro paragraph to contact me page
This commit is contained in:
Sravan Balaji
BIN
Images/Profile Picture.jpg
Normal file
BIN
Images/Profile Picture.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
@@ -1,35 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--Required meta tags-->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>About</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1><a href="index.html">Home</a> → About</h1>
|
||||
|
||||
<hr>
|
||||
|
||||
<h1>Bio</h1>
|
||||
<p>
|
||||
I'm a Senior at the <a href="https://umich.edu" target="_blank">University of Michigan</a> pursuing dual B.S.E's in <a href="https://me.engin.umich.edu/" target="_blank">Mechanical Engineering</a> and <a href="https://cse.engin.umich.edu/" target="_blank">Computer Science</a>.<br>
|
||||
I expect to graduate with both Bachelor's degrees in December 2020 and plan on continuing my education with a Master's in Robotics.<br><br>
|
||||
My professional and academic interests are in robotics, mechatronics, autonomous systems, and controls.<br>
|
||||
My personal interests include video games, podcasts, music, cooking, and personal / project management software.<br>
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<h1>Contact Me</h1>
|
||||
<h2><a href="mailto:balajsra@umich.edu" target="_blank">Email</a> / <a href="https://www.linkedin.com/in/sravan-balaji/" target="_blank">LinkedIn</a> / <a href="https://github.com/balajsra" target="_blank">GitHub</a></h2>
|
||||
|
||||
<hr>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
© Copyright 2019, Sravan Balaji.
|
||||
</footer>
|
||||
</html>
|
||||
53
Web Pages/bio.html
Normal file
53
Web Pages/bio.html
Normal file
@@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Templates/header.txt"></script>
|
||||
|
||||
<style>
|
||||
table#bio_table td {
|
||||
padding: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
<title>Bio</title>
|
||||
</head>
|
||||
|
||||
<nav>
|
||||
<div class="navbar">
|
||||
<a href="index.html"><b>Home</b></a>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn-active"><b>About ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="bio.html">Bio</a>
|
||||
<a href="resume.html">Resume</a>
|
||||
<a href="contact.html">Contact Me</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="product_recommendations.html"><b>Product Recommendations</b></a>
|
||||
<a href="documentation.html"><b>Documentation</b></a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<body>
|
||||
<div class="main_content">
|
||||
<h1>Bio</h1>
|
||||
<table id="bio_table">
|
||||
<tr>
|
||||
<td><img src="../Images/Profile Picture.jpg" width="250px"></td>
|
||||
<td>
|
||||
I'm a Senior at the <a href="https://umich.edu" target="_blank">University of Michigan</a> pursuing dual B.S.E's in
|
||||
<a href="https://me.engin.umich.edu/" target="_blank">Mechanical Engineering</a> and
|
||||
<a href="https://cse.engin.umich.edu/" target="_blank">Computer Science</a>. I expect to graduate with both
|
||||
Bachelor's degrees in December 2020 and plan on continuing my education with a Master's in Robotics.<br><br>
|
||||
My professional and academic interests are in robotics, mechatronics, autonomous systems, and controls. I am currently
|
||||
looking for robotics related internships for the Summer of 2020<br><br>
|
||||
My personal interests include video games, podcasts, music, cooking, and personal / project management software.<br>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Templates/footer.txt"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
38
Web Pages/contact.html
Normal file
38
Web Pages/contact.html
Normal file
@@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script language="javascript" type="text/javascript" src="Templates/header.txt"></script>
|
||||
|
||||
<title>Contact Me</title>
|
||||
</head>
|
||||
|
||||
<nav>
|
||||
<div class="navbar">
|
||||
<a href="index.html"><b>Home</b></a>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn-active"><b>About ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="bio.html">Bio</a>
|
||||
<a href="resume.html">Resume</a>
|
||||
<a href="contact.html">Contact Me</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="product_recommendations.html"><b>Product Recommendations</b></a>
|
||||
<a href="documentation.html"><b>Documentation</b></a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<body>
|
||||
<div class="main_content">
|
||||
<h1>Contact Me</h1>
|
||||
<p>
|
||||
Feel free to reach out to me via email if you have any questions about my website, college education, professional experience, or anything else.
|
||||
If you have suggestions for the website or would like to see the source files, check out my GitHub repository.
|
||||
Finally, if you would like to connect with me on LinkedIn, use the link below. I will do my best to respond to any communication in a timely manner.
|
||||
</p>
|
||||
<h2><a href="mailto:balajsra@umich.edu" target="_blank">Email</a> / <a href="https://www.linkedin.com/in/sravan-balaji/" target="_blank">LinkedIn</a> / <a href="https://github.com/balajsra" target="_blank">GitHub</a></h2>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="Templates/footer.txt"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,33 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--Required meta tags-->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<script language="javascript" type="text/javascript" src="Templates/header.txt"></script>
|
||||
|
||||
<style>
|
||||
table {
|
||||
table#coursework_table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
/* width: 80%; */
|
||||
}
|
||||
|
||||
th, td {
|
||||
table#coursework_table th {
|
||||
padding: 8px;
|
||||
text-align: center;
|
||||
border: 1px solid #333333;
|
||||
background-color: #00274c;
|
||||
color: #eff0f1;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
table#coursework_table tr, td {
|
||||
padding: 8px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-left: 1px solid #ddd;
|
||||
border-top: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border: 1px solid #333333;
|
||||
}
|
||||
|
||||
table#coursework_table
|
||||
tr:nth-child(n+2):nth-child(-n+5),
|
||||
tr:nth-child(n+10):nth-child(-n+13),
|
||||
tr:nth-child(n+18):nth-child(-n+20),
|
||||
tr:nth-child(n+26):nth-child(-n+29),
|
||||
tr:nth-child(n+34):nth-child(-n+37) {
|
||||
background-color: #ffcb05;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
table#coursework_table
|
||||
tr:nth-child(n+6):nth-child(-n+9),
|
||||
tr:nth-child(n+14):nth-child(-n+17),
|
||||
tr:nth-child(n+21):nth-child(-n+25),
|
||||
tr:nth-child(n+30):nth-child(-n+33) {
|
||||
background-color: #0d57aa;
|
||||
color: #eff0f1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<title>Resume</title>
|
||||
</head>
|
||||
|
||||
<nav>
|
||||
<div class="navbar">
|
||||
<a href="index.html"><b>Home</b></a>
|
||||
<div class="subnav">
|
||||
<button class="subnavbtn-active"><b>About ▼</b></button>
|
||||
<div class="subnav-content">
|
||||
<a href="bio.html">Bio</a>
|
||||
<a href="resume.html">Resume</a>
|
||||
<a href="contact.html">Contact Me</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="product_recommendations.html"><b>Product Recommendations</b></a>
|
||||
<a href="documentation.html"><b>Documentation</b></a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<body>
|
||||
<h1><a href="index.html">Home</a> → Resume</h1>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="main_content">
|
||||
<h1>Resume / CV</h1>
|
||||
Latest PDF version of resume can be found on <a href="https://github.com/balajsra/resume/blob/master/sravan_balaji_resume.pdf" target="_blank">GitHub</a>.<br>
|
||||
Full education and work experience can be found on <a href="https://www.linkedin.com/in/sravan-balaji/" target="_blank">LinkedIn</a>.<br>
|
||||
@@ -47,10 +84,8 @@
|
||||
<h3>Intramural Sports Official</h3>
|
||||
-->
|
||||
|
||||
<hr>
|
||||
|
||||
<h1> Coursework</h1>
|
||||
<table>
|
||||
<table id="coursework_table">
|
||||
<tr><b>
|
||||
<th>Semester</th>
|
||||
<th>Course ID</th>
|
||||
@@ -211,10 +246,7 @@
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<hr>
|
||||
<script language="javascript" type="text/javascript" src="Templates/footer.txt"></script>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
© Copyright 2019, Sravan Balaji.
|
||||
</footer>
|
||||
</html>
|
||||
Reference in New Issue
Block a user