sravan/sravanbalaji.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add Education

Browse Source 
- Add Education section to Portfolio
- Add department logos
- Remove commented portions of stylesheet
This commit is contained in:
Sravan Balaji
2020-01-06 15:39:39 -05:00
parent 18e3828018
commit cc7683ee3c
6 changed files with 194 additions and 270 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Assets/Education/logo-computer-science.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Assets/Education/logo-mechanical-engineering.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Assets/Education/logo-umich.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

2
Web Pages/about.html
View File

@@ -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>

47
Web Pages/portfolio.html
View File

@@ -11,11 +11,7 @@
}
.education img {
max-height: 400px;
}
.education .card {
margin-bottom: 20px;
max-height: 225px;
}
.professional_experience img {
@@ -62,15 +58,42 @@
</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-9">
<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-6">
<div id="accordion">
<div class="card">
<!-- 1. FALL 2016 -->
@@ -195,7 +218,7 @@
<!-- 8. WINTER 2020 -->
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#winter2020">
8. Winter 2020
8. Winter 2020 (In Progress)
</a>
</div>
<div id="winter2020" class="collapse show" data-parent="#accordion">
@@ -228,6 +251,8 @@
</div>
</div>
</div>
</div>
</div>
<!---------------------------------
PROFESSIONAL EXPERIENCE

105
Web Pages/styles.css
View File

@@ -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;
} */