add hackathon orange + fix

.gitignore

@@ -0,0 +1,3 @@
+###> Projet ###
+.idea/**
+###< Projet ###

assets/css/style.css

@@ -20,7 +20,7 @@ body {
 body::before {
   content: "";
   position: fixed;
-  background: #040404 url("../img/bgTech.gif") top right no-repeat;
+  background: #040404 url("/assets/images/bgTech.gif") top right no-repeat;
   background-size: cover;
   left: 0;
   right: 0;

assets/vendor/glightbox/js/glightbox.js

@@ -1123,7 +1123,7 @@
           mediaImage = null;
 
           if (hasClass(media, 'gslide-image')) {
-            mediaImage = media.querySelector('img');
+            mediaImage = media.querySelector('images');
           }
 
           var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
@@ -2269,7 +2269,7 @@
 
         if (type === 'image') {
           slideImage(slide, slideConfig, this.index, function () {
-            var img = slide.querySelector('img');
+            var img = slide.querySelector('images');
 
             if (slideConfig.draggable) {
               new DragSlides({
@@ -3388,11 +3388,11 @@
 
         if (image) {
           if (winWidth <= 768) {
-            var imgNode = image.querySelector('img');
+            var imgNode = image.querySelector('images');
           } else if (descriptionResize) {
             var descHeight = description.offsetHeight;
 
-            var _imgNode = image.querySelector('img');
+            var _imgNode = image.querySelector('images');
 
             _imgNode.setAttribute('style', "max-height: calc(100vh - ".concat(descHeight, "px)"));
 

index-en.html

@@ -10,8 +10,8 @@
   <meta content="" name="keywords">
 
   <!-- Favicons -->
-  <link href="assets/img/logoIcon.ico" rel="icon">
-  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
+  <link href="assets/images/logoIcon.ico" rel="icon">
+  <link href="assets/images/apple-touch-icon.png" rel="apple-touch-icon">
 
   <!-- Google Fonts -->
   <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
@@ -44,7 +44,7 @@
 
       <h1><a href="index.html">Hugo Devant</a></h1>
       <!-- Uncomment below if you prefer to use an image logo -->
-      <!-- <a href="index.html" class="mr-auto"><img src="assets/img/logo.png" alt="" class="img-fluid"></a> -->
+      <!-- <a href="index.html" class="mr-auto"><images src="assets/images/logo.png" alt="" class="images-fluid"></a> -->
       <h2>I'm an avid <span>developer</span>.</h2>
 
       <nav id="navbar" class="navbar">
@@ -55,8 +55,8 @@ <h2>I'm an avid <span>developer</span>.</h2>
           <li><a class="nav-link" href="#services">Services</a></li>
           <li><a class="nav-link" href="#portfolio">Portfolio</a></li>
           <li><a class="nav-link" href="#contact">Contact</a></li>
-          <li><a id="fr-click" href="index.html" onclick="changeLanguage('fr')"><img id="lang-fr" style="filter: grayscale(100%);" src="assets/img/flag-france.png" width="24" height="24"></a></li>
-          <li><a id="en-click" href="index-en.html" onclick="changeLanguage('en')"><img id="lang-en" src="assets/img/flag-united-states.png" width="24" height="24"></a></li>
+          <li><a id="fr-click" href="index.html" onclick="changeLanguage('fr')"><img id="lang-fr" style="filter: grayscale(100%);" src="assets/images/flag-france.png" width="24" height="24"></a></li>
+          <li><a id="en-click" href="index-en.html" onclick="changeLanguage('en')"><img id="lang-en" src="assets/images/flag-united-states.png" width="24" height="24"></a></li>
         </ul>
         <i class="bi bi-list mobile-nav-toggle"></i>
       </nav><!-- .navbar -->
@@ -87,7 +87,7 @@ <h2>About</h2>
 
       <div class="row">
         <div class="col-lg-4" data-aos="fade-right">
-          <img src="assets/img/avatar.png" class="img-fluid" alt="" width="256" height="256">
+          <img src="assets/images/avatar.png" class="img-fluid" alt="" width="256" height="256">
         </div>
         <div class="col-lg-8 pt-4 pt-lg-0 content" data-aos="fade-left">
           <h3>Developer</h3>
@@ -365,15 +365,15 @@ <h2>Testimonials</h2>
                 Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
                 <i class="bx bxs-quote-alt-right quote-icon-right"></i>
               </p>
-              <img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
+              <images src="assets/images/testimonials/testimonials-1.jpg" class="testimonial-images" alt="">
               <h3>Saul Goodman</h3>
               <h4>Ceo &amp; Founder</h4>
             </div>
           </div>&lt;!&ndash; End testimonial item &ndash;&gt;
 
           <div class="swiper-slide">
             <div class="testimonial-item">
-              <img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
+              <images src="assets/images/testimonials/testimonials-2.jpg" class="testimonial-images" alt="">
             </div>
           </div>&lt;!&ndash; End testimonial item &ndash;&gt;
 
@@ -384,7 +384,7 @@ <h4>Ceo &amp; Founder</h4>
                 Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
                 <i class="bx bxs-quote-alt-right quote-icon-right"></i>
               </p>
-              <img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
+              <images src="assets/images/testimonials/testimonials-3.jpg" class="testimonial-images" alt="">
               <h3>Jena Karlis</h3>
               <h4>Store Owner</h4>
             </div>
@@ -397,7 +397,7 @@ <h4>Store Owner</h4>
                 Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
                 <i class="bx bxs-quote-alt-right quote-icon-right"></i>
               </p>
-              <img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
+              <images src="assets/images/testimonials/testimonials-4.jpg" class="testimonial-images" alt="">
               <h3>Matt Brandon</h3>
               <h4>Freelancer</h4>
             </div>
@@ -410,7 +410,7 @@ <h4>Freelancer</h4>
                 Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
                 <i class="bx bxs-quote-alt-right quote-icon-right"></i>
               </p>
-              <img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
+              <images src="assets/images/testimonials/testimonials-5.jpg" class="testimonial-images" alt="">
               <h3>John Larson</h3>
               <h4>Entrepreneur</h4>
             </div>
@@ -566,7 +566,7 @@ <h2>Services - E4 EXAM</h2>
         <div class="col-lg-4 col-md-6 portfolio-item">
           <div class="portfolio-wrap">
             <a href="portfolio-stage-annee1.html" data-gallery="servicesDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Stage BTSSIO-A1">
-              <img src="assets/img/bts-stage1/tennaxia.png" class="img-fluid" alt="">
+              <img src="assets/images/bts-stage1/tennaxia.png" class="img-fluid" alt="">
             </a>
             <div class="portfolio-info">
               <h4>BTSSIO-Y1 - Internship</h4>
@@ -579,7 +579,7 @@ <h4>BTSSIO-Y1 - Internship</h4>
         <div class="col-lg-4 col-md-6 portfolio-item">
           <div class="portfolio-wrap">
             <a href="portfolio-stage-annee2.html" data-gallery="servicesDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Stage BTSSIO-A2">
-              <img src="assets/img/bts-stage2/tempo.png" class="img-fluid" alt="">
+              <img src="assets/images/bts-stage2/tempo.png" class="img-fluid" alt="">
             </a>
             <div class="portfolio-info">
               <h4>BTSSIO-Y2 - Internship</h4>
@@ -592,7 +592,7 @@ <h4>BTSSIO-Y2 - Internship</h4>
         <div class="col-lg-4 col-md-6 portfolio-item">
           <div class="portfolio-wrap">
             <a href="portfolio-tab-competences.html" data-gallery="servicesDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Portfolio Details">
-              <img src="assets/img/tabCompet.png" class="img-fluid" alt="">
+              <img src="assets/images/tabCompet.png" class="img-fluid" alt="">
             </a>
             <div class="portfolio-info">
               <h4>Competency chart</h4>
@@ -685,7 +685,7 @@ <h2>Portfolio</h2>
 
         <div class="col-lg-4 col-md-6 portfolio-item filter-web">
           <div class="portfolio-wrap">
-            <img src="assets/img/bts-stage1/tennaxia.png" class="img-fluid" alt="">
+            <img src="assets/images/bts-stage1/tennaxia.png" class="img-fluid" alt="">
             <div class="portfolio-info">
               <h4>BTSSIO-Y1 - Internship</h4>
               <p>Tennaxia - WEB</p>
@@ -698,7 +698,7 @@ <h4>BTSSIO-Y1 - Internship</h4>
 
         <div class="col-lg-4 col-md-6 portfolio-item filter-web">
           <div class="portfolio-wrap">
-            <img src="assets/img/bts-stage2/tempo.png" class="img-fluid" alt="">
+            <img src="assets/images/bts-stage2/tempo.png" class="img-fluid" alt="">
             <div class="portfolio-info">
               <h4>BTSSIO-Y2 - Intership</h4>
               <p>DGFIP - WEB</p>
@@ -711,7 +711,7 @@ <h4>BTSSIO-Y2 - Intership</h4>
 
         <div class="col-lg-4 col-md-6 portfolio-item filter-web">
           <div class="portfolio-wrap">
-            <img src="assets/img/helport/logo-ort.png" width=100% height=100% class="img-fluid" alt="">
+            <img src="assets/images/helport/logo-ort.png" width=100% height=100% class="img-fluid" alt="">
             <div class="portfolio-info">
               <h4>BTSSIO-Y1/2</h4>
               <p>HELPORT - WEB</p>
@@ -724,7 +724,7 @@ <h4>BTSSIO-Y1/2</h4>
 
         <div class="col-lg-4 col-md-6 portfolio-item filter-app">
           <div class="portfolio-wrap">
-            <img src="assets/img/helport/logo-ort.png" width=100% height=100% class="img-fluid" alt="">
+            <img src="assets/images/helport/logo-ort.png" width=100% height=100% class="img-fluid" alt="">
             <div class="portfolio-info">
               <h4>BTSSIO-Y2</h4>
               <p>HELPORT - APP</p>
@@ -737,12 +737,12 @@ <h4>BTSSIO-Y2</h4>
 
         <div class="col-lg-4 col-md-6 portfolio-item filter-app">
           <div class="portfolio-wrap">
-            <img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">
+            <img src="assets/images/portfolio/portfolio-3.jpg" class="img-fluid" alt="">
             <div class="portfolio-info">
               <h4>App 2</h4>
               <p>App</p>
               <div class="portfolio-links">
-                <a href="assets/img/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 2"><i class="bx bx-plus"></i></a>
+                <a href="assets/images/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 2"><i class="bx bx-plus"></i></a>
                 <a href="portfolio-projet-exemple.html" data-gallery="portfolioDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Portfolio Details"><i class="bi bi-search"></i></a>
               </div>
             </div>
@@ -751,7 +751,7 @@ <h4>App 2</h4>
 
         <div class="col-lg-4 col-md-6 portfolio-item filter-card">
           <div class="portfolio-wrap">
-            <img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt="">
+            <img src="assets/images/portfolio/portfolio-4.jpg" class="img-fluid" alt="">
             <div class="portfolio-info">
               <h4>Card</h4>
               <p>Car</p>