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
78 lines
2.0 KiB
HTML
3 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
|
||
|
|
<title>punjoke</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/punjoke/01.jpg" style="width:100%">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mySlides fade">
|
||
|
|
<img src="stories/punjoke/02.jpg" style="width:100%">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mySlides fade">
|
||
|
|
<img src="stories/punjoke/03.jpg" style="width:100%">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mySlides fade">
|
||
|
|
<img src="stories/punjoke/04.jpg" style="width:100%">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mySlides fade">
|
||
|
|
<img src="stories/punjoke/05.jpg" style="width:100%">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mySlides fade">
|
||
|
|
<img src="stories/punjoke/06.jpg" style="width:100%">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mySlides fade">
|
||
|
|
<img src="stories/punjoke/07.jpg" style="width:100%">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mySlides fade">
|
||
|
|
<img src="stories/punjoke/08.jpg" style="width:100%">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mySlides fade">
|
||
|
|
<img src="stories/punjoke/09.jpg" style="width:100%">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Next and previous buttons -->
|
||
|
|
<a class="prev" onclick="plusSlides(-1)">❮</a>
|
||
|
|
<a class="next" onclick="plusSlides(1)">❯</a>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
<script src="script.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|