Add Education
- Add Education section to Portfolio - Add department logos - Remove commented portions of stylesheet
This commit is contained in:
Sravan Balaji
BIN
Assets/Education/logo-computer-science.jpg
Normal file
BIN
Assets/Education/logo-computer-science.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
Assets/Education/logo-mechanical-engineering.jpg
Normal file
BIN
Assets/Education/logo-mechanical-engineering.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
Assets/Education/logo-umich.png
Normal file
BIN
Assets/Education/logo-umich.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
@@ -34,7 +34,7 @@
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<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
|
||||
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>
|
||||
|
||||
@@ -11,11 +11,7 @@
|
||||
}
|
||||
|
||||
.education img {
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
.education .card {
|
||||
margin-bottom: 20px;
|
||||
max-height: 225px;
|
||||
}
|
||||
|
||||
.professional_experience img {
|
||||
@@ -62,167 +58,196 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<!-- TODO -->
|
||||
<div class="col-md-3">
|
||||
|
||||
<div class="col-md-6">
|
||||
<!-- BSE MECHANICAL ENGINEERING -->
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-4">
|
||||
<a href="https://me.engin.umich.edu/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Education/logo-mechanical-engineering.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h3>B.S.E in Mechanical Engineering</h3>
|
||||
<p>
|
||||
<b>GPA:</b> 3.726<br>
|
||||
<b>Dates:</b> September 2016 - December 2020<br>
|
||||
<b>Focus:</b> Controls<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BSE COMPUTER SCIENCE -->
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-4">
|
||||
<a href="https://cse.engin.umich.edu/" target="_blank">
|
||||
<img class="img-fluid mx-auto d-block" src="../Assets/Education/logo-computer-science.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h3>B.S.E. in Computer Science</h3>
|
||||
<p>
|
||||
<b>GPA:</b> 3.726<br>
|
||||
<b>Dates:</b> September 2016 - December 2020<br>
|
||||
<b>Focus:</b> Intelligent Systems<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="accordion">
|
||||
<div class="card">
|
||||
<!-- 1. FALL 2016 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2016">
|
||||
1. Fall 2016
|
||||
</a>
|
||||
</div>
|
||||
<div id="fall2016" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>ALA 105 - Digital Research: Critical Concepts & Strategies</li>
|
||||
<li>ENGR 151 - Accelerated Introduction to Computers and Programming</li>
|
||||
<li>MATH 216 - Introduction to Differential Equations</li>
|
||||
<li>SOC 100 - Introduction to Sociology</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 2. WINTER 2017 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#winter2017">
|
||||
2. Winter 2017
|
||||
</a>
|
||||
</div>
|
||||
<div id="winter2017" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>CLCIV 385 - Greek Mythology</li>
|
||||
<li>EECS 203 - Discrete Mathematics</li>
|
||||
<li>ENGR 100 - Introduction to Engineering: Solar Energy and Self-Powered Wireless Systems</li>
|
||||
<li>MECHENG 211 - Introduction to Solid Mechanics</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3. FALL 2017 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2017">
|
||||
3. Fall 2017
|
||||
</a>
|
||||
</div>
|
||||
<div id="fall2017" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>EECS 280 - Programming and Introductory Data Structures</li>
|
||||
<li>MECHENG 235 - Thermodynamics I</li>
|
||||
<li>MECHENG 240 - Introduction to Dynamics and Vibrations</li>
|
||||
<li>MECHENG 250 - Design and Manufacturing I</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 4. WINTER 2018 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#winter2018">
|
||||
4. Winter 2018
|
||||
</a>
|
||||
</div>
|
||||
<div id="winter2018" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>EECS 281 - Data Structures and Algorithms</li>
|
||||
<li>EECS 314 - Electrical Circuits, Systems, and Applications</li>
|
||||
<li>EECS 370 - Introduction to Computer Organization</li>
|
||||
<li>MECHENG 320 - Fluid Mechanics I</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 5. FALL 2018 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2018">
|
||||
5. Fall 2018
|
||||
</a>
|
||||
</div>
|
||||
<div id="fall2018" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>MECHENG 350 - Design and Manufacturing II</li>
|
||||
<li>MECHENG 360 - Modeling, Analysis, and Control of Dynamic Systems</li>
|
||||
<li>MECHENG 382 - Mechanical Behavior of Materials</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 6. WINTER 2019 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#winter2019">
|
||||
6. Winter 2019
|
||||
</a>
|
||||
</div>
|
||||
<div id="winter2019" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>EECS 201 - Computer Science Pragmatics</li>
|
||||
<li>EECS 376 - Foundations of Computer Science</li>
|
||||
<li>EECS 442 - Computer Vision</li>
|
||||
<li>MECHENG 395 - Laboratory I</li>
|
||||
<li>STATS 412 - Introduction to Probability & Statistics</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 7. FALL 2019 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2019">
|
||||
7. Fall 2019
|
||||
</a>
|
||||
</div>
|
||||
<div id="fall2019" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>EECS 492 - Introduction to Artificial Intelligence</li>
|
||||
<li>MECHENG 335 - Heat Transfer</li>
|
||||
<li>MECHENG 450 - Design and Manufacturing III</li>
|
||||
<li>MECHENG 461 - Automatic Control</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 8. WINTER 2020 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#winter2020">
|
||||
8. Winter 2020
|
||||
</a>
|
||||
</div>
|
||||
<div id="winter2020" class="collapse show" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>EECS 467 - Autonomous Robotics</li>
|
||||
<li>EECS 496 - Major Design Experience Professionalism</li>
|
||||
<li>MECHENG 561 - Design of Digital Control Systems</li>
|
||||
<li>ROB 530 - Mobile Robotics: Methods & Algorithms</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 9. FALL 2020 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2020">
|
||||
9. Fall 2020 (Planned Courses)
|
||||
</a>
|
||||
</div>
|
||||
<div id="fall2020" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>EECS 445 - Introduction to Machine Learning</li>
|
||||
<li>EECS 493 - User Interface Development</li>
|
||||
<li>MECHENG 495 - Laboratory II</li>
|
||||
<li>ROB 501 - Math for Robotics</li>
|
||||
</ul></p>
|
||||
<div class="col-md-6">
|
||||
<div id="accordion">
|
||||
<div class="card">
|
||||
<!-- 1. FALL 2016 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2016">
|
||||
1. Fall 2016
|
||||
</a>
|
||||
</div>
|
||||
<div id="fall2016" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>ALA 105 - Digital Research: Critical Concepts & Strategies</li>
|
||||
<li>ENGR 151 - Accelerated Introduction to Computers and Programming</li>
|
||||
<li>MATH 216 - Introduction to Differential Equations</li>
|
||||
<li>SOC 100 - Introduction to Sociology</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 2. WINTER 2017 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#winter2017">
|
||||
2. Winter 2017
|
||||
</a>
|
||||
</div>
|
||||
<div id="winter2017" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>CLCIV 385 - Greek Mythology</li>
|
||||
<li>EECS 203 - Discrete Mathematics</li>
|
||||
<li>ENGR 100 - Introduction to Engineering: Solar Energy and Self-Powered Wireless Systems</li>
|
||||
<li>MECHENG 211 - Introduction to Solid Mechanics</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3. FALL 2017 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2017">
|
||||
3. Fall 2017
|
||||
</a>
|
||||
</div>
|
||||
<div id="fall2017" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>EECS 280 - Programming and Introductory Data Structures</li>
|
||||
<li>MECHENG 235 - Thermodynamics I</li>
|
||||
<li>MECHENG 240 - Introduction to Dynamics and Vibrations</li>
|
||||
<li>MECHENG 250 - Design and Manufacturing I</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 4. WINTER 2018 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#winter2018">
|
||||
4. Winter 2018
|
||||
</a>
|
||||
</div>
|
||||
<div id="winter2018" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>EECS 281 - Data Structures and Algorithms</li>
|
||||
<li>EECS 314 - Electrical Circuits, Systems, and Applications</li>
|
||||
<li>EECS 370 - Introduction to Computer Organization</li>
|
||||
<li>MECHENG 320 - Fluid Mechanics I</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 5. FALL 2018 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2018">
|
||||
5. Fall 2018
|
||||
</a>
|
||||
</div>
|
||||
<div id="fall2018" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>MECHENG 350 - Design and Manufacturing II</li>
|
||||
<li>MECHENG 360 - Modeling, Analysis, and Control of Dynamic Systems</li>
|
||||
<li>MECHENG 382 - Mechanical Behavior of Materials</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 6. WINTER 2019 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#winter2019">
|
||||
6. Winter 2019
|
||||
</a>
|
||||
</div>
|
||||
<div id="winter2019" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>EECS 201 - Computer Science Pragmatics</li>
|
||||
<li>EECS 376 - Foundations of Computer Science</li>
|
||||
<li>EECS 442 - Computer Vision</li>
|
||||
<li>MECHENG 395 - Laboratory I</li>
|
||||
<li>STATS 412 - Introduction to Probability & Statistics</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 7. FALL 2019 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2019">
|
||||
7. Fall 2019
|
||||
</a>
|
||||
</div>
|
||||
<div id="fall2019" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>EECS 492 - Introduction to Artificial Intelligence</li>
|
||||
<li>MECHENG 335 - Heat Transfer</li>
|
||||
<li>MECHENG 450 - Design and Manufacturing III</li>
|
||||
<li>MECHENG 461 - Automatic Control</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 8. WINTER 2020 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#winter2020">
|
||||
8. Winter 2020 (In Progress)
|
||||
</a>
|
||||
</div>
|
||||
<div id="winter2020" class="collapse show" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>EECS 467 - Autonomous Robotics</li>
|
||||
<li>EECS 496 - Major Design Experience Professionalism</li>
|
||||
<li>MECHENG 561 - Design of Digital Control Systems</li>
|
||||
<li>ROB 530 - Mobile Robotics: Methods & Algorithms</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 9. FALL 2020 -->
|
||||
<div class="card-header">
|
||||
<a class="card-link" data-toggle="collapse" href="#fall2020">
|
||||
9. Fall 2020 (Planned Courses)
|
||||
</a>
|
||||
</div>
|
||||
<div id="fall2020" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<p><ul>
|
||||
<li>EECS 445 - Introduction to Machine Learning</li>
|
||||
<li>EECS 493 - User Interface Development</li>
|
||||
<li>MECHENG 495 - Laboratory II</li>
|
||||
<li>ROB 501 - Math for Robotics</li>
|
||||
</ul></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,29 +1,15 @@
|
||||
/***********
|
||||
* General *
|
||||
***********/
|
||||
html {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #e4e1df;
|
||||
padding-top: 65px;
|
||||
font-family: Arial, Verdana, Tahoma, sans-serif;
|
||||
}
|
||||
|
||||
/****************
|
||||
* Main Content *
|
||||
****************/
|
||||
/* .main {
|
||||
color: #333333;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.main h1 {
|
||||
background-color: #00274c;
|
||||
color: #eff0f1;
|
||||
padding: 10px 10px;
|
||||
} */
|
||||
|
||||
.container-fluid {
|
||||
color: #333333;
|
||||
font-size: 18px;
|
||||
@@ -52,97 +38,10 @@ body {
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
/* Side Padding */
|
||||
@media (min-width: 768px) {
|
||||
.px-md-6 {
|
||||
padding-left: 12.5% !important;
|
||||
padding-right: 12.5% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* .main img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
} */
|
||||
|
||||
/**********************
|
||||
* Navbar & Subnavbar *
|
||||
**********************/
|
||||
/* .navbar {
|
||||
overflow: hidden;
|
||||
background-color: #00274c;
|
||||
}
|
||||
|
||||
.subnav {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.subnav .subnavbtn {
|
||||
border: none;
|
||||
outline: none;
|
||||
color: #eff0f1;
|
||||
padding: 14px 16px;
|
||||
background-color: inherit;
|
||||
font-family: inherit;
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.subnav .subnavbtn-active {
|
||||
border: none;
|
||||
border-bottom: 5px solid #ffcb05;
|
||||
padding-bottom: 9px;
|
||||
outline: none;
|
||||
color: #ffcb05;
|
||||
padding: 14px 16px;
|
||||
background-color: inherit;
|
||||
font-family: inherit;
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
float: left;
|
||||
color: #eff0f1;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.navbar a.active {
|
||||
background-color: #00274c;
|
||||
color: #ffcb05;
|
||||
border-bottom: 5px solid #ffcb05;
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
|
||||
.navbar a:hover, .subnav:hover .subnavbtn {
|
||||
background-color: #ffcb05;
|
||||
color: #00274c;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.subnav-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background-color: #ffcb05;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.subnav-content a {
|
||||
float: left;
|
||||
color: #00274c;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.subnav-content a:hover {
|
||||
background-color: #e5e5e5;
|
||||
color: #00274c;
|
||||
}
|
||||
|
||||
.subnav:hover .subnav-content {
|
||||
display: block;
|
||||
} */
|
||||
}
|
||||
Reference in New Issue
Block a user