diff --git a/Javascript/app.js b/Javascript/app.js index e69de29..2ee03a5 100644 --- a/Javascript/app.js +++ b/Javascript/app.js @@ -0,0 +1,8 @@ +const swiper = new Swiper('.swiper', { + direction: 'vertical', + loop: true, + + pagination: { + el: '.swiper-pagination', + }, +}); diff --git a/Src/elefant.jpg b/Src/elefant.jpg new file mode 100644 index 0000000..90062f5 Binary files /dev/null and b/Src/elefant.jpg differ diff --git a/Src/giraffe.jpg b/Src/giraffe.jpg new file mode 100644 index 0000000..ff9059f Binary files /dev/null and b/Src/giraffe.jpg differ diff --git a/Src/gorilla.jpg b/Src/gorilla.jpg new file mode 100644 index 0000000..03bd75c Binary files /dev/null and b/Src/gorilla.jpg differ diff --git a/Src/loewe.jpg b/Src/loewe.jpg new file mode 100644 index 0000000..e77c65d Binary files /dev/null and b/Src/loewe.jpg differ diff --git a/Src/zebra.jpg b/Src/zebra.jpg new file mode 100644 index 0000000..44a7ae3 Binary files /dev/null and b/Src/zebra.jpg differ diff --git a/Styles/style.css b/Styles/style.css index 7bc39fb..dee8606 100644 --- a/Styles/style.css +++ b/Styles/style.css @@ -5,4 +5,13 @@ section { footer { height: 240px; -} \ No newline at end of file +} + +.swiper { + width: 600px; + height: 300px; +} + +.swiper-pagination-bullet { + background-color: rgba(0, 0, 0, 1) !important +} diff --git a/index.html b/index.html index 8b99f38..8ef8f83 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,7 @@ ZooWebsite + - -
-

Text on the Right

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida, justo eget sagittis malesuada, leo velit lobortis orci, ac sodales lectus ipsum in libero. Phasellus hendrerit justo et risus blandit, nec ultricies ligula facilisis. Pellentesque luctus, justo id vehicula consectetur, metus tortor auctor felis, eget eleifend lorem neque eget lectus. Cras semper, velit non gravida pellentesque, elit lectus rhoncus eros, nec malesuada est nulla eu metus.

-
- -