modif footer + clean css + ajout meta

Worlixz · Dec 13, 2023 · fb477c5 · fb477c5
1 parent fed95d7
commit fb477c5
Show file tree

Hide file tree

Showing 12 changed files with 60 additions and 65 deletions.
diff --git a/catalogue.html b/catalogue.html
@@ -2,6 +2,7 @@
 <html lang="fr">
   <head>
     <meta charset="utf-8">
+    <meta name="description" content="CV DevOps Pipeline déploiement continu Audit SEO Webapp">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>CODA</title>
     <link rel="stylesheet" href="./style.css">
@@ -118,7 +119,7 @@ <h1>Nos services</h1>
             </div>
         </section>
 
-        <footer class="bg-secondary bg-gradient pt-5">
+        <footer id="footer" class="bg-secondary bg-gradient pt-5">
           <div class="container">
             <h2 class="text-white fs-2">CODA</h2>
             <hr>

diff --git a/catalogue/product1.html b/catalogue/product1.html
@@ -2,6 +2,7 @@
 <html lang="fr">
   <head>
     <meta charset="utf-8">
+    <meta name="description" content="CV DevOps Pipeline déploiement continu Audit SEO Webapp">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>CODA - prodcut 1</title>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
@@ -62,16 +63,16 @@ <h1 class="display-1 text-white text-end">Configuration Pipeline</h1>
           <h2>Notre savoir faire.</h2>
         </div>
         <div class="d-flex flex-column align-items-center flex-md-row justify-content-between text-center">
-          <div class="icon-size m-3">
-            <img class="img-fluid" src="../assets/icons/24-hours.png" alt="maintenance_24h" srcset="">
+          <div class="icon-size w-100 m-3">
+            <img class="img-fluid w-100" src="../assets/icons/24-hours.png" alt="maintenance_24h" srcset="">
             <p>Maintenance garantie 24/24h</p>
           </div>
-          <div class="icon-size m-3">
-            <img class="img-fluid" src="../assets/icons/devops.png" alt="deploiment_continu" srcset="">
+          <div class="icon-size w-100 m-3">
+            <img class="img-fluid w-100" src="../assets/icons/devops.png" alt="deploiment_continu" srcset="">
             <p>Déploiement continu</p>
           </div>
-          <div class="icon-size m-3">
-            <img class="img-fluid" src="../assets/icons/website.png" alt="personnalisation" srcset="">
+          <div class="icon-size w-100 m-3">
+            <img class="img-fluid " src="../assets/icons/website.png" alt="personnalisation" srcset="">
             <p>Solution personnalisée</p>
           </div>
         </div>
@@ -173,7 +174,7 @@ <h4 class="m-3">159,98 €/mois</h4>
 
     </main>
 
-    <footer class="bg-secondary bg-gradient pt-5">
+    <footer id="footer" class="bg-secondary bg-gradient pt-5">
       <div class="container">
         <h2 class="text-white fs-2">CODA</h2>
         <hr>

diff --git a/catalogue/product2.html b/catalogue/product2.html
@@ -2,6 +2,7 @@
 <html lang="fr">
   <head>
     <meta charset="utf-8">
+    <meta name="description" content="CV DevOps Pipeline déploiement continu Audit SEO Webapp">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>CODA - product 2</title>
     <link rel="stylesheet" href="../style.css">
@@ -64,15 +65,15 @@ <h2>Notre savoir faire</h2>
           </div>
           <div class="d-flex flex-column flex-md-row flex-wrap justify-content-center align-items-center justify-content-md-between text-center mt-5">
             <div class="icon-size m-3">
-              <img src="../assets/icons/seo-audit.png" alt="" srcset="">
+              <img class="w-100" src="../assets/icons/seo-audit.png" alt="" srcset="">
               <p>Analyse SEO</p>
             </div>
             <div class="icon-size m-3">
-              <img src="../assets/icons/confort.png" alt="" srcset="">
+              <img class="w-100" src="../assets/icons/confort.png" alt="" srcset="">
               <p>Mise en conformité</p>
             </div>
             <div class="icon-size m-3">
-              <img src="../assets/icons/ref.png" alt="" srcset="">
+              <img class="w-100" src="../assets/icons/ref.png" alt="" srcset="">
               <p>Référencement</p>
             </div>
           </div>
@@ -175,7 +176,7 @@ <h4 class="m-3">159,98 €/mois</h4>
         </section>
       </main>
 
-      <footer class="bg-secondary bg-gradient pt-5">
+      <footer id="footer" class="bg-secondary bg-gradient pt-5">
         <div class="container">
           <h2 class="text-white fs-2">CODA</h2>
           <hr>

diff --git a/catalogue/product3.html b/catalogue/product3.html
@@ -2,8 +2,9 @@
 <html lang="fr">
   <head>
     <meta charset="utf-8">
