You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

78 lines
2.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>soupjson</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap" rel="stylesheet">
</head>
<body>
<div class="topnav">
<a href="https://hub.xpub.nl/sandbot/~clara/Project/">Home</a>
<a href="../navigation/project.html">Project</a>
<a href="../navigation/about.html">About</a>
<div class="sun"> <img src="design/corner.jpg"> </div>
</div>
<div class="more">
<a href="list/list1.html"> <img src="design/more.png"></a>
</div>
<!-- Slideshow container -->
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<!-- <div class="numbertext">1 / 9</div> -->
<img src="stories/soupjson/01.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="stories/soupjson/02.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="stories/soupjson/03.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="stories/soupjson/04.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="stories/soupjson/05.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="stories/soupjson/06.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="stories/soupjson/07.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="stories/soupjson/08.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="stories/soupjson/09.jpg" style="width:100%">
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>
</div>
<br>
<script src="script.js"></script>
</body>
</html>