renamed services to skills

This commit is contained in:
Karma Riuk 2023-09-07 10:20:57 +02:00
parent f3178c4f26
commit 2aaa70cc5e
2 changed files with 14 additions and 14 deletions

View File

@ -736,9 +736,9 @@ section {
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# My Services # My Skills
--------------------------------------------------------------*/ --------------------------------------------------------------*/
.services .icon-box { .skills .icon-box {
padding: 30px; padding: 30px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@ -749,7 +749,7 @@ section {
border: 1px solid #fff; border: 1px solid #fff;
} }
.services .icon { .skills .icon {
margin: 0 auto 20px auto; margin: 0 auto 20px auto;
padding-top: 17px; padding-top: 17px;
display: inline-block; display: inline-block;
@ -760,34 +760,34 @@ section {
background: #fff4df; background: #fff4df;
} }
.services .icon i { .skills .icon i {
font-size: 36px; font-size: 36px;
line-height: 1; line-height: 1;
color: var(--highlight); color: var(--highlight);
} }
.services .title { .skills .title {
font-weight: 700; font-weight: 700;
margin-bottom: 15px; margin-bottom: 15px;
font-size: 18px; font-size: 18px;
} }
.services .title a { .skills .title a {
color: #111; color: #111;
transition: 0.3s; transition: 0.3s;
} }
.services .description { .skills .description {
font-size: 15px; font-size: 15px;
line-height: 28px; line-height: 28px;
margin-bottom: 0; margin-bottom: 0;
} }
.services .icon-box:hover { .skills .icon-box:hover {
border-color: var(--highlight); border-color: var(--highlight);
} }
.services .icon-box:hover .title a { .skills .icon-box:hover .title a {
color: var(--highlight); color: var(--highlight);
} }

View File

@ -50,7 +50,7 @@
<li><a class="nav-link scrollto active" href="#hero">Home</a></li> <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li> <li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#resume">Resume</a></li> <li><a class="nav-link scrollto" href="#resume">Resume</a></li>
<li><a class="nav-link scrollto" href="#services">Services</a></li> <li><a class="nav-link scrollto" href="#skills">Skills</a></li>
<li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li> <li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
<li><a class="nav-link scrollto" href="#contact">Contact</a></li> <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
</ul> </ul>
@ -370,13 +370,13 @@
<a href="/assets/pdf/Fauconnet_Arnaud_CV.pdf" class="btn mt-lg-3" data-aos="fade-up">Download my CV </a> <a href="/assets/pdf/Fauconnet_Arnaud_CV.pdf" class="btn mt-lg-3" data-aos="fade-up">Download my CV </a>
</section><!-- End My Resume Section --> </section><!-- End My Resume Section -->
<!-- ======= My Services Section ======= --> <!-- ======= My Skills Section ======= -->
<section id="services" class="services"> <section id="skills" class="skills">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
<span>My Services</span> <span>My Skills</span>
<h2>My Services</h2> <h2>My Skills</h2>
<p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p> <p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
</div> </div>