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>
|
||||||
<div class="col-md-9">
|
<div class="col-md-9">
|
||||||
<p>
|
<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://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
|
<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>
|
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 {
|
.education img {
|
||||||
max-height: 400px;
|
max-height: 225px;
|
||||||
}
|
|
||||||
|
|
||||||
.education .card {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.professional_experience img {
|
.professional_experience img {
|
||||||
@@ -62,167 +58,196 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<!-- TODO -->
|
<div class="col-md-6">
|
||||||
<div class="col-md-3">
|
<!-- 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>
|
||||||
<div class="col-md-9">
|
<div class="col-md-6">
|
||||||
|
<div id="accordion">
|
||||||
</div>
|
<div class="card">
|
||||||
</div>
|
<!-- 1. FALL 2016 -->
|
||||||
|
<div class="card-header">
|
||||||
<div id="accordion">
|
<a class="card-link" data-toggle="collapse" href="#fall2016">
|
||||||
<div class="card">
|
1. Fall 2016
|
||||||
<!-- 1. FALL 2016 -->
|
</a>
|
||||||
<div class="card-header">
|
</div>
|
||||||
<a class="card-link" data-toggle="collapse" href="#fall2016">
|
<div id="fall2016" class="collapse" data-parent="#accordion">
|
||||||
1. Fall 2016
|
<div class="card-body">
|
||||||
</a>
|
<p><ul>
|
||||||
</div>
|
<li>ALA 105 - Digital Research: Critical Concepts & Strategies</li>
|
||||||
<div id="fall2016" class="collapse" data-parent="#accordion">
|
<li>ENGR 151 - Accelerated Introduction to Computers and Programming</li>
|
||||||
<div class="card-body">
|
<li>MATH 216 - Introduction to Differential Equations</li>
|
||||||
<p><ul>
|
<li>SOC 100 - Introduction to Sociology</li>
|
||||||
<li>ALA 105 - Digital Research: Critical Concepts & Strategies</li>
|
</ul></p>
|
||||||
<li>ENGR 151 - Accelerated Introduction to Computers and Programming</li>
|
</div>
|
||||||
<li>MATH 216 - Introduction to Differential Equations</li>
|
</div>
|
||||||
<li>SOC 100 - Introduction to Sociology</li>
|
|
||||||
</ul></p>
|
<!-- 2. WINTER 2017 -->
|
||||||
</div>
|
<div class="card-header">
|
||||||
</div>
|
<a class="card-link" data-toggle="collapse" href="#winter2017">
|
||||||
|
2. Winter 2017
|
||||||
<!-- 2. WINTER 2017 -->
|
</a>
|
||||||
<div class="card-header">
|
</div>
|
||||||
<a class="card-link" data-toggle="collapse" href="#winter2017">
|
<div id="winter2017" class="collapse" data-parent="#accordion">
|
||||||
2. Winter 2017
|
<div class="card-body">
|
||||||
</a>
|
<p><ul>
|
||||||
</div>
|
<li>CLCIV 385 - Greek Mythology</li>
|
||||||
<div id="winter2017" class="collapse" data-parent="#accordion">
|
<li>EECS 203 - Discrete Mathematics</li>
|
||||||
<div class="card-body">
|
<li>ENGR 100 - Introduction to Engineering: Solar Energy and Self-Powered Wireless Systems</li>
|
||||||
<p><ul>
|
<li>MECHENG 211 - Introduction to Solid Mechanics</li>
|
||||||
<li>CLCIV 385 - Greek Mythology</li>
|
</ul></p>
|
||||||
<li>EECS 203 - Discrete Mathematics</li>
|
</div>
|
||||||
<li>ENGR 100 - Introduction to Engineering: Solar Energy and Self-Powered Wireless Systems</li>
|
</div>
|
||||||
<li>MECHENG 211 - Introduction to Solid Mechanics</li>
|
|
||||||
</ul></p>
|
<!-- 3. FALL 2017 -->
|
||||||
</div>
|
<div class="card-header">
|
||||||
</div>
|
<a class="card-link" data-toggle="collapse" href="#fall2017">
|
||||||
|
3. Fall 2017
|
||||||
<!-- 3. FALL 2017 -->
|
</a>
|
||||||
<div class="card-header">
|
</div>
|
||||||
<a class="card-link" data-toggle="collapse" href="#fall2017">
|
<div id="fall2017" class="collapse" data-parent="#accordion">
|
||||||
3. Fall 2017
|
<div class="card-body">
|
||||||
</a>
|
<p><ul>
|
||||||
</div>
|
<li>EECS 280 - Programming and Introductory Data Structures</li>
|
||||||
<div id="fall2017" class="collapse" data-parent="#accordion">
|
<li>MECHENG 235 - Thermodynamics I</li>
|
||||||
<div class="card-body">
|
<li>MECHENG 240 - Introduction to Dynamics and Vibrations</li>
|
||||||
<p><ul>
|
<li>MECHENG 250 - Design and Manufacturing I</li>
|
||||||
<li>EECS 280 - Programming and Introductory Data Structures</li>
|
</ul></p>
|
||||||
<li>MECHENG 235 - Thermodynamics I</li>
|
</div>
|
||||||
<li>MECHENG 240 - Introduction to Dynamics and Vibrations</li>
|
</div>
|
||||||
<li>MECHENG 250 - Design and Manufacturing I</li>
|
|
||||||
</ul></p>
|
<!-- 4. WINTER 2018 -->
|
||||||
</div>
|
<div class="card-header">
|
||||||
</div>
|
<a class="card-link" data-toggle="collapse" href="#winter2018">
|
||||||
|
4. Winter 2018
|
||||||
<!-- 4. WINTER 2018 -->
|
</a>
|
||||||
<div class="card-header">
|
</div>
|
||||||
<a class="card-link" data-toggle="collapse" href="#winter2018">
|
<div id="winter2018" class="collapse" data-parent="#accordion">
|
||||||
4. Winter 2018
|
<div class="card-body">
|
||||||
</a>
|
<p><ul>
|
||||||
</div>
|
<li>EECS 281 - Data Structures and Algorithms</li>
|
||||||
<div id="winter2018" class="collapse" data-parent="#accordion">
|
<li>EECS 314 - Electrical Circuits, Systems, and Applications</li>
|
||||||
<div class="card-body">
|
<li>EECS 370 - Introduction to Computer Organization</li>
|
||||||
<p><ul>
|
<li>MECHENG 320 - Fluid Mechanics I</li>
|
||||||
<li>EECS 281 - Data Structures and Algorithms</li>
|
</ul></p>
|
||||||
<li>EECS 314 - Electrical Circuits, Systems, and Applications</li>
|
</div>
|
||||||
<li>EECS 370 - Introduction to Computer Organization</li>
|
</div>
|
||||||
<li>MECHENG 320 - Fluid Mechanics I</li>
|
|
||||||
</ul></p>
|
<!-- 5. FALL 2018 -->
|
||||||
</div>
|
<div class="card-header">
|
||||||
</div>
|
<a class="card-link" data-toggle="collapse" href="#fall2018">
|
||||||
|
5. Fall 2018
|
||||||
<!-- 5. FALL 2018 -->
|
</a>
|
||||||
<div class="card-header">
|
</div>
|
||||||
<a class="card-link" data-toggle="collapse" href="#fall2018">
|
<div id="fall2018" class="collapse" data-parent="#accordion">
|
||||||
5. Fall 2018
|
<div class="card-body">
|
||||||
</a>
|
<p><ul>
|
||||||
</div>
|
<li>MECHENG 350 - Design and Manufacturing II</li>
|
||||||
<div id="fall2018" class="collapse" data-parent="#accordion">
|
<li>MECHENG 360 - Modeling, Analysis, and Control of Dynamic Systems</li>
|
||||||
<div class="card-body">
|
<li>MECHENG 382 - Mechanical Behavior of Materials</li>
|
||||||
<p><ul>
|
</ul></p>
|
||||||
<li>MECHENG 350 - Design and Manufacturing II</li>
|
</div>
|
||||||
<li>MECHENG 360 - Modeling, Analysis, and Control of Dynamic Systems</li>
|
</div>
|
||||||
<li>MECHENG 382 - Mechanical Behavior of Materials</li>
|
|
||||||
</ul></p>
|
<!-- 6. WINTER 2019 -->
|
||||||
</div>
|
<div class="card-header">
|
||||||
</div>
|
<a class="card-link" data-toggle="collapse" href="#winter2019">
|
||||||
|
6. Winter 2019
|
||||||
<!-- 6. WINTER 2019 -->
|
</a>
|
||||||
<div class="card-header">
|
</div>
|
||||||
<a class="card-link" data-toggle="collapse" href="#winter2019">
|
<div id="winter2019" class="collapse" data-parent="#accordion">
|
||||||
6. Winter 2019
|
<div class="card-body">
|
||||||
</a>
|
<p><ul>
|
||||||
</div>
|
<li>EECS 201 - Computer Science Pragmatics</li>
|
||||||
<div id="winter2019" class="collapse" data-parent="#accordion">
|
<li>EECS 376 - Foundations of Computer Science</li>
|
||||||
<div class="card-body">
|
<li>EECS 442 - Computer Vision</li>
|
||||||
<p><ul>
|
<li>MECHENG 395 - Laboratory I</li>
|
||||||
<li>EECS 201 - Computer Science Pragmatics</li>
|
<li>STATS 412 - Introduction to Probability & Statistics</li>
|
||||||
<li>EECS 376 - Foundations of Computer Science</li>
|
</ul></p>
|
||||||
<li>EECS 442 - Computer Vision</li>
|
</div>
|
||||||
<li>MECHENG 395 - Laboratory I</li>
|
</div>
|
||||||
<li>STATS 412 - Introduction to Probability & Statistics</li>
|
|
||||||
</ul></p>
|
<!-- 7. FALL 2019 -->
|
||||||
</div>
|
<div class="card-header">
|
||||||
</div>
|
<a class="card-link" data-toggle="collapse" href="#fall2019">
|
||||||
|
7. Fall 2019
|
||||||
<!-- 7. FALL 2019 -->
|
</a>
|
||||||
<div class="card-header">
|
</div>
|
||||||
<a class="card-link" data-toggle="collapse" href="#fall2019">
|
<div id="fall2019" class="collapse" data-parent="#accordion">
|
||||||
7. Fall 2019
|
<div class="card-body">
|
||||||
</a>
|
<p><ul>
|
||||||
</div>
|
<li>EECS 492 - Introduction to Artificial Intelligence</li>
|
||||||
<div id="fall2019" class="collapse" data-parent="#accordion">
|
<li>MECHENG 335 - Heat Transfer</li>
|
||||||
<div class="card-body">
|
<li>MECHENG 450 - Design and Manufacturing III</li>
|
||||||
<p><ul>
|
<li>MECHENG 461 - Automatic Control</li>
|
||||||
<li>EECS 492 - Introduction to Artificial Intelligence</li>
|
</ul></p>
|
||||||
<li>MECHENG 335 - Heat Transfer</li>
|
</div>
|
||||||
<li>MECHENG 450 - Design and Manufacturing III</li>
|
</div>
|
||||||
<li>MECHENG 461 - Automatic Control</li>
|
|
||||||
</ul></p>
|
<!-- 8. WINTER 2020 -->
|
||||||
</div>
|
<div class="card-header">
|
||||||
</div>
|
<a class="card-link" data-toggle="collapse" href="#winter2020">
|
||||||
|
8. Winter 2020 (In Progress)
|
||||||
<!-- 8. WINTER 2020 -->
|
</a>
|
||||||
<div class="card-header">
|
</div>
|
||||||
<a class="card-link" data-toggle="collapse" href="#winter2020">
|
<div id="winter2020" class="collapse show" data-parent="#accordion">
|
||||||
8. Winter 2020
|
<div class="card-body">
|
||||||
</a>
|
<p><ul>
|
||||||
</div>
|
<li>EECS 467 - Autonomous Robotics</li>
|
||||||
<div id="winter2020" class="collapse show" data-parent="#accordion">
|
<li>EECS 496 - Major Design Experience Professionalism</li>
|
||||||
<div class="card-body">
|
<li>MECHENG 561 - Design of Digital Control Systems</li>
|
||||||
<p><ul>
|
<li>ROB 530 - Mobile Robotics: Methods & Algorithms</li>
|
||||||
<li>EECS 467 - Autonomous Robotics</li>
|
</ul></p>
|
||||||
<li>EECS 496 - Major Design Experience Professionalism</li>
|
</div>
|
||||||
<li>MECHENG 561 - Design of Digital Control Systems</li>
|
</div>
|
||||||
<li>ROB 530 - Mobile Robotics: Methods & Algorithms</li>
|
|
||||||
</ul></p>
|
<!-- 9. FALL 2020 -->
|
||||||
</div>
|
<div class="card-header">
|
||||||
</div>
|
<a class="card-link" data-toggle="collapse" href="#fall2020">
|
||||||
|
9. Fall 2020 (Planned Courses)
|
||||||
<!-- 9. FALL 2020 -->
|
</a>
|
||||||
<div class="card-header">
|
</div>
|
||||||
<a class="card-link" data-toggle="collapse" href="#fall2020">
|
<div id="fall2020" class="collapse" data-parent="#accordion">
|
||||||
9. Fall 2020 (Planned Courses)
|
<div class="card-body">
|
||||||
</a>
|
<p><ul>
|
||||||
</div>
|
<li>EECS 445 - Introduction to Machine Learning</li>
|
||||||
<div id="fall2020" class="collapse" data-parent="#accordion">
|
<li>EECS 493 - User Interface Development</li>
|
||||||
<div class="card-body">
|
<li>MECHENG 495 - Laboratory II</li>
|
||||||
<p><ul>
|
<li>ROB 501 - Math for Robotics</li>
|
||||||
<li>EECS 445 - Introduction to Machine Learning</li>
|
</ul></p>
|
||||||
<li>EECS 493 - User Interface Development</li>
|
</div>
|
||||||
<li>MECHENG 495 - Laboratory II</li>
|
</div>
|
||||||
<li>ROB 501 - Math for Robotics</li>
|
|
||||||
</ul></p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,29 +1,15 @@
|
|||||||
/***********
|
/***********
|
||||||
* General *
|
* General *
|
||||||
***********/
|
***********/
|
||||||
html {
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #e4e1df;
|
background-color: #e4e1df;
|
||||||
padding-top: 65px;
|
padding-top: 65px;
|
||||||
|
font-family: Arial, Verdana, Tahoma, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
/****************
|
/****************
|
||||||
* Main Content *
|
* Main Content *
|
||||||
****************/
|
****************/
|
||||||
/* .main {
|
|
||||||
color: #333333;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main h1 {
|
|
||||||
background-color: #00274c;
|
|
||||||
color: #eff0f1;
|
|
||||||
padding: 10px 10px;
|
|
||||||
} */
|
|
||||||
|
|
||||||
.container-fluid {
|
.container-fluid {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
@@ -52,97 +38,10 @@ body {
|
|||||||
width: 1px;
|
width: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Side Padding */
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.px-md-6 {
|
.px-md-6 {
|
||||||
padding-left: 12.5% !important;
|
padding-left: 12.5% !important;
|
||||||
padding-right: 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