Untitled

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Allosaurus Page</title>
		<link rel="stylesheet" href="style.css">
	</head>
	<body>
		<div class="main_container">
			<div class="slideshow-container">
				<div class="mySlides fade">
					<img src="https://static.wikia.nocookie.net/prenistoricpark/images/0/04/Allosaurus_01.jpg/revision/latest/top-crop/width/360/height/450?cb=20170216043004&path-prefix=ru">
				</div>

				<div class="mySlides fade">
					<img src="https://vignette.wikia.nocookie.net/the-isle-russian/images/c/c3/Allosaurus.jpg/revision/latest?cb=20190324200704&path-prefix=ru" width="80%" class=kek1>
				</div>

				<div class="mySlides fade">
					<img src="https://avatars.mds.yandex.net/get-zen_doc/108057/pub_5c48b3af906b1600ae1406e1_5c48b4d4c08f7000ad30eaf2/scale_1200" width="70%" class=kek1>
				</div>
				<div class="mySlides fade">
					<img src="https://static.wikia.nocookie.net/jurassicpark/images/d/d9/Ezgif-7-28ef4dae82fc.gif/revision/latest/scale-to-width-down/340?cb=20200201183314&path-prefix=ru" width="70%" class=kek1>
				</div>

				<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
				<a class="next" onclick="plusSlides(1)">&#10095;</a>
			</div>

			<div class="additional_text1">
				<o class="cool_text">Протыкай кнопочки ))0) -></o>
			</div>
			<div class="additional_image1">
				<img src="https://memepedia.ru/wp-content/uploads/2020/04/rick.jpg" width=80%>
			</div>
		</div>
		<script>
			var slideIndex = 1;
			showSlides(slideIndex);

			function plusSlides(n) {
			  showSlides(slideIndex += n);
			}

			function currentSlide(n) {
			  showSlides(slideIndex = n);
			}

			function showSlides(n) {
				var i;
				var slides = document.getElementsByClassName("mySlides");
				if (n > slides.length) {slideIndex = 1}
				if (n < 1) {slideIndex = slides.length}
				for (i = 0; i < slides.length; i++) {
					slides[i].style.display = "none";
				}
				slides[slideIndex-1].style.display = "block";
			}
		</script>
	</body>
</html>