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

v3 light theme

Browse Source
This commit is contained in:
gurusabarish
2021-06-17 11:25:30 +05:30
parent 9ef2450335
commit a5a500ba91
19 changed files with 218 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files
images/v1-demo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 224 KiB

images/v2-demo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

images/v3-demo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 556 KiB

layouts/_default/list.html
+1 -1
View File
@@ -16,7 +16,7 @@
{{ define "main" }}
{{ if eq .Site.Params.version 3 }}
<section style="font-family: 'Roboto', sans-serif; color: #8392a5">
<section style="font-family: 'Roboto', sans-serif;5">
<div class="container pt-5">
<h3 class="text-center">{{.Title}}</h2>
<div class="row justify-content-center">
layouts/_default/single.html
+28 -24
View File
@@ -19,11 +19,11 @@
{{ define "main" }}
{{ if eq .Site.Params.version 3 }}
<section style="font-family: 'Roboto', sans-serif; color: #8392a5">
<section style="font-family: 'Roboto', sans-serif;">
<div class="container">
<div class="row">
<div class="col-md-9 py-4 px-0">
<div class="rounded bg-light p-3 px-md-5" style="background-color: #1A283C !important;">
<div class="rounded shadow bg-light p-3 px-md-5 bg-light">
<h1 class="pb-2 text-center">{{ .Title }}</h1>
<article>
{{.Content}}
@@ -31,32 +31,36 @@
</div>
</div>
<div class="col-md-3 py-4">
<div class="bg-light shadow p-4 rounded mb-2" style="background-color: #1A283C !important;">
<div class="bg-light shadow p-4 rounded mb-2 bg-light">
<h4>Table of content</h4>
{{.TableOfContents}}
</div>
<div class="bg-light shadow p-4 rounded mt-2" style="background-color: #1A283C !important;">
<h4>Share</h4>
<span class="rounded-circle p-1 m-1">
<a target="blank" class="text-decoration-none"
href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
<i class="fab fa-twitter text-primary" style="font-size: 1.6em;"></i>
</a>
</span>
<span class="rounded-circle m-1">
<a target="blank" class="text-decoration-none"
href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}"
data-action="share/whatsapp/share">
<i class="fab fa-whatsapp text-success" style="font-size: 1.6em;"></i>
</a>
</span>
<span class="rounded-circle m-1">
<a target="blank" class="text-decoration-none"
href="mailto:?subject={{ .Title }}&amp;body=Check out this site {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
<i class="fa fa-envelope text-danger" style="font-size: 1.6em;"></i>
</a>
</span>
<div class="bg-light shadow p-4 rounded mt-2 bg-light">
<h4>Share article with</h4>
<ul>
<li>
<a target="blank" class="text-info"
href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
Twitter
</a>
</li>
<li>
<a target="blank" class="text-success"
href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}"
data-action="share/whatsapp/share">
Whatsapp
</a>
</li>
<li>
<a class="text-danger" target="blank"
href="mailto:?subject={{ .Title }}&amp;body=Check out this site {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
Email
</a>
</li>
</ul>
</div>
</div>
layouts/index.html
+1 -1
View File
@@ -67,7 +67,7 @@
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>
<body>
<body class="text-dark">
<!--<div id="loader" class="center"></div>-->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
layouts/partials/sections/v3/about.html
+35 -28
View File
@@ -1,39 +1,46 @@
<div id="about" class="pt-3" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="container-fluid">
<div class="text-light text-center h3">About Me</div>
<section id="about" class="pt-3">
<div class="container-fluid" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="text-dark text-center h3">About Me</div>
<div class="row justify-content-center about">
<div class="col-md-6 about-content">
<div class="px-2" style="color: #8892b0;" data-aos="zoom-in" data-aos-offset="50" data-aos-delay="50"
data-aos-once="true" data-aos-duration="900">
{{ .Site.Params.descripe_l1_person | markdownify }}
<br>
<br>
{{ .Site.Params.descripe_l2_person | markdownify }}
<div data-aos="zoom-in-up" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
data-aos-duration="900">
<div class="px-2">
{{ .Site.Params.descripe_l1_person | markdownify }}
<br>
<br>
{{ .Site.Params.descripe_l2_person | markdownify }}
</div>
{{ if .Site.Params.email }}
<div class="py-3 pl-2">
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" target="_blank"
class="contact-btn btn text-muted">
Get In Touch
</a>
</div>
{{ end }}
</div>
{{ if .Site.Params.email }}
<div class="py-3 pl-2">
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn" data-aos="zoom-in"
data-aos-offset="50" data-aos-delay="50" data-aos-once="true" data-aos-duration="1000">
Get In Touch
</a>
</div>
{{ end }}
</div>
<div class="col-md-5 about-skill">
<div class="text-secondary text-center h4">Skills</div>
{{ range .Site.Params.skills }}
<div data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div style="color: rgb(230, 241, 255)">
{{ .name }}
</div>
<div class="progress mb-4">
<div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
aria-valuemax="100"></div>
<div data-aos="zoom-in-down" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
data-aos-duration="1000">
<div class="text-secondary text-center h4">Skills</div>
{{ range .Site.Params.skills }}
<div>
<div>
{{ .name }}
</div>
<div class="progress mb-4">
<div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
{{ end }}
</div>
{{ end }}
</div>
</div>
</div>
</div>
</section>
layouts/partials/sections/v3/achievements.html
+1 -1
View File
@@ -3,7 +3,7 @@
<section class="py-3 pt-5" id="achievements" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
data-aos-once="true">
<div class="container-fluid">
<div class="text-light text-center h3">Achievements</div>
<div class="text-dark text-center h3">Achievements</div>
<div class="row justify-content-center py-3 mx-2">
{{ range .Site.Params.achievements }}
{{ if .img }}
layouts/partials/sections/v3/contact.html
+1 -1
View File
@@ -1,6 +1,6 @@
<section id="contact" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="container-fluid py-3">
<div class="text-light text-center h3">Get In Touch</div>
<div class="text-right text-center h3">Get In Touch</div>
<div class="row justify-content-center px-md-5">
<div class="col-md-6 py-3">
<div class=" text-center">
layouts/partials/sections/v3/education.html
+57 -288
View File
File diff suppressed because one or more lines are too long
layouts/partials/sections/v3/experience.html
+5 -5
View File
@@ -1,13 +1,13 @@
<section id="experience" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="container-fluid pt-5">
<div class="text-light text-center h3">Experience</div>
<div class="text-dark text-center h3">Experience</div>
<div class="row justify-content-center py-md-5">
<div class="d-md-none d-lg-none d-sm-block">
<ol class="ex-ol pl-5 pr-3">
{{ range .Site.Params.experience }}
<li class="ex-ol-li" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<h4>
<h4 class="text-muted">
<span class="text-primary">{{ .company }}</span> - {{ .role }}
</h4>
<div>
@@ -43,11 +43,11 @@
{{ end }}
</div>
<div class="tab-content col-md-5 d-none d-md-block" id="v-pills-tabContent">
<div class="tab-content col-md-4 d-none d-md-block" id="v-pills-tabContent">
{{ range $index, $element := .Site.Params.experience }}
{{ if (eq $index 0) }}
<div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
<div class="h4">
<div class="h4 text-muted">
<span class="text-primary">{{ .company }}</span> - {{ .role }}
</div>
<div>
@@ -63,7 +63,7 @@
</div>
{{ else }}
<div class="tab-pane fade" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
<div class="h4">
<div class="h4 text-muted">
<span class="text-primary">{{ .company }}</span> - {{ .role }}
</div>
<div>
layouts/partials/sections/v3/footer.html
+6 -6
View File
@@ -2,7 +2,7 @@
<!-- recent posts -->
<div class="news container py-3">
{{ if .Site.Params.recentposts }}
<div class="h3 text-center text-light py-3 font-weight-bold">Recent posts</div>
<div class="h3 text-center text-dark py-3 font-weight-bold">Recent posts</div>
<div class="row justify-content-center">
{{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
<div class="col-lg-4 col-md-6 pt-2">
@@ -28,7 +28,7 @@
<div class="text-center">
{{ if .Site.Params.github }}
<span class="px-1">
<a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
<a class="text-dark text-decoration-none" href="{{ .Site.Params.github }}" aria-label="github">
<svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
<path
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
@@ -55,7 +55,7 @@
{{ if .Site.Params.linkedin }}
<span class="px-1">
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
<a class="text-white text-decoration-none" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
<svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
viewBox="0 0 512 512">
<rect width="512" height="512" fill="#0077b5" rx="15%" />
@@ -68,7 +68,7 @@
{{ end }}
{{ if .Site.Params.twitter }}
<a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
<a class="text-info text-decoration-none" href="{{ .Site.Params.twitter }}" aria-label="twitter">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<path fill="#03a9f4"
d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
@@ -79,7 +79,7 @@
{{ end }}
{{ if .Site.Params.instagram }}
<a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
<a class="text-danger text-decoration-none" href="{{ .Site.Params.instagram }}" aria-label="instagram">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fd5" />
@@ -109,7 +109,7 @@
{{ end }}
{{ if .Site.Params.facebook }}
<a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
<a class="text-info text-decoration-none" href="{{ .Site.Params.facebook }}" aria-label="facebook">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<path fill="#3F51B5"
d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
layouts/partials/sections/v3/home.html
+8 -8
View File
@@ -1,20 +1,20 @@
<div class="container-fluid home">
<div class="py-5">
<div class="pt-5 pb-3 pt-md-0">
<div class="row justify-content-center intro" data-aos="fade-down" data-aos-easing="linear"
data-aos-duration="1000">
<div class="col-md-7 name-container">
<div class="col-md-7 pb-2 name-container">
<div class="name" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000"
data-aos-once="true">
<div class="text-warning" style="font-size: 15px;" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
<div class="text-warning hi-text" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
data-aos-once="true" data-aos-duration="900">
Hi there, I'm
</div>
<h1 class="text-primary" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900"
data-aos-once="true">
<h1 class="text-primary name-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
data-aos-duration="900" data-aos-once="true">
{{ .Site.Params.name }}
</h1>
<h5 class="text-light" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900"
data-aos-once="true">
<h5 class="text-muted pro-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
data-aos-duration="900" data-aos-once="true">
{{ .Site.Params.profession }}
</h5>
</div>
@@ -55,7 +55,7 @@
</div>
</div>
<div class="col-md-5 text-center">
<div class="col-md-5 text-center pt-2 pt-md-0 position-relative">
{{ if .Site.Params.profile_image }}
<img class="profile rounded shadow-lg" data-aos="zoom-in" data-aos-once="true" data-aos-duration="1000"
src="{{ .Site.Params.profile_image }}" alt="{{ .Site.Params.name }}" class="rounded">
layouts/partials/sections/v3/navbar.html
+11 -9
View File
@@ -1,6 +1,6 @@
<div class="container">
<nav style="background-color: #0a192f;" class="pt-3 navbar navbar-expand-lg navbar-dark" data-aos="fade-down"
data-aos-easing="linear" data-aos-duration="500">
<nav class="pt-3 navbar navbar-expand-lg navbar-light" data-aos="fade-down" data-aos-easing="linear"
data-aos-duration="500">
<a class="navbar-brand" href="{{ .Site.BaseURL | relURL }}">
{{ if .Site.Params.favicon }}
<img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
@@ -20,35 +20,37 @@
{{ if .Site.Params.disable_about }}
{{ else }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
</li>
{{ end }}
{{ if .Site.Params.disable_experience }}
{{ else }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#experience" aria-label="experience">Experience</a>
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#experience"
aria-label="experience">Experience</a>
</li>
{{ end }}
{{ if .Site.Params.disable_education }}
{{ else }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#education" aria-label="education">Education</a>
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#education"
aria-label="education">Education</a>
</li>
{{ end }}
{{ if .Site.Params.disable_projects }}
{{ else }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
</li>
{{ end }}
{{ if .Site.Params.disable_achievements }}
{{ else }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#achievements"
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#achievements"
aria-label="achievements">Achievements</a>
</li>
{{ end }}
@@ -56,13 +58,13 @@
{{ if .Site.Params.disable_contact }}
{{ else }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
</li>
{{ end }}
{{ range site.Params.customMenus }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
<a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
</li>
{{ end }}
layouts/partials/sections/v3/projects.html
+6 -5
View File
@@ -1,9 +1,10 @@
<section id="projects" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="container-fluid py-3 pt-5">
<div class="text-light text-center h3">Projects</div>
<section id="projects">
<div class="container-fluid py-3 pt-5" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
data-aos-once="true">
<div class="text-dark text-center h3">Projects</div>
<div class="row justify-content-center pt-2">
{{ range ( where .Site.RegularPages "Type" "project" ) }}
<div class="col-md-8 pro m-3 shadow" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true">
<div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
<div class="row">
<div class="col-md-6 bg-pro">
<img src='{{ .Params.img }}' alt="{{ .Title }}">
@@ -35,7 +36,7 @@
</div>
{{ end }}
{{ range .Site.Params.projects }}
<div class="col-md-8 pro m-3 shadow" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true">
<div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
<div class="row">
<div class="col-md-6 bg-pro">
<img src='{{ .img }}' alt="{{ .name }}">
static/css/v3/list.css
+1 -1
View File
@@ -3,7 +3,7 @@ html {
}
body {
font-family: "Roboto", sans-serif;
background-color: #0a192f;
background-color: #eaedf0;
}
.post-ol {
list-style-type: decimal-leading-zero;
static/css/v3/navbar-footer.css
+1 -3
View File
@@ -2,9 +2,7 @@
.navbar-brand {
color: #007bff !important;
}
.navbar .nav-link {
color: #f9fafc !important;
}
.navbar .nav-link:hover {
color: #007bff !important;
}
static/css/v3/post.css
+1 -1
View File
@@ -3,7 +3,7 @@ html {
}
body {
font-family: "Roboto", sans-serif;
background-color: #0a192f;
background-color: #eaedf0;
}
#TableOfContents {
static/css/v3/v3.css
+55 -33
View File
@@ -3,7 +3,7 @@ html {
}
body {
font-family: "Roboto", sans-serif;
background-color: #0a192f;
background-color: #eaedf0;
}
a:hover {
text-decoration: none;
@@ -12,7 +12,16 @@ a:hover {
/* v3 home */
.name {
padding-left: 3%;
border-left: 5px solid #f9fafc;
border-left: 1.2px solid #007bff;
}
.hi-text {
font-size: 20px;
}
.name-text {
font-size: 70px;
}
.pro-text {
font-size: 30px;
}
.btn-intro {
padding-left: 3%;
@@ -29,13 +38,16 @@ a:hover {
}
.social-icon {
padding: 2%;
background-color: #f9fafc;
background-color: #007bff;
color: #f9fafc !important;
border-radius: 50%;
transition: 0.3s;
border: 1px solid;
}
.social-icon:hover {
background-color: #007bff !important;
color: #f9fafc !important;
background-color: #f9fafc !important;
color: #007bff !important;
border: 1px solid #007bff;
}
.intro {
padding: 8% 0 8% 0;
@@ -46,8 +58,8 @@ a:hover {
.profile {
padding: 1%;
border: 1px solid #f9fafc;
width: 250px;
height: 250px;
width: 300px;
height: 300px;
}
.profile:hover {
-webkit-filter: grayscale(0);
@@ -61,6 +73,15 @@ a:hover {
width: 220px;
height: 220px;
}
.hi-text {
font-size: 15px;
}
.name-text {
font-size: 2.5rem;
}
.pro-text {
font-size: 1.25rem;
}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
.name-container {
@@ -81,13 +102,17 @@ a:hover {
padding-right: 10% !important;
}
.contact-btn {
padding: 2%;
padding: 1.5%;
padding-left: 2%;
padding-right: 2%;
font-size: 17px;
color: #f9fafc;
border: 1px solid #f9fafc;
border: 1px solid #007bff;
}
.contact-btn:hover {
color: #8892b0;
color: #007bff !important;
}
.progress {
background-color: #f9fafc !important;
}
@media only screen and (max-width: 768px) {
.about-content {
@@ -107,7 +132,7 @@ a:hover {
/* v3 projects */
.bg-pro {
padding: 0 !important;
opacity: 0.6;
opacity: 0.9;
}
.bg-pro img {
height: 250px;
@@ -149,10 +174,10 @@ a:hover {
}
.content-pro-top {
height: 80%;
color: #f9fafc;
color: #6c757d;
}
.card-text {
color: #faf9f6;
color: #343a40;
}
.pro:hover .content-pro {
background-color: transparent !important;
@@ -160,7 +185,6 @@ a:hover {
}
.pro:hover .pro-btn {
color: #f9fafc;
border: none;
}
.pro:hover .bg-pro {
opacity: 0.3;
@@ -169,20 +193,25 @@ a:hover {
/* v3 experience */
#experience {
color: #8892b0;
}
#nav-pills-out {
border-left: 1px solid #f9fafc;
border-left: 1px solid #007bff;
}
.nav-pills .nav-link {
color: #8892b0 !important;
}
.nav-pills .active {
color: #f9fafc !important;
background-color: #0a192f !important;
padding-left: 20%;
color: #343a40 !important;
background-color: transparent !important;
}
.nav-pills .active::before {
padding-left: 8%;
content: "▹";
position: absolute;
left: 0px;
color: #007bff;
}
.tab-pane {
color: #8892b0;
}
.ex {
list-style-type: none;
@@ -234,7 +263,6 @@ a:hover {
/* v3 education */
#education {
color: #8892b0;
}
.v-center {
display: flex;
@@ -245,16 +273,13 @@ a:hover {
padding: 0;
}
.edu-item {
padding-left: 20%;
padding-right: 8%;
list-style: none;
}
.edu-item::before {
padding: 0%;
padding-left: 20%;
content: "▹";
content: "\25C3";
position: absolute;
left: 0px;
color: #f9fafc;
right: 0px;
}
.edu-img {
width: 100%;
@@ -262,15 +287,14 @@ a:hover {
@media only screen and (max-width: 768px) {
.edu-item::before {
padding: 0%;
padding-left: 8%;
content: "▹";
position: absolute;
left: 0px;
color: #f9fafc;
}
.edu-item {
padding-left: 2%;
padding-left: 5%;
list-style: none;
padding-right: 2%;
}
.edu-img {
width: 100%;
@@ -284,7 +308,6 @@ a:hover {
content: "▹";
position: absolute;
left: 0px;
color: #f9fafc;
}
.edu-item {
padding-right: 18%;
@@ -327,6 +350,5 @@ a:hover {
/* v3 contact */
#contact {
color: #8892b0;
font-size: 17px;
}