commit 2e47a55a099c557dec4d8d924c652f76f0d38e8d Author: Quentin ANIERE Date: Thu Apr 7 16:03:53 2022 +0200 Started the project diff --git a/background.jpg b/background.jpg new file mode 100644 index 0000000..9f9ce03 Binary files /dev/null and b/background.jpg differ diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..fa82383 Binary files /dev/null and b/favicon.png differ diff --git a/images/denis.png b/images/denis.png new file mode 100644 index 0000000..c4935a9 Binary files /dev/null and b/images/denis.png differ diff --git a/images/denis_chapeau.png b/images/denis_chapeau.png new file mode 100644 index 0000000..559ec15 Binary files /dev/null and b/images/denis_chapeau.png differ diff --git a/images/denis_chemise.png b/images/denis_chemise.png new file mode 100644 index 0000000..bd098a3 Binary files /dev/null and b/images/denis_chemise.png differ diff --git a/images/saint_denis.png b/images/saint_denis.png new file mode 100644 index 0000000..deedc23 Binary files /dev/null and b/images/saint_denis.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..fbe79dc --- /dev/null +++ b/index.html @@ -0,0 +1,46 @@ + + + + + + + DenisSlider2000™ + + + + +
+ +
+
+ +
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ + + + + \ No newline at end of file diff --git a/mobile-title.gif b/mobile-title.gif new file mode 100644 index 0000000..dbe9aa0 Binary files /dev/null and b/mobile-title.gif differ diff --git a/script.js b/script.js new file mode 100644 index 0000000..b269022 --- /dev/null +++ b/script.js @@ -0,0 +1,7 @@ +const swiper = new Swiper('.swiper', { + direction: "horizontal", + loop: true, + autoplay: true, + speed: 400, + spaceBetween: 100, +}); diff --git a/style.css b/style.css new file mode 100644 index 0000000..c51612a --- /dev/null +++ b/style.css @@ -0,0 +1,46 @@ +body { + display: flex; + flex-wrap: wrap; + justify-content: center; + + background-size: cover; + background-repeat: no-repeat; + background-image: url("./background.jpg"); +} + +#title { + width: 100%; + display: flex; + justify-content: center; +} + +#mobile-title { + display: none; +} + +.swiper { + width: 500px; + height: 400px; + margin-top: 20vh; +} + +.photo-container { + width: 500px; + height: 400px; + + display: flex; + justify-content: center; + align-content: center; +} + + +@media screen and (max-width: 1024px) { + + #title { + display: none; + } + + #mobile-title { + display: block; + } +} diff --git a/title.gif b/title.gif new file mode 100644 index 0000000..f18e213 Binary files /dev/null and b/title.gif differ