From 16cf452c4f168edcb959e546f1efeaef9c33b673 Mon Sep 17 00:00:00 2001
From: PA4KEV <kevin.vd.vleuten@gmail.com>
Date: Wed, 4 Jan 2023 21:59:58 +0100
Subject: [PATCH] Fix class with className

---
 src/Pages/Home.js              |  2 +-
 src/Pages/Software/Software.js | 33 +++++++++++++++++----------------
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/Pages/Home.js b/src/Pages/Home.js
index 8fb3c5a..9815b79 100644
--- a/src/Pages/Home.js
+++ b/src/Pages/Home.js
@@ -27,7 +27,7 @@ const Home = () => {
                         </a>
                     </p>
                     <hr/>
-                    <p class="small">This site was made with: <a href="https://reactjs.org/" target="_blank"rel="noopener noreferrer">React</a>, <a href="https://getbootstrap.com/" target="_blank" rel="noopener noreferrer">Bootstrap</a>, <a href="https://www.nginx.com/" target="_blank" rel="noopener noreferrer">Nginx</a> and <a href="https://www.docker.com/" target="_blank" rel="noopener noreferrer">Docker</a><br/>on <a href="https://www.digitalocean.com/" target="_blank" rel="noopener noreferrer">DigitalOcean</a> cloud droplets.</p>
+                    <p className="small">This site was made with: <a href="https://reactjs.org/" target="_blank"rel="noopener noreferrer">React</a>, <a href="https://getbootstrap.com/" target="_blank" rel="noopener noreferrer">Bootstrap</a>, <a href="https://www.nginx.com/" target="_blank" rel="noopener noreferrer">Nginx</a> and <a href="https://www.docker.com/" target="_blank" rel="noopener noreferrer">Docker</a><br/>on <a href="https://www.digitalocean.com/" target="_blank" rel="noopener noreferrer">DigitalOcean</a> cloud droplets.</p>
                 </section>
             </div>
         </div>
diff --git a/src/Pages/Software/Software.js b/src/Pages/Software/Software.js
index 06ab7de..6bc74f6 100644
--- a/src/Pages/Software/Software.js
+++ b/src/Pages/Software/Software.js
@@ -29,6 +29,7 @@ const Software = () => {
                         <li>JavaScript</li>
                         <li>Node JS</li>
                         <li>Git</li>
+                        <li>Jenkins</li>
                     </ul>
                 </section>
 
@@ -46,17 +47,17 @@ const Software = () => {
                     <div className='content-item'>
                         <h2 id="list-education" className="text-primary">Education</h2>
                         <hr/>
-                        <h4 class="mb-0">Computer engineering of applied computer science</h4>
+                        <h4 className="mb-0">Computer engineering of applied computer science</h4>
                         <h6>Bachelor of computer science</h6>
-                        <p class="mb-3">Avans Hogeschool - Breda, Netherlands</p>
-                        <span class="text-primary">2012 - 2016</span>
+                        <p className="mb-3">Avans Hogeschool - Breda, Netherlands</p>
+                        <span className="text-primary">2012 - 2016</span>
                     </div>
 
                     <div className='content-item'>
-                        <h4 class="mb-0">Interactive media design</h4>
+                        <h4 className="mb-0">Interactive media design</h4>
                         <h6>MBO diploma</h6>
-                        <p class="mb-3">Eindhovenseschool / Sint Lucas - Eindhoven, Netherlands</p>
-                        <span class="text-primary">2009 - 2012</span>
+                        <p className="mb-3">Eindhovenseschool / Sint Lucas - Eindhoven, Netherlands</p>
+                        <span className="text-primary">2009 - 2012</span>
                     </div>
                 </section>
 
@@ -65,15 +66,15 @@ const Software = () => {
                     <h2 id="list-certification" className="text-primary">Certification</h2>
                     <hr/>
                     <div className='content-item'>
-                        <h4 class="mb-0">LPIC-1</h4>
+                        <h4 className="mb-0">LPIC-1</h4>
                         <h6>Linux professional institute certification</h6>
                         <p><a target="_blank" rel="noreferrer" href="https://www.lpi.org/our-certifications/lpic-1-overview">lpi.org</a></p>                    
-                        <span class="text-primary">2022  (expires in 2027)</span>
+                        <span className="text-primary">2022  (expires in 2027)</span>
                     </div>
                     <div className='content-item'>
-                        <h4 class="mb-0">Drupal 9 Site Builder</h4>
+                        <h4 className="mb-0">Drupal 9 Site Builder</h4>
                         <p><a target="_blank" rel="noreferrer" href="https://certification.acquia.com/user/18196">acquia.com</a></p>                    
-                        <span class="text-primary">2022</span>
+                        <span className="text-primary">2022</span>
                     </div>
                 </section>
 
@@ -82,31 +83,31 @@ const Software = () => {
                     <h2 id="list-courses" className="text-primary">Courses</h2>
                     <hr/>
                     <div className='content-item'>
-                        <h6 class="mb-0">Docker Mastery: Kubernetes + Swarm from a Docker Captain</h6>
+                        <h6 className="mb-0">Docker Mastery: Kubernetes + Swarm from a Docker Captain</h6>
                         <p>
                             <a target="_blank" rel="noreferrer" href="https://www.udemy.com/course/docker-mastery/">udemy.com</a>
                             &nbsp;|&nbsp;
                             <a href={`${process.env.PUBLIC_URL}/udemy-certs/UC-19ac22fe-70fa-47bd-804c-83f3aa4ac218.jpg`}>certificate</a>
                             </p>
-                        <span class="text-primary">2021</span>
+                        <span className="text-primary">2021</span>
                     </div>
                     <div className='content-item'>
-                        <h6 class="mb-0">Beginning C++ Programming From Beginner to Beyond</h6>
+                        <h6 className="mb-0">Beginning C++ Programming From Beginner to Beyond</h6>
                         <p>
                             <a target="_blank" rel="noreferrer" href="https://www.udemy.com/course/beginning-c-plus-plus-programming/">udemy.com</a>
                             &nbsp;|&nbsp;
                             <a href={`${process.env.PUBLIC_URL}/udemy-certs/UC-9f15ebd2-2a9a-489f-b8ca-7e8b175bc12f.pdf`}>certificate</a>
                         </p>
-                        <span class="text-primary">2020</span>
+                        <span className="text-primary">2020</span>
                     </div>
                     <div className='content-item'>
-                        <h6 class="mb-0">Learn Linux in 5 Days and Level Up Your Career</h6>
+                        <h6 className="mb-0">Learn Linux in 5 Days and Level Up Your Career</h6>
                         <p>
                             <a target="_blank" rel="noreferrer" href="https://www.udemy.com/course/learn-linux-in-5-days/">udemy.com</a>
                             &nbsp;|&nbsp;
                             <a href={`${process.env.PUBLIC_URL}/udemy-certs/UC-0BB6GYJ1.pdf`}>certificate</a>
                         </p>
-                        <span class="text-primary">2019</span>
+                        <span className="text-primary">2019</span>
                     </div>
                 </section>
             </div>