kova/hugo-profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added education in home

Browse Source
This commit is contained in:
gurusabarish
2022-02-28 19:28:45 +05:30
parent f8eb6d0646
commit 54ecbb65c4
9 changed files with 240 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/index.css
+81 -3
View File
@@ -302,6 +302,79 @@
opacity: 0.7;
}
/* Education */
#education .container > h3 {
color: var(--text-secondary-color) !important;
}
#education .row .index {
opacity: 0.8;
padding: 13px 20px;
line-height: 0%;
border-radius: 50%;
max-height: 50px;
z-index: 2;
background-color: var(--primary-color) !important;
color: var(--secondary-color) !important;
font-weight: bold;
}
#education .card * {
background-color: var(--secondary-color) !important;
}
#education .card {
border-radius: 1.5rem;
box-shadow: 0px 8px 56px rgb(15 80 100 / 16%);
border: 2px solid var(--text-secondary-color) !important;
transition: box-shadow .2s linear,opacity .2s linear;
transition: transform 0.2s;
}
#education .card .card-body {
border-radius: 1.5rem;
padding: 2rem;
}
#education .card:hover {
transition: 0.3s;
box-shadow: 0 4px 11px rgb(15 80 100 / 16%);
border: 2px solid var(--primary-color) !important;
}
#education .card .card-body > a h6 {
display: inline-block;
text-decoration: none;
color: var(--primary-color) !important;
}
#education .card .card-body > a h6::after {
content: "";
display: block;
width: 0px;
height: 2px;
bottom: 0.37em;
background-color: var(--primary-color);
transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
opacity: 0.5;
}
#education .card .card-body > a h6:hover::after, #education .card .card-body > a h6:focus::after, #education .card .card-body > a h6:active::after {
width: 100%;
}
#education .card .card-body a.btn {
opacity: 0.9;
border: 1px solid var(--primary-color) !important;
border-radius: .75rem;
box-shadow: none;
}
#education .card .card-body a.btn:hover {
opacity: 0.8;
}
/* achievements */
#achievements a {
@@ -314,16 +387,21 @@
#achievements .card {
background-color: var(--secondary-color) !important;
border-radius: .75rem;
border-radius: 1rem;
box-shadow: 0 0 36px rgba(0,0,0,0.1);
cursor: alias;
/* transform: translate3d(0, 0, 0); */
transition: box-shadow .2s linear,opacity .2s linear;
border: 2px solid transparent;
}
#achievements .card:hover {
border: 1px solid var(--text-color);
transition: .4s;
border: 2px solid var(--text-color);
transition: .3s;
}
#achievements .card:focus {
border: 2px solid var(--text-color);
transition: .3s;
}
#achievements .card-text {