new fonts, compressed images, new logos

css/sections/nav.css

@@ -20,8 +20,8 @@ nav {
   display: flex;
 }
 
-nav img {
-  width: 3.5rem;
+nav .logo img {
+  width: 12rem;
   height: 3.5rem;
   margin-left: 1rem;
   margin-right: 1rem;
@@ -84,6 +84,7 @@ nav ul li a:hover {
 #menu-btn-open img {
   width: 2.8rem;
   height: 2.8rem;
+  margin-left: 1rem;
 }
 
 #qonsole-btn {
@@ -152,17 +153,15 @@ nav ul li a:hover {
 }
 
 @media only screen and (max-width: 500px) {
-  .logo img {
-    height: 3rem;
-    width: 3rem;
-    margin-right: 0.5rem;
-  }
 
-  .logo h2 {
-    font-size: 2rem;
-  }
+
 }
 
 @media only screen and (max-width: 375px) {
 
+    nav .logo img {
+    height: 2.7rem;
+    width: 8rem;
+  }
+
 }

css/utils/base.css

@@ -2,7 +2,9 @@
 
 @font-face {
     font-family: Ubuntu;
-    src: url("/media/fonts/Ubuntu-Bold.ttf");
+    /* src: url("/media/fonts/Ubuntu-Bold.ttf"); */
+    src: url("/media/fonts/PitagonSansText-SemiBold.ttf");
+    /* src: url("/media/fonts/Arista2.0-light.ttf"); */
     font-display: swap;
 }
 
@@ -102,6 +104,7 @@ h5 {
 
 p {
     line-height: 1.7rem;
+    font-size: 1.2rem;
 }
 
 /* SECTIONS */

css/utils/buttons.css

@@ -2,6 +2,7 @@
     color: var(--text-color-1);
     cursor: pointer;
     font-size: 1.3rem;
+    font-weight: bold;
     padding: 0.6rem 0.7rem;
     border-radius: 0.5rem;
     display: flex;

media/images/logo.svg

@@ -1,33 +0,0 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 1224 792;" xml:space="preserve" viewBox="271.21 57.76 681.58 676.5">
-<style type="text/css">
-	.st0{display:none;}
-	.st1{display:inline;fill-rule:evenodd;clip-rule:evenodd;}
-	.st2{fill:none;stroke:#5791FF;stroke-width:45;stroke-linejoin:round;stroke-miterlimit:10;}
-	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
-</style>
-<g id="FOND" class="st0">
-	<rect x="216" y="-216" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 1008 -216)" class="st1" width="792" height="1224"/>
-</g>
-<g id="Calque_4">
-	<g>
-		<path class="st2" d="M917.66,396.07c0,53.09-14.13,105.36-40.88,151.46c-26.89,46.1-65.44,84.38-111.95,110.99    c-46.51,26.61-99.19,40.61-152.83,40.61c-53.64,0-106.32-13.99-152.83-40.61c-46.51-26.61-85.05-64.89-111.94-110.99    c-26.75-46.09-40.89-98.36-40.89-151.46c0-53.23,14.13-105.5,40.89-151.6c26.89-46.09,65.44-84.37,111.94-110.99    c46.51-26.61,99.19-40.61,152.83-40.61c53.64,0,106.33,14,152.83,40.61c46.51,26.61,85.06,64.89,111.95,110.99    c26.75,46.1,40.88,98.37,40.88,151.46V396.07z"/>
-	</g>
-	<circle class="st3" cx="613.81" cy="173.13" r="39.45"/>
-	<circle class="st3" cx="613.81" cy="623.51" r="39.45"/>
-	<circle class="st3" cx="495.34" cy="510.15" r="39.45"/>
-	<circle class="st3" cx="391.17" cy="389.64" r="39.45"/>
-	<circle class="st3" cx="495.34" cy="276.79" r="39.45"/>
-	<circle class="st3" cx="729.47" cy="276.79" r="39.45"/>
-	<circle class="st3" cx="835.17" cy="389.38" r="39.45"/>
-	<circle class="st3" cx="614.19" cy="389.77" r="39.45"/>
-	<circle class="st3" cx="729.47" cy="510.4" r="39.45"/>
-	<path class="st3" d="M614.19,445.17c-2.96,0-5.87-0.24-8.71-0.69v124.28c2.6-0.37,5.25-0.58,7.95-0.58c2.23,0,4.42,0.15,6.58,0.4   V444.86C618.1,445.06,616.16,445.17,614.19,445.17z"/>
-	<path class="st3" d="M613.43,228.52c-2.7,0-5.35-0.2-7.95-0.58v107.11c2.84-0.45,5.75-0.69,8.71-0.69c1.97,0,3.91,0.11,5.82,0.31   V228.12C617.85,228.37,615.65,228.52,613.43,228.52z"/>
-	<path class="st3" d="M685.73,311.41l-36.16,35.72c3.74,3.11,7.05,6.7,9.87,10.68l37-36.55   C692.45,318.46,688.85,315.15,685.73,311.41z"/>
-	<path class="st3" d="M803.35,344.18l-31.87-31.88c-2.98,3.84-6.45,7.28-10.33,10.22l31.37,31.39   C795.7,350.22,799.33,346.94,803.35,344.18z"/>
-	<path class="st3" d="M539.29,311.3c-2.98,3.85-6.44,7.29-10.31,10.23l38.48,38.48c2.63-4.12,5.78-7.88,9.38-11.17L539.29,311.3z"/>
-	<path class="st3" d="M431.21,352.4l31.03-30.64c-3.89-2.92-7.37-6.35-10.37-10.18l-31.96,31.56   C424.07,345.72,427.87,348.84,431.21,352.4z"/>
-	<path class="st3" d="M539.09,476.65l42.58-42.04c-3.94-2.86-7.49-6.23-10.55-10l-42.4,41.87   C532.61,469.4,536.09,472.83,539.09,476.65z"/>
-	<path class="st3" d="M695.07,467.11l-39.96-39.99c-3.29,3.6-7.05,6.75-11.17,9.38l41.01,41.03   C687.78,473.57,691.19,470.05,695.07,467.11z"/>
-</g>
-</svg>

pages/en/confirmation.html

@@ -19,10 +19,7 @@
           <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-          <img src="/media/images/logo.svg" alt="TeleQom Logo">
-          <h2>
-            Tele<span>Q</span>om
-          </h2>
+          <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
           <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

pages/en/err/403.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (403) | Forbidden Error Page</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

pages/en/err/404.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (404) | Page Not Found Error</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

pages/en/err/500.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (500) | Internal Server Error</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

pages/en/err/contact.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups | Contact Form Error</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

pages/en/err/general.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups | Unexpected Error Occured</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

pages/en/index.html

@@ -8,7 +8,7 @@
   <title>The TeleQom Project | Home</title>
   <meta name="description"
     content="The TeleQom Project is a Québec non-profit that offers paid services to fund its multiple Free/Libre Software projects" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/index.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="#top" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#about">About</a></li>
@@ -249,6 +246,15 @@
             The more people watching it, the faster it gets!</p>
           <p class="status hold">On Hold</p>
         </div>
+        <div class="project">
+          <img src="/media/images/qi.png" alt="Qi Logo">
+          <h4><span>Q</span>i</h4>
+          <p class="description">
+            Tutorials for everyone! Each page contains the other I<span>Q</span> necessary or recommended to understand the subject at hand.
+            You will be able to widen your scope of the world, all in private naturally!
+          </p>
+          <p class="status hold">On Hold</p>
+        </div>
       </div>
   </section>
   <section id="contact">

pages/en/services/development.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>The TeleQom Project | Development Services</title>
     <meta name="description" content="TeleQom's development services include Libre websites, mobile apps, e-commerce like OpenCart and Content Management Systems like Wordpress"/>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/development.css"/>
   </head>
   <body>
@@ -23,10 +23,7 @@
           <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/en/index.html" class="logo">
-          <img src="/media/images/logo.svg" alt="TeleQom Logo">
-          <h2>
-            Tele<span>Q</span>om
-          </h2>
+          <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
           <li><a class="btn btn-2" href="#websites">Websites</a></li>
@@ -119,7 +116,7 @@
             <div class="qontribution">
               <h5><span>Q</span>ontribution</h5>
               <p>Package: <span class="green">250$</span></p>
-              <p>Hosting (<span>Q</span>ube): <span class="green">150$</span> / Year</p>
+              <p>Hosting (<span>Q</span>ube): <span class="green">150$ / Year</span></p>
             </div>
           </div>
           <div class="product">

pages/en/services/installation.html

@@ -8,7 +8,7 @@
   <title>The TeleQom Project | Installation Service</title>
   <meta name="description"
     content="The TeleQom Project offers an installation service to install Libre Software operating systems and applications of all sorts. Take a look!" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/installation.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="/pages/en/index.html" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#os">OS</a></li>

pages/en/services/repairs.html

@@ -8,7 +8,7 @@
   <title>The TeleQom Project | Repairs Service</title>
   <meta name="description"
     content="The TeleQom Project offers low cost repairs for your cellphone or computer. If you need new hardware though, here is a list of ethical suppliers!" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/repairs.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="/pages/en/index.html" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#top">Repairs</a></li>

pages/fr/confirmation.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Succès! | Page de Confirmation</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css"/>
 </head>
 <header>
@@ -19,10 +19,7 @@
           <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-          <img src="/media/images/logo.svg" alt="TeleQom Logo">
-          <h2>
-            Tele<span>Q</span>om
-          </h2>
+          <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
           <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>

pages/fr/err/403.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (403) | Page d'Accès Refusé</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>

pages/fr/err/404.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (404) | Erreur de Page Introuvable</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>

pages/fr/err/500.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (500) | Erreur Interne du Serveur</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>

pages/fr/err/contact.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups | Erreur du Formulaire de Contact</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>

pages/fr/err/general.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups | Erreur du Formulaire de Contact</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +20,7 @@
             <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-            <img src="/media/images/logo.svg" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>

pages/fr/index.html

@@ -8,7 +8,7 @@
   <title>Le Projet TeleQom | Accueil</title>
   <meta name="description" content="TeleQom est un organsime à but non-lucratif Québécois qui offre des 
       services informatiques pour financer ses nombreux projets de Logiciels Libres" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/index.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="#top" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#apropos">À Propos</a></li>
@@ -284,6 +281,15 @@
           </p>
           <p class="status hold">En Attente</p>
         </div>
+        <div class="project">
+          <img src="/media/images/qi.png" alt="Qi Logo">
+          <h4><span>Q</span>i</h4>
+          <p class="description">
+            Des tutoriels pour tous! Chaque page contient les <span>Q</span>i oblgatoires et recommandés pour comprendre le sujet.
+            Il vous sera possible d'élargir votre perception du monde, le tout en privé naturellement!
+          </p>
+          <p class="status hold">En Attente</p>
+        </div>
       </div>
   </section>
   <section id="contact">

pages/fr/services/developpement.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Le Project TeleQom | Services de Développement</title>
     <meta name="description" content="Les services de développement de TeleQom inclus le développement de Logiciel Libres de site web, d'application mobiles , de commerces en ligne tel qu'OpenCart et de Plateforme de Gestion de Contenu tel que Wordpress"/>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/development.css"/>
   </head>
   <body>
@@ -23,17 +23,14 @@
           <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-          <img src="/media/images/logo.svg" alt="TeleQom Logo">
-          <h2>
-            Tele<span>Q</span>om
-          </h2>
+          <img src="/media/images/logo.png" alt="TeleQom Logo">
         </a>
         <ul id="nav-list">
           <li><a class="btn btn-2" href="#sites-web">Sites Web</a></li>
           <li><a class="btn btn-2" href="#e-commerce">E-commerce</a></li>
           <li><a class="btn btn-2" href="#cms">CMS</a></li>
           <li><a class="btn btn-2" href="#autres">Autres</a></li>
-          <li><a class="btn btn-2" href="/pages/en/services/developpement.html">EN</a></li>
+          <li><a class="btn btn-2" href="/pages/en/services/development.html">EN</a></li>
           <li>
             <div id="mobile-nav-action-btn">
               <a class="btn btn-1" href="/pages/fr/index.html#contact">Contact</a>

pages/fr/services/installation.html

@@ -8,7 +8,7 @@
   <title>Le Projet TeleQom | Service d'Installation</title>
   <meta name="description"
     content="Le Projet TeleQom offre un service d'installation de Logiciels Libres. Nous installons des systèmes d'exploitation et des apps de tout genres. Venez voir!" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/installation.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="/pages/fr/index.html" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#os">OS</a></li>

pages/fr/services/reparation.html

@@ -8,7 +8,7 @@
   <title>Le Projet TeleQom | Service de Réparation</title>
   <meta name="description"
     content="Le Projet TeleQom offre un service de réparation d'ordinateurs et de cellulaires à petit prix. Si toutefois vous avez besoin d'un nouvel ordinateur, voici une liste de vendeurs éthiques!" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/repairs.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="/pages/fr/index.html" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#top">Réparation</a></li>