03/10/23 firstcommit

2023-10-03 09:22:32 +02:00
commit ae1cf1315c
60 changed files with 6143 additions and 0 deletions
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="stylesheet" href="css/homePage.css">
+    <link rel="stylesheet" href="css/swiper.css">
+    <title>Slide Astro Pi</title>
+</head>
+
+<body>
+    <div class="swiper mySwiper">
+        <div class="swiper-wrapper">
+
+            <!-- SLIDE 1 -->
+            <div class="swiper-slide silde1">
+                <div id="slideOne" class="slide-img">
+                    <!-- BGIMG -->
+                </div>
+                <div class="slide-title">
+                    <h2>#AstroPi</h2>
+                </div>
+                <div class="slide-desc">
+                    <p>Le projet consistait à prendre des photos de la terre à partir de l'ISS pour ensuite y détecter les fumées d'incendie ...</p>
+                </div>
+                <div class="slide-readmore-btn">
+                    <button><a href="astroPi.html">Lire plus</a></button>
+                </div>
+            </div>
+
+            <!-- SLIDE 2 -->
+            <div class="swiper-slide silde2">
+                <div id="slideTwo" class="slide-img">
+                    <!-- BGIMG -->
+                </div>
+                <div class="slide-title">
+                    <h2>#MonPortfolio</h2>
+                </div>
+                <div class="slide-desc">
+                    <p>Ce site m'a permis de me faire de l'expérience avec les langages du web ...</p>
+                </div>
+                <div class="slide-readmore-btn">
+                    <button><a href="myPortfolio.html">Lire plus</a></button>
+                </div>
+            </div>
+
+            <!-- SLIDE 3 -->
+            <div class="swiper-slide silde3">
+                <div id="slideThree" class="slide-img">
+                    <!-- BGIMG -->
+                </div>
+                <div class="slide-title">
+                    <h2>#ProjetIT2022</h2>
+                </div>
+                <div class="slide-desc">
+                    <p>Nous devions trouver un moyen de communiquer avec le véhicule derrière le nôtre.</p>
+                </div>
+                <div class="slide-readmore-btn">
+                    <button><a href="projetIT.html">Lire plus</a></button>
+                </div>
+            </div>
+        </div>
+        <div class="swiper-pagination"></div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
+
+    <script>
+        var swiper = new Swiper(".mySwiper", {
+            effect: "coverflow",
+            grabCursor: true,
+            centeredSlides: true,
+            slidesPerView: "auto",
+            coverflowEffect: {
+                rotate: 50,
+                stretch: 0,
+                depth: 100,
+                modifier: 1,
+                slideShadows: true,
+            },
+            pagination: {
+                el: ".swiper-pagination",
+            },
+        });
+    </script>
+</body>
+
+</html>