+    <meta name="description" content="CV DevOps Pipeline déploiement continu Audit SEO Webapp">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>CODA - prodcut 1</title>
+    <title>CODA - prodcut 3</title>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
     <link rel="stylesheet" href="../style.css">
   </head>
@@ -62,16 +63,16 @@ <h1 class="display-1 text-white text-end">Application Web</h1>
           <h2>Notre savoir faire.</h2>
         </div>
         <div class="d-flex flex-column flex-md-row flex-wrap justify-content-center align-items-center justify-content-md-between text-center mt-5">
-          <div class="icon-size m-3">
-            <img src="../assets/icons/brainstorm.png" alt="" srcset="">
+          <div class="icon-size  m-3">
+            <img class="w-100" src="../assets/icons/brainstorm.png" alt="" srcset="">
             <p>Objectif</p>
           </div>
-          <div class="icon-size m-3">
-            <img src="../assets/icons/prototype.png" alt="" srcset="">
+          <div class="icon-size  m-3">
+            <img class="w-100" src="../assets/icons/prototype.png" alt="" srcset="">
             <p>Création</p>
           </div>
-          <div class="icon-size m-3">
-            <img src="../assets/icons/testing.png" alt="" srcset="">
+          <div class="icon-size  m-3">
+            <img class="w-100" src="../assets/icons/testing.png" alt="" srcset="">
             <p>Développement</p>
           </div>
         </div>
@@ -175,8 +176,15 @@ <h4 class="m-3">159,98 €/mois</h4>
 
     </main>
 
-    <footer class="bg-secondary">
-
+    <footer id="footer" class="bg-secondary bg-gradient pt-5">
+      <div class="container">
+        <h2 class="text-white fs-2">CODA</h2>
+        <hr>
+        <ul>
+          <li><a href="#">Plan du site</a></li>
+          <li><a href="#">Mention légales</a></li>
+        </ul>
+      </div>
     </footer>
 
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>

diff --git a/contact.html b/contact.html
@@ -2,6 +2,7 @@
 <html lang="fr">
   <head>
     <meta charset="utf-8">
+    <meta name="description" content="CV DevOps Pipeline déploiement continu Audit SEO Webapp">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>CODA</title>
     <link rel="stylesheet" href="./style.css">
@@ -60,7 +61,7 @@ <h1>Contact</h1>
           </form>
       </section>
 
-      <footer class="bg-secondary bg-gradient pt-5">
+      <footer id="footer" class="bg-secondary bg-gradient pt-5">
         <div class="container">
           <h2 class="text-white fs-2">CODA</h2>
           <hr>

diff --git a/cv_team/cv_charly.html b/cv_team/cv_charly.html
@@ -4,6 +4,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="CV DevOps Pipeline déploiement continu Audit SEO Webapp">
   <title>CODA - Charly</title>
   <link rel="stylesheet" href="../style.css">
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
@@ -128,7 +129,7 @@ <h3>Expériences</h3>
     </div>
   </section>
 
-  <footer class="bg-secondary bg-gradient pt-5">
+  <footer id="footer" class="bg-secondary bg-gradient pt-5">
     <div class="container">
       <h2 class="text-white fs-2">CODA</h2>
       <hr>

diff --git a/cv_team/cv_geremy.html b/cv_team/cv_geremy.html
@@ -3,6 +3,7 @@
 
 <head>
   <meta charset="utf-8">
+  <meta name="description" content="CV DevOps Pipeline déploiement continu Audit SEO Webapp">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>CODA - Gérémy</title>
   <link rel="stylesheet" href="../style.css">
@@ -124,7 +125,7 @@ <h3>Expériences</h3>
     </div>
   </section>
 
-  <footer class="bg-secondary bg-gradient pt-5">
+  <footer id="footer" class="bg-secondary bg-gradient pt-5">
     <div class="container">
       <h2 class="text-white fs-2">CODA</h2>
       <hr>

diff --git a/cv_team/cv_hugo.html b/cv_team/cv_hugo.html
@@ -2,6 +2,7 @@
 <html lang="fr">
   <head>
     <meta charset="utf-8">
+    <meta name="description" content="CV DevOps Pipeline déploiement continu Audit SEO Webapp">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>CODA - Hugo</title>
   <link rel="stylesheet" href="../style.css">
@@ -116,7 +117,7 @@ <h3>Expériences</h3>
         </div>
     </section>
 
-    <footer class="bg-secondary bg-gradient pt-5">
+    <footer id="footer" class="bg-secondary bg-gradient pt-5">
       <div class="container">
         <h2 class="text-white fs-2">CODA</h2>
         <hr>

diff --git a/cv_team/cv_jamil.html b/cv_team/cv_jamil.html
@@ -2,6 +2,7 @@
 <html lang="fr">
   <head>
     <meta charset="utf-8">
