]> _ Git - Animations.git/commitdiff
wait #2355 @0.2
authornael <nael@cubedesigners.com>
Tue, 20 Nov 2018 13:49:50 +0000 (14:49 +0100)
committernael <nael@cubedesigners.com>
Tue, 20 Nov 2018 13:49:50 +0000 (14:49 +0100)
Capelec/index-en.html [new file with mode: 0644]
Capelec/index-fr.html
Capelec/style.sass

diff --git a/Capelec/index-en.html b/Capelec/index-en.html
new file mode 100644 (file)
index 0000000..cd98313
--- /dev/null
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+<div class="container">
+    <div class="brochure">
+        <h2 class="brochure-title">BROCHURES</h2>
+        <div class="brochure-items">
+            <div class="brochure-item">
+                <a href="https://www.capelec.fr/en/Capelec-en/corporate-presentation.html" target="_blank">
+                    <span class="brochure-item__description">
+                       innovation and responsiveness<br>
+                        focusing on user needs<br>
+                        <span class="brochure-item__description blue">corporate presentation</span>
+                    </span>
+                    <div class="brochure-item__img">
+                        <img class="brochure-item__imgs" src="src/img-en.png" alt="">
+                    </div>
+                </a>
+            </div>
+            <div class="brochure-item">
+                <a href="https://www.capelec.fr/en/light-vehicles-range-presentation.html" target="_blank">
+                    <span class="brochure-item__description">
+                        equipement and technologies<br>
+                        <span class="brochure-item__description blue">light vehicule</span>
+                    </span>
+                    <div class="brochure-item__img">
+                        <img class="brochure-item__imgs" src="src/img-en2.png" alt="">
+                    </div>
+                </a>
+            </div>
+            <div class="brochure-item">
+                <a href="https://www.capelec.fr/en/heavy-goods-vehicles-range-presentation.html" target="_blank">
+                    <span class="brochure-item__description">
+                       equipement and software<br>
+                        <span class="brochure-item__description blue">hgv</span>
+                    </span>
+                    <div class="brochure-item__img">
+                        <img class="brochure-item__imgs" src="src/img-en3.png" alt="">
+                    </div>
+                </a>
+            </div>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
\ No newline at end of file
index 40bb67965825594ce7ee744e728ff9154c5fecae..edbf66c1a6480da09c3b01ca2c1e50f71ab70cf7 100644 (file)
         <h2 class="brochure-title">BROCHURES</h2>
         <div class="brochure-items">
             <div class="brochure-item">
-                <span class="brochure-item__description">
+                <a href="https://www.capelec.fr/fr/capelec/presentation-corporate.html" target="_blank">
+                    <span class="brochure-item__description">
                     L’innovation et l’anticipation<br>
                     au service de l’utilisateur<br>
-                    <span class="brochure-item__description blue">Présentation corporate</span>
-                </span>
-                <div class="brochure-item__img">
-                    <img class="brochure-item__imgs" src="src/img-fr.png" alt="">
-                </div>
+                        <span class="brochure-item__description blue">Présentation corporate</span>
+                     </span>
+                    <div class="brochure-item__img">
+                        <img class="brochure-item__imgs" src="src/img-fr.png" alt="">
+                    </div>
+                </a>
             </div>
             <div class="brochure-item">
-                <span class="brochure-item__description">
-                    Équipements et technologies<br>
-                    <span class="brochure-item__description blue">véhicule léger</span>
-                </span>
-                <div class="brochure-item__img">
-                    <img class="brochure-item__imgs" src="src/img-fr2.png" alt="">
-                </div>
+                <a href="https://www.capelec.fr/fr/presentation-gamme-vehicules-legers.html" target="_blank">
+                    <span class="brochure-item__description">
+                        Équipements et technologies<br>
+                        <span class="brochure-item__description blue">véhicule léger</span>
+                    </span>
+                    <div class="brochure-item__img">
+                        <img class="brochure-item__imgs" src="src/img-fr2.png" alt="">
+                    </div>
+                </a>
             </div>
             <div class="brochure-item">
-                <span class="brochure-item__description">
-                   Équipements et logiciels<br>
-                    <span class="brochure-item__description blue">poids lourd</span>
-                </span>
-                <div class="brochure-item__img">
-                    <img class="brochure-item__imgs" src="src/img-fr3.png" alt="">
-                </div>
+                <a href="https://www.capelec.fr/fr/presentation-gamme-poids-lourds.html" target="_blank">
+                    <span class="brochure-item__description">
+                       Équipements et logiciels<br>
+                        <span class="brochure-item__description blue">poids lourd</span>
+                    </span>
+                    <div class="brochure-item__img">
+                        <img class="brochure-item__imgs" src="src/img-fr3.png" alt="">
+                    </div>
+                </a>
             </div>
         </div>
     </div>
index 4ab89dc8d01fdebd17bb509a1083cfd7d814fb87..409e6dc4f447e64148169a9bbe80680101acc16a 100644 (file)
@@ -11,6 +11,8 @@ $desc-main-color: #404040
 @font-face
   font-family: typo-bold
   src:  url("font-bold.woff") format('woff')
+a
+  text-decoration: none
 .container
   width: 1000px
   margin: 0 auto