renamed services to skills

assets/css/style.css

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

index.html

@@ -50,7 +50,7 @@
                 <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="#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="#contact">Contact</a></li>
             </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>
         </section><!-- End My Resume Section -->
 
-        <!-- ======= My Services Section ======= -->
-        <section id="services" class="services">
+        <!-- ======= My Skills Section ======= -->
+        <section id="skills" class="skills">
             <div class="container">
 
                 <div class="section-title">
-                    <span>My Services</span>
-                    <h2>My Services</h2>
+                    <span>My Skills</span>
+                    <h2>My Skills</h2>
                     <p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
                 </div>