+    <meta name="description" content="CV DevOps Pipeline déploiement continu Audit SEO Webapp">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>CODA - Jamil</title>
   <link rel="stylesheet" href="../style.css">
@@ -113,7 +114,7 @@ <h3>Expériences</h3>
         </div>
     </section>
 
-    <footer class="bg-secondary bg-gradient pt-5">
+    <footer id="footer" class="bg-secondary bg-gradient pt-5">
       <div class="container">
         <h2 class="text-white fs-2">CODA</h2>
         <hr>

diff --git a/index.html b/index.html
@@ -2,6 +2,7 @@
 <html lang="fr">
   <head>
     <meta charset="utf-8">
+    <meta name="description" content="CV DevOps Pipeline déploiement continu Audit SEO Webapp">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>CODA</title>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
@@ -65,29 +66,29 @@ <h2>Produits</h2>
         </div>
       </section>
 
-      <section class="section-img">
+      <section class="section-img h-100">
         <div id="carouselExampleCaptions" class="carousel slide" style="height: 100%; max-width: 600px; margin: 0 auto;">
           <div class="carousel-indicators">
             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
           </div>
           <div class="carousel-inner">
-            <div onclick="window;location.href = './catalogue/product1.html'" class="carousel-item active div-img-carous" >
+            <div onclick="window;location.href = './catalogue/product1.html'" class="carousel-item active h-100" >
               <img src="./assets/pexels-tim-mossholder-3612932.jpg" class="d-block w-100" alt="...">
               <div class="carousel-caption d-md-block">
                 <h4>Configuration de pipeline</h4>
                 <p>Nous configurons votre pipeline de A à Z</p>
               </div>
             </div>
-            <div onclick="window;location.href = './catalogue/product2.html'"  class="carousel-item div-img-carous">
+            <div onclick="window;location.href = './catalogue/product2.html'"  class="carousel-item h-100">
               <img src="./assets/pexels-tim-mossholder-3612932.jpg" class="d-block w-100" alt="...">
               <div class="carousel-caption d-md-block">
                 <h4>Audit SEO</h4>
                 <p>Nous assurons un référencement optimal de votre site.</p>
               </div>
             </div>
-            <div onclick="window;location.href = './catalogue/product3.html'"  class="carousel-item div-img-carous">
+            <div onclick="window;location.href = './catalogue/product3.html'"  class="carousel-item h-100">
               <img src="./assets/pexels-tim-mossholder-3612932.jpg" class="d-block w-100" alt="...">
               <div class="carousel-caption d-md-block">
                 <h4>Développement web app</h4>
@@ -106,7 +107,7 @@ <h4>Développement web app</h4>
         </div>
       </section>
 
-      <footer class="bg-secondary bg-gradient pt-5">
+      <footer id="footer" class="bg-secondary bg-gradient pt-5">
         <div class="container">
           <h2 class="text-white fs-2">CODA</h2>
           <hr>

diff --git a/style.css b/style.css
@@ -16,26 +16,8 @@
     background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
   }
 
-#carouselExample{
-    height: 100%;
-}
-#carous-inner{
-    height: 100%;
-}
-
 .section-img{
     margin: 75px auto;
-    height: 100%;
-}
-.div-img-carous{
-    height: 100%;
-}
-
-.card-perso-product{
-    min-width: 500px !important;
-}
-.span-check{
-    color: white;
 }
 
 #hero-pipeline{
@@ -51,8 +33,7 @@
 
 .blur-dark{
     position: absolute;
-    background-color: rgba(0, 0, 0, 0.4
-    );
+    background-color: rgba(0, 0, 0, 0.4);
     top: 0;
     bottom: 0;
     left: -10px;
@@ -66,6 +47,15 @@
     z-index: 2;
 }
 
+#footer{
+    min-height: 200px;
+    margin-top: 150px;
+}
+
+.icon-size{
+    max-width: 100px;
+}
+
 #card-business{
     z-index: 2;
     transform: scale(1.05);
@@ -93,17 +83,4 @@
     100%{
         transform: scale(1.05);
     }
-}
-
-footer{
-    min-height: 200px;
-    margin-top: 150px;
-}
-
-.icon-size{
-    max-width: 100px;
-    > img{
-        /* height: 100%; */
-        width: 100%;
-    }
 }
diff --git a/team.html b/team.html
@@ -2,6 +2,7 @@
 <html lang="fr">
   <head>
     <meta charset="utf-8">
+    <meta name="description" content="CV DevOps Pipeline déploiement continu Audit SEO Webapp">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>CODA</title>
     <link rel="stylesheet" href="./style.css">
@@ -123,7 +124,7 @@ <h5 class="card-title">Hugo C.</h5>
         </div>    
       </section>
 
-      <footer class="bg-secondary bg-gradient pt-5">
+      <footer id="footer" class="bg-secondary bg-gradient pt-5">
         <div class="container">
           <h2 class="text-white fs-2">CODA</h2>
           <hr>