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
2020-01-03 23:04:51 -05:00
parent 11aa984e82
commit 017cd94cc8
5 changed files with 319 additions and 231 deletions

BIN
Images/Profile Picture.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

View File

@@ -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> &rarr; 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>
&copy; Copyright 2019, Sravan Balaji.
</footer>
</html>

53
Web Pages/bio.html Normal file
View 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 &#9660;</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
View 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 &#9660;</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>

View File

@@ -1,220 +1,252 @@
<!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 &#9660;</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> &rarr; Resume</h1>
<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>
<hr>
<!-- WIP
<h1>Professional Experience</h1>
<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>
<h2>Hughes Network Systems</h2>
<h3>Software Development Intern</h3>
<!-- WIP
<h1>Professional Experience</h1>
<h2>Rivian</h2>
<h3>Business Technology Intern</h3>
<h3>Vehicle Integration Intern</h3>
<h2>Hughes Network Systems</h2>
<h3>Software Development Intern</h3>
<h2>University of Michigan</h2>
<h3>Intramural Sports Supervisor</h3>
<h3>Intramural Sports Official</h3>
-->
<h2>Rivian</h2>
<h3>Business Technology Intern</h3>
<h3>Vehicle Integration Intern</h3>
<h1> Coursework</h1>
<table id="coursework_table">
<tr><b>
<th>Semester</th>
<th>Course ID</th>
<th>Course Name</th>
</b></tr>
<tr>
<td rowspan="4">Fall 2016</td>
<td>ALA 105</td>
<td>Digital Research: Critical Concepts & Strategies</td>
</tr>
<tr>
<td>ENGR 151</td>
<td>Accelerated Introduction to Computers and Programming</td>
</tr>
<tr>
<td>MATH 216</td>
<td>Introduction to Differential Equations</td>
</tr>
<tr>
<td>SOC 100</td>
<td>Introduction to Sociology</td>
</tr>
<tr>
<td rowspan="4">Winter 2017</td>
<td>CLCIV 385</td>
<td>Greek Mythology</td>
</tr>
<tr>
<td>EECS 203</td>
<td>Discrete Mathematics</td>
</tr>
<tr>
<td>ENGR 100</td>
<td>Introduction to Engineering: Solar Energy and Self-Powered Wireless Systems</td>
</tr>
<tr>
<td>MECHENG 211</td>
<td>Introduction to Solid Mechanics</td>
</tr>
<tr>
<td rowspan="4">Fall 2017</td>
<td>EECS 280</td>
<td>Programming and Introductory Data Structures</td>
</tr>
<tr>
<td>MECHENG 235</td>
<td>Thermodynamics I</td>
</tr>
<tr>
<td>MECHENG 240</td>
<td>Introduction to Dynamics and Vibrations</td>
</tr>
<tr>
<td>MECHENG 250</td>
<td>Design and Manufacturing I</td>
</tr>
<tr>
<td rowspan="4">Winter 2018</td>
<td>EECS 281</td>
<td>Data Structures and Algorithms</td>
</tr>
<tr>
<td>EECS 314</td>
<td>Electrical Circuits, Systems, and Applications</td>
</tr>
<tr>
<td>EECS 370</td>
<td>Introduction to Computer Organization</td>
</tr>
<tr>
<td>MECHENG 320</td>
<td>Fluid Mechanics I</td>
</tr>
<tr>
<td rowspan="3">Fall 2018</td>
<td>MECHENG 350</td>
<td>Design and Manufacturing II</td>
</tr>
<tr>
<td>MECHENG 360</td>
<td>Modeling, Analysis, and Control of Dynamic Systems</td>
</tr>
<tr>
<td>MECHENG 382</td>
<td>Mechanical Behavior of Materials</td>
</tr>
<tr>
<td rowspan="5">Winter 2019</td>
<td>EECS 201</td>
<td>Computer Science Pragmatics</td>
</tr>
<tr>
<td>EECS 376</td>
<td>Foundations of Computer Science</td>
</tr>
<tr>
<td>EECS 442</td>
<td>Computer Vision</td>
</tr>
<tr>
<td>MECHENG 395</td>
<td>Laboratory I</td>
</tr>
<tr>
<td>STATS 412</td>
<td>Introduction to Probability & Statistics</td>
</tr>
<tr>
<td rowspan="4">Fall 2019</td>
<td>EECS 492</td>
<td>Introduction to Artificial Intelligence</td>
</tr>
<tr>
<td>MECHENG 335</td>
<td>Heat Transfer</td>
</tr>
<tr>
<td>MECHENG 450</td>
<td>Design and Manufacturing III</td>
</tr>
<tr>
<td>MECHENG 461</td>
<td>Automatic Control</td>
</tr>
<tr>
<td rowspan="4">Winter 2020</td>
<td>EECS 467</td>
<td>Autonomous Robotics</td>
</tr>
<tr>
<td>EECS 496</td>
<td>Major Design Experience Professionalism</td>
</tr>
<tr>
<td>MECHENG 561</td>
<td>Design of Digital Control Systems</td>
</tr>
<tr>
<td>ROB 530</td>
<td>Mobile Robotics: Methods & Algorithms</td>
</tr>
<tr>
<td rowspan="4">Fall 2020<br>(Planned Courses)</td>
<td>EECS 445</td>
<td>Introduction to Machine Learning</td>
</tr>
<tr>
<td>EECS 493</td>
<td>User Interface Development</td>
</tr>
<tr>
<td>MECHENG 495</td>
<td>Laboratory II</td>
</tr>
<tr>
<td>ROB 501</td>
<td>Math for Robotics</td>
</tr>
</table>
<h2>University of Michigan</h2>
<h3>Intramural Sports Supervisor</h3>
<h3>Intramural Sports Official</h3>
-->
<hr>
<h1> Coursework</h1>
<table>
<tr><b>
<th>Semester</th>
<th>Course ID</th>
<th>Course Name</th>
</b></tr>
<tr>
<td rowspan="4">Fall 2016</td>
<td>ALA 105</td>
<td>Digital Research: Critical Concepts & Strategies</td>
</tr>
<tr>
<td>ENGR 151</td>
<td>Accelerated Introduction to Computers and Programming</td>
</tr>
<tr>
<td>MATH 216</td>
<td>Introduction to Differential Equations</td>
</tr>
<tr>
<td>SOC 100</td>
<td>Introduction to Sociology</td>
</tr>
<tr>
<td rowspan="4">Winter 2017</td>
<td>CLCIV 385</td>
<td>Greek Mythology</td>
</tr>
<tr>
<td>EECS 203</td>
<td>Discrete Mathematics</td>
</tr>
<tr>
<td>ENGR 100</td>
<td>Introduction to Engineering: Solar Energy and Self-Powered Wireless Systems</td>
</tr>
<tr>
<td>MECHENG 211</td>
<td>Introduction to Solid Mechanics</td>
</tr>
<tr>
<td rowspan="4">Fall 2017</td>
<td>EECS 280</td>
<td>Programming and Introductory Data Structures</td>
</tr>
<tr>
<td>MECHENG 235</td>
<td>Thermodynamics I</td>
</tr>
<tr>
<td>MECHENG 240</td>
<td>Introduction to Dynamics and Vibrations</td>
</tr>
<tr>
<td>MECHENG 250</td>
<td>Design and Manufacturing I</td>
</tr>
<tr>
<td rowspan="4">Winter 2018</td>
<td>EECS 281</td>
<td>Data Structures and Algorithms</td>
</tr>
<tr>
<td>EECS 314</td>
<td>Electrical Circuits, Systems, and Applications</td>
</tr>
<tr>
<td>EECS 370</td>
<td>Introduction to Computer Organization</td>
</tr>
<tr>
<td>MECHENG 320</td>
<td>Fluid Mechanics I</td>
</tr>
<tr>
<td rowspan="3">Fall 2018</td>
<td>MECHENG 350</td>
<td>Design and Manufacturing II</td>
</tr>
<tr>
<td>MECHENG 360</td>
<td>Modeling, Analysis, and Control of Dynamic Systems</td>
</tr>
<tr>
<td>MECHENG 382</td>
<td>Mechanical Behavior of Materials</td>
</tr>
<tr>
<td rowspan="5">Winter 2019</td>
<td>EECS 201</td>
<td>Computer Science Pragmatics</td>
</tr>
<tr>
<td>EECS 376</td>
<td>Foundations of Computer Science</td>
</tr>
<tr>
<td>EECS 442</td>
<td>Computer Vision</td>
</tr>
<tr>
<td>MECHENG 395</td>
<td>Laboratory I</td>
</tr>
<tr>
<td>STATS 412</td>
<td>Introduction to Probability & Statistics</td>
</tr>
<tr>
<td rowspan="4">Fall 2019</td>
<td>EECS 492</td>
<td>Introduction to Artificial Intelligence</td>
</tr>
<tr>
<td>MECHENG 335</td>
<td>Heat Transfer</td>
</tr>
<tr>
<td>MECHENG 450</td>
<td>Design and Manufacturing III</td>
</tr>
<tr>
<td>MECHENG 461</td>
<td>Automatic Control</td>
</tr>
<tr>
<td rowspan="4">Winter 2020</td>
<td>EECS 467</td>
<td>Autonomous Robotics</td>
</tr>
<tr>
<td>EECS 496</td>
<td>Major Design Experience Professionalism</td>
</tr>
<tr>
<td>MECHENG 561</td>
<td>Design of Digital Control Systems</td>
</tr>
<tr>
<td>ROB 530</td>
<td>Mobile Robotics: Methods & Algorithms</td>
</tr>
<tr>
<td rowspan="4">Fall 2020<br>(Planned Courses)</td>
<td>EECS 445</td>
<td>Introduction to Machine Learning</td>
</tr>
<tr>
<td>EECS 493</td>
<td>User Interface Development</td>
</tr>
<tr>
<td>MECHENG 495</td>
<td>Laboratory II</td>
</tr>
<tr>
<td>ROB 501</td>
<td>Math for Robotics</td>
</tr>
</table>
<hr>
<script language="javascript" type="text/javascript" src="Templates/footer.txt"></script>
</div>
</body>
<footer>
&copy; Copyright 2019, Sravan Balaji.
</footer>
</